/* Manrope fonts for most of the content */
@font-face {
  font-family: "Manrope-Light";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Light-Italic";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Normal";
  src: url("fonts/manrope-v13-latin_greek-regular.eot");
  src: url("fonts/manrope-v13-latin_greek-regular.woff") format("woff"),
    url("fonts/manrope-v13-latin_greek-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Italic";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-SemiBold";
  src: url("fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-SemiBoldItalic";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Bold";
  src: url("fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Bold-Italic";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Extra-Bold";
  src: url("fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Extra-Bold-Italic";
  src: url("fonts/Manrope-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }

  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }

  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }

  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

/*
  Keep the Q hot-offer artwork in a centered heading row above the title so
  the title, bundle details, and action controls retain their normal flow.
*/
.bundle-card-with-hot-offer .bundle-title-block {
  text-align: center;
}

.bundle-card-with-hot-offer .bundle-title-block .hot-offer-badge {
  display: block;
  width: 65px;
  height: 65px;
  margin: 16px auto 0px;
  object-fit: contain;
}

/*
  When a bundle group mixes a hot-offer bundle with regular ones, the badge
  above the hot-offer's title pushes it down (16px margin-top + 65px badge
  height = 81px). Applied by TL_BUNDLE.jsp only to the non-hot-offer bundles
  in that group, so their titles align with the hot-offer bundle's title.
*/
.bundle-title-block-hot-offer-spacing {
  padding-top: 81px;
}

.bundle-card-with-hot-offer .bundle-title-row {
  width: 100%;
}

.bundle-card-with-hot-offer .bundle-title-text {
  display: block;
  width: 100%;
}

@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }

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

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#bundlesCarousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

#bundlesCarousel.owl-carousel .owl-item {
  -webkit-backface-visibility: unset;
  -moz-backface-visibility: unset;
  -ms-backface-visibility: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

button,
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto;
  border: 0;
  outline: 0;
  overflow: visible;
  cursor: pointer;
}

input,
select {
  vertical-align: middle;
}

code,
kbd,
pre,
samp {
  font-family: Manrope-Regular;
}

hr {
  border: 0;
  border-top: 1px solid #e5eef6;
  display: block;
  height: 1px;
  margin: 2em 0;
  padding: 0;
}

td,
th,
caption {
  font-weight: normal;
  text-align: left;
}

:link,
a,
a:visited {
  color: #000;
  text-decoration: none;
}

a:hover,
a:active {
  outline: none;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

a img,
:link img,
:visited img {
  border: none;
}

a span {
  cursor: pointer;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

address {
  font-style: italic;
  margin: 0 0 1.5em 0;
}

body {
  background: #fff;
  color: #010101;
  font-family: Manrope-Regular;
  font-size: 75%;
  line-height: 1.4em;
  text-align: left;
}

blockquote {
  background: url(../media/left-bar-li-sec-hov.png) no-repeat scroll left 3px
    transparent;
  font-style: italic;
  margin: 1em;
  padding-left: 12px;
}

button,
input.button {
  cursor: pointer;
  font-family: Manrope-Regular;
  font-size: 1em;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

caption {
  font-weight: bold;
  margin-bottom: 0.2em;
  padding: 0;
}

del {
  text-decoration: line-through;
}

dl,
ol,
ul {
  margin: 1em 2em;
}

dl dd {
  margin-left: 1em;
}

dt {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size: normal;
  line-height: 140%;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 0.5em;
}

h2 {
  color: #22242f;
  font-size: 22px;
  font-weight: bold;
}

h3 {
  color: #22242f;
  font-size: 20px;
  font-weight: bold;
}

h4 {
  color: #22242f;
  font-size: 18px;
  font-weight: bold;
}

h5 {
  font-size: 1.4em;
  margin-bottom: 0.2em;
}

h6 {
  font-size: 1.2em;
  margin-bottom: 0.2em;
}

input,
select,
option,
textarea {
  font-family: Manrope-Regular;
  font-size: 1em;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

input[type="radio"] {
  vertical-align: text-bottom;
}

ins {
  text-decoration: none;
}

ol li {
  list-style: decimal inside;
}

ol ol li {
  list-style: lower-alpha;
}

ol ol ol li {
  list-style: lower-roman;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

p {
  color: #0f4174;
  font-size: 13px;
  margin: 1em 0;
}

strong,
b {
  font-weight: bold;
}

sub {
  line-height: 0;
  vertical-align: bottom;
  font-size: 10px;
}

sup {
  line-height: 0;
  vertical-align: top;
  font-size: 10px;
}

table {
  margin-bottom: 1em;
}

tfoot {
  font-style: italic;
}

thead td,
th {
  font-weight: bold;
}

th,
td {
  vertical-align: top;
}

ul {
  margin: 0;
}

ul li {
  background: url(../media/left-bar-li-sec-hov.png) no-repeat scroll 15px 13px
    #e9f4fb;
  color: #0f4174;
  font-size: 13px;
  list-style: none outside none;
  margin: 0 0 5px;
  padding: 10px 18px 10px 30px;
}

ul ul li {
  list-style: circle;
}

ul ul ul li {
  list-style: square;
}

ol {
  margin: 0;
}

ol li {
  -moz-border-radius: 5px 5px 5px 5px;
  background: url(../media/left-bar-li-sec-hov.png) no-repeat scroll 15px 13px
    #e9f4fb;
  color: #0f4174;
  font-size: 13px;
  list-style: none outside none;
  margin: 0 0 5px;
  padding: 10px 18px 10px 30px;
}

ol ol li {
  list-style: circle;
}

ol ol ul li {
  list-style: square;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.hidden {
  left: -999em;
  position: absolute !important;
  top: -999em;
}

.content {
  color: #0f4174;
  font-size: 13px;
}

.img-left {
  float: left;
  margin: 0 20px 20px 0;
}

.img-right {
  float: right;
  margin: 0 0 20px 20px;
}

a.pdf {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: #fff url(../media/FileIcons/pdf-icon.png) no-repeat 5px 5px;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.pdf:hover {
  border: solid 4px #ccebff;
  background: #fff url(../media/FileIcons/pdf-icon-over.png) no-repeat 5px 5px;
  text-decoration: none;
  color: #0f4174;
}

a.doc {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/doc-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.doc:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/doc-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

a.xls {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/xls-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.xls:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/xls-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

a.ppt {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/ppt-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.ppt:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/ppt-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

a.zip {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/zip-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.zip:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/zip-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

a.rar {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/rar-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.rar:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/rar-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

a.rar {
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  background: url(../media/FileIcons/rar-icon.png) no-repeat scroll 5px 5px #fff;
  border: solid 4px #e9f4fb;
  padding: 28px 10px 28px 65px;
  text-decoration: none;
  color: #0f4174;
}

a.rar:hover {
  border: solid 4px #ccebff;
  background: url(../media/FileIcons/rar-icon-over.png) no-repeat scroll 5px 5px
    #fff;
  text-decoration: none;
  color: #0f4174;
}

body {
  position: relative;
}

p {
  color: #878787;
  font-size: 18px;
  line-height: 22px;
}

select:focus {
  outline: none;
}

ul {
  margin: 1em 0 1.5em;
  padding: 0;
  list-style: none;
}

ul li {
  list-style: none;
}

.dbsect_item li {
  font-size: 15px;
}

a.orange,
.orange {
  color: #eb6708;
}

a.blue,
.blue {
  color: #35a8e0;
}

a.underline:hover,
.underline {
  text-decoration: underline;
}

input:focus {
  outline: none;
}

.wrapper {
  margin: 0 auto;
  width: 960px;
}

.space {
  width: 100%;
}

.space20 {
  height: 20px;
}

.space35 {
  height: 35px;
}

.space40 {
  height: 40px;
}

.section {
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 12;
  width: 100%;
  min-height: 643px;
}

#promoLogin.section {
  z-index: 11;
}

#promo.section {
  z-index: 10;
}

#promo.section.active {
  z-index: 12;
}

.icon {
  background-image: url("/ext_files/prepaid/q/media/icons.png");
  background-repeat: no-repeat;
}

b,
.bold {
  font-family: "Manrope-Bold";
  font-weight: normal;
}

.semibold {
  font-family: "Manrope-SemiBold";
}

.extrabold {
  font-family: "Manrope-Extra-Bold";
}

.italics {
  font-family: "Manrope-Italic";
}

input.button,
a.button {
  background-color: #35a8e0;
  color: rgba(255, 255, 255, 0.9);
  font-family: "Manrope-Normal";
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 9px 30px;
  text-decoration: none;
  text-align: center;
}

input.button {
  border: none;
}

#footer .wrapper {
  width: 920px;
}

#footer {
  background: #f47a04;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0N2EwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjY2MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(244, 122, 4, 1) 0%,
    rgba(235, 102, 8, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(244, 122, 4, 1)),
    color-stop(100%, rgba(235, 102, 8, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(244, 122, 4, 1) 0%,
    rgba(235, 102, 8, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(244, 122, 4, 1) 0%,
    rgba(235, 102, 8, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(244, 122, 4, 1) 0%,
    rgba(235, 102, 8, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(244, 122, 4, 1) 0%,
    rgba(235, 102, 8, 1) 100%
  );
  display: inline-block;
  padding: 70px 0 0 0;
  position: relative;
  vertical-align: top;
  z-index: 13;
  width: 100%;
}

#footer .footer_btm {
  border-top: 1px solid #f6b483;
  display: inline-block;
  text-align: left;
  padding: 10px 0 18px;
  vertical-align: top;
  width: 100%;
}

#footer .footer_btm ul {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
}

#footer .footer_btm ul li {
  background: none;
  color: #fff;
  float: left;
  list-style: none;
  font-size: 11px;
  margin: 12px 14px 0 0;
  padding: 0;
}

#footer .footer_btm ul li a {
  color: #fff;
  text-decoration: none;
}

#footer .footer_btm ul li.img {
  margin-top: 0;
}

#footer .footer_btm a.atcom {
  float: right;
  margin: 10px 12px 0 0;
}

#footer .block {
  display: inline-block;
  vertical-align: top;
  margin: 0 1% 0 6%;
  min-width: 18%;
}

#footer .block:first-child {
  margin-left: 1%;
}

#footer .block p.title {
  color: #fff;
  font-size: 20px;
  font-family: "Manrope-Bold";
  margin-bottom: 17px;
}

#footer .block a {
  color: #fff;
  text-decoration: none;
}

#footer .block p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  margin-bottom: 5px;
}

#footer .block ul {
  margin: 0;
  padding: 0;
}

#footer .block .inner {
  margin: 0 0 40px 0;
}

#footer .block ul li {
  background: none;
  list-style-type: disc;
  list-style-position: inside;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 5px;
}

#footer .block ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  text-decoration: none;
}

#footer .newsletter {
  margin: 12px 0 34px;
  position: relative;
  width: 320px;
  height: 36px;
}

#promoLogin .fieldBlock {
  position: relative;
  width: 375px;
  height: 46px;
}

.fieldBlock {
  background-color: #fff;
  font-size: 0;
}

.fieldBlock input.submit,
.fieldBlock input.text {
  border: none;
  color: #999;
  display: inline-block;
  font-size: 16px;
  font-family: "Manrope-Italic";
  padding: 0;
  vertical-align: top;
  height: 100%;
}

.fieldBlock .text {
  background-color: #fff;
  padding: 0 10px;
}

#footer .newsletter .text {
  background: url("/ext_files/prepaid/q/media/newsletterIcon.png") no-repeat
    scroll 4% center;
  padding: 0 3% 0 10%;
  width: 62%;
}

#footer .newsletter .text:focus {
  border: none;
  margin: 0;
}

#promoLogin .fieldBlock.error input.text {
  border-width: 3px;
}

#promoLogin .fieldBlock .text {
  background: url("/ext_files/prepaid/q/media/registerIcon.png") no-repeat
    scroll 5% center;
  padding: 0 3% 0 9%;
  position: relative;
  z-index: 11;
  width: 58%;
}

#promoLogin .fieldBlock .text:focus {
  border: none;
  border-radius: 0;
  margin: 0;
}

.fieldBlock input.submit {
  background-color: #35a8e0;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

#footer .newsletter .submit {
  float: right;
  font-family: "Manrope-Normal";
  font-size: 12px;
  width: 25%;
}

#promoLogin .fieldBlock .submit {
  float: right;
  font-family: "Manrope-Normal";
  width: 30%;
}

#footer .tools {
  display: inline-block;
}

.tools ul {
  margin: 0;
  padding: 0;
}

.tools > ul > li:first-child,
#footer .tools > ul > li:first-child {
  border: none;
  padding-left: 0;
}

.tools ul li,
#footer .tools ul li {
  background: none;
  display: inline-block;
  list-style: none;
  padding: 0;
  vertical-align: middle;
  line-height: inherit;
}

.tools > ul > li,
#footer .tools > ul > li {
  border-left: 1px solid #f5a76a;
  padding: 0 8px;
}

.tools .social .icon {
  display: inline-block;
  width: 25px;
  height: 24px;
}

.tools .fb.icon {
  background-position: -4px -3px;
}

.tools .twitter.icon {
  background-position: -32px -3px;
}

.tools .youtube.icon {
  background-position: -60px -3px;
}

.tools .lang a,
#footer .block .tools .lang a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  line-height: 17px;
  text-align: center;
  border-radius: 0;
  text-decoration: none;
  width: 18px;
  height: 17px;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.tools .lang a:hover,
.tools .lang a.active,
#footer .block .tools .lang a:hover,
#footer .block .tools .lang a.active {
  background-color: #fff;
  border-radius: 2px;
  color: #ed6a07;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.tools .search a {
  background-position: -97px -6px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
}

#header {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: top;
  z-index: 99;
  width: 100%;
  height: 121px;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

#header .bg {
  background-color: #000;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#header .logo {
  float: left;
  margin: 16px 0 0 1.5%;
  position: relative;
  z-index: 12;
}

#header .logo a {
  background: url("/ext_files/prepaid/q/media/logo.png") no-repeat scroll center
    top;
  background-size: 100% auto;
  display: block;
  width: 121px;
  height: 148px;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -ms-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

#header .tools {
  display: inline-block;
  margin: 15px 1% 0 0;
}

#header .wrapper {
  position: relative;
  text-align: right;
}

#header .tools > ul {
  float: right;
  margin: 8px 0 0;
}

#header .tools .youtube.icon {
  background-position: -178px -9px;
  width: 18px;
  height: 13px;
}

#header .tools .fb.icon {
  background-position: -130px -7px;
  width: 8px;
  height: 16px;
}

#header .tools .twitter.icon {
  background-position: -150px -9px;
  width: 16px;
  height: 13px;
}

#header.style2 .tools .youtube.icon {
  background-position: -177px -34px;
}

#header.style2 .tools .fb.icon {
  background-position: -129px -32px;
}

#header.style2 .tools .twitter.icon {
  background-position: -149px -34px;
}

.tools .myAccount {
  border: none;
  font-size: 14px;
  line-height: 36px;
  margin: 0 0 0 3px;
  padding: 0 10px;
  max-width: 207px;
  min-width: 110px;
  height: 39px;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#header .tools .myAccount {
  cursor: pointer;
  float: right;
}

.tools .myAccount .text span {
  vertical-align: top;
  height: 100%;
}

#header .tools .social li {
  margin: 0 4px;
}

.tools .myAccount .account {
  margin: 0 0 0 4px;
  width: 10px;
  height: 16px;
}

.tools .myAccount .text {
  line-height: 39px;
  margin: 0 14px 0 6px;
  vertical-align: top;
  height: 100%;
}

.tools .myAccount .arrow {
  width: 7px;
  height: 12px;
}

.tools .myAccount span {
  display: inline-block;
  vertical-align: middle;
}

#header.style2 .bg,
#header.style1 .bg {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

#header.style3 .bg {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#header.style1 .tools .myAccount {
  background-color: #fff;
  color: #d25e0a;
}

#header.style3 .tools .myAccount,
#header.style2 .tools .myAccount {
  background-color: #eb6608;
  color: #fff;
}

#header.style1 .tools .myAccount .account {
  background-position: -213px -7px;
}

#header.style3 .tools .myAccount .account,
#header.style2 .tools .myAccount .account {
  background-position: -213px -29px;
}

#header.style3.fixed .tools .myAccount .account,
#header.style2.fixed .tools .myAccount .account,
#header.style1.fixed .tools .myAccount .account {
  background-position: -333px -6px;
  margin-top: -6px;
}

#header.style1 .tools .myAccount .arrow {
  background-position: -238px -8px;
}

.canvas #header.style3 .tools .myAccount .arrow,
.canvas #header.style2 .tools .myAccount .arrow {
  background-position: -238px -37px;
  width: 12px;
  height: 7px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.no-canvas #header.style3 .tools .myAccount .arrow,
.no-canvas #header.style2 .tools .myAccount .arrow {
  background-position: -89px -653px;
  width: 7px;
  height: 12px;
}

#header.style1.fixed .tools .myAccount .arrow,
#header.style3.fixed .tools .myAccount .arrow,
#header.style2.fixed .tools .myAccount .arrow {
  background-position: -309px -11px;
  width: 12px;
  height: 7px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#header.style1 .tools > ul > li {
  border-color: #e6a169;
}

#header.style2 .tools > ul > li {
  border-color: #ac4f04;
}

#header.style3 .tools > ul > li {
  border-color: #c28350;
}

#header.style1 .tools .lang a:hover,
#header.style1 .tools .lang a.active {
  color: #a65006;
}

#header.style3 .tools .lang a:hover,
#header.style3 .tools .lang a.active {
  color: rgba(0, 0, 0, 0.8);
}

#header.style2 .tools .lang a {
  color: #666;
}

#header.style2 .tools .lang a:hover,
#header.style2 .tools .lang a.active {
  background-color: #666;
  color: rgba(255, 255, 255, 0.6);
}

#header.style2 .tools .search a {
  background-position: -101px -33px;
}

#header #nav {
  float: right;
  margin: 23px 0 0 0;
  padding: 0;
  text-align: right;
  min-width: 70%;
  height: 50px;
}

#header #nav li {
  background: none;
  list-style: none;
  display: inline-block;
  padding: 0;
}

#header #nav > li {
  height: 100%;
}

#header #nav > li.home {
  height: auto;
}

#header #nav li a {
  display: block;
  font-family: "Manrope-SemiBold";
  font-size: 16px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  text-decoration: none;
  height: 28px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#header #nav li a.active,
#header #nav li a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#header.style2.fixed #nav li a,
#header.style1 #nav li a {
  color: #fff;
}

#header.style2 #nav li .megaMenu li a {
  color: #fff;
}

#header.style2 #nav li .megaMenu ul li li a {
  color: #f6bc93;
}

#header #nav li a.active {
  background-color: #f37319;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  -ms-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

#header.style3 #nav li:hover,
#header.style1 #nav li:hover {
  background-color: #fff;
}

#header.style2 #nav li:hover {
  background-color: #eb6608;
}

#header.style3 #nav li:hover > a.active,
#header.style3 #nav li:hover > a,
#header.style1 #nav li:hover > a.active,
#header.style1 #nav li:hover > a {
  background-color: transparent;
  color: #d25c07;
}

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

#header.style2 #nav li a {
  color: #666;
}

#header.style3 #nav li a {
  color: #fff;
}

#header.style2 #nav li a:hover {
  color: #fff;
}

#header #nav li:hover .megaMenu {
  display: inline-block;
}

.megaMenu {
  background-color: #fff;
  display: none;
  left: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 121px;
}

.style2 .megaMenu {
  background-color: #eb6608;
}

#header #nav li .megaMenu li a {
  color: #666;
  font-family: "Manrope-SemiBold";
  font-size: 16px;
  text-align: left;
}

#header #nav li .megaMenu > ul {
  display: inline-block;
  margin: 0 4% 0 13%;
  padding: 16px 0 19px;
  text-align: left;
  width: 83%;
}

#header #nav li .megaMenu > ul > li:first-child > a {
  border: none;
}

#header #nav li .megaMenu > ul > li > a {
  border-left: 1px solid #ebebeb;
  padding: 0 9px;
  height: auto;
}

#header #nav li .megaMenu > ul > li > a:hover {
  background-color: transparent;
  color: #d25d07;
}

#header #nav li .megaMenu ul li {
  display: inline-block;
  float: none;
}

#header #nav li .megaMenu ul li li {
  clear: both;
  float: left;
}

#header #nav li .megaMenu ul li li a {
  border: none;
  color: #9a9a9a;
  font-size: 14px;
  padding: 0 0 10px 10px;
  line-height: 15px;
  height: auto;
}

#header #nav li .megaMenu ul ul {
  margin: 8px 0 0;
  padding: 0;
  max-width: 200px;
}

#header #nav li .arrow {
  background-position: -263px -9px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0 auto;
  width: 18px;
  height: 11px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#header.style2 #nav li .arrow {
  background-position: -337px -52px;
  width: 18px;
  height: 11px;
}

#header #nav li:hover .arrow {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#sectionsNav {
  display: none;
}

.homepage #sectionsNav {
  display: block;
  top: 50%;
  position: fixed;
  right: 10px;
  z-index: 14;
  width: 11px;
}

#sectionsNav div {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
  display: inline-block;
  cursor: pointer;
  margin: 3px 0;
  position: relative;
  height: 9px;
  width: 9px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#sectionsNav div.active,
#sectionsNav div:hover {
  background-color: transparent;
  border: 1px solid #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#sectionsNav div .text {
  color: #fff;
  font-size: 12px;
  font-family: "Manrope-Bold";
  position: absolute;
  right: 17px;
  top: -2px;
  display: none;
  min-width: 100px;
  text-align: right;
}

#sectionsNav div:hover .text {
  display: block;
}

#barNav {
  background-color: #303030;
  bottom: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  text-align: center;
  z-index: 11;
  width: 100%;
  height: 28px;
}

#barNav a {
  background-color: #f47810;
  border-radius: 8px;
  color: #f0e5dd;
  display: inline-block;
  margin: 5px 0;
  padding: 0 36px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  height: 18px;
}

#barNav .arrow {
  background-position: -289px -12px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  width: 8px;
  height: 5px;
}

.section#promoLogin {
  background-color: #eb6608;
  text-align: right;
}

#promoLogin .wrapper {
  position: relative;
  height: 100%;
}

#promoLogin .img {
  background-position: 45% top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: -5%;
  width: 100%;
  height: 105%;
}

#promoLogin div.text {
  display: inline-block;
  margin-top: 100px;
  position: relative;
  text-align: left;
  width: 40%;
}

#promoLogin ul {
  margin: 0 0 10px;
  padding: 0;
}

#promoLogin ul li {
  background: url("/ext_files/prepaid/q/media/plus.png") no-repeat 3px 7px;
  color: #fff;
  font-size: 18px;
  list-style: none;
  padding: 0 0 14px 18px;
  line-height: 20px;
}

#promoLogin .text div {
  color: #fff;
  font-size: 48px;
  font-family: "Manrope-Extra-Bold";
  line-height: 60px;
  letter-spacing: -4px;
  margin: 0 0 9px 0;
}

#promoLogin .text div .myQ {
  font-size: 92px;
}

#promoLogin .text div .myQ.icon {
  background-position: -8px -48px;
  display: inline-block;
  margin-right: 6px;
  width: 50px;
  height: 84px;
}

#promoLogin .text div.fieldBlock {
  margin: 18px 0 0 3px;
  font-size: 0;
}

.qLogo {
  background: url("/ext_files/prepaid/q/media/qlogo.png") no-repeat scroll right
    0;
  background-size: auto 250%;
  left: -20%;
  position: absolute;
  width: 50%;
  height: 100%;
}

.section#promoBundles {
  background-color: #d2cdcb;
}

.section .header {
  display: inline-block;
  margin-top: 75px;
  position: relative;
  text-align: center;
  width: 100%;
}

.section .header .line {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 25%;
  height: 1px;
}

.section .header .text {
  position: relative;
  text-align: left;
}

.section .header .text .top,
.section .header .text .btm {
  color: #1aa4e8;
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  line-height: 14px;
  letter-spacing: 1px;
}

.section .header .text .top {
  left: 0;
  position: absolute;
  top: -12px;
}

.section .header .text .btm {
  right: 0;
  position: absolute;
  bottom: -12px;
}

.section .header .textWrap {
  margin: 0 3%;
}

.section .header div {
  display: inline-block;
  vertical-align: middle;
}

.section .header .text span.text {
  color: #1aa4e8;
  display: inline-block;
  font-size: 63px;
  font-family: "Manrope-Extra-Bold";
  line-height: 63px;
  letter-spacing: -3px;
  margin: -3px 0 0 -3px;
}

.section .header img {
  display: inline-block;
  margin: 0 0 0 7px;
  vertical-align: middle;
  width: 84px;
  height: auto;
}

.bundlesWrap {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.section .bundlesWrap {
  left: 0;
  margin-top: -160px;
  position: absolute;
  top: 50%;
}

.bundle {
  background-color: #fff;
  text-align: center;
}

.bundle a.button {
  display: inline-block;
  margin-bottom: 4px;
}

.bundle,
.section .bundle {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 308px;
}

.bundle .innerWrap {
  background-color: #fff;
  padding: 5px 0 18px;
  position: relative;
  z-index: 12;
  width: 100%;
  height: 100%;
}

.bundle.new .newIcon {
  background-position: -9px -144px;
  left: -1px;
  position: absolute;
  top: -1px;
  z-index: 13;
  width: 52px;
  height: 52px;
}

.bundle .inner {
  display: inline-block;
  font-size: 0;
  margin-bottom: 5px;
  width: 94%;
  min-height: 200px;
}

.bundle .right,
.bundle .left {
  display: inline-block;
  vertical-align: top;
}

.bundle .bubble {
  color: rgba(255, 255, 255, 0.9);
  font-size: 76px;
  font-family: "Manrope-Extra-Bold";
  text-align: center;
  line-height: 105px;
  position: relative;
}

.bubble {
  background-position: -76px -59px;
  display: inline-block;
  width: 114px;
  height: 110px;
}

.bundle .type {
  color: #545454;
  font-size: 17px;
  margin: 20px 0 10px;
}

.bundle .left {
  text-align: left;
  width: 57%;
}

.bundle .right {
  margin: 4px 0 0;
  text-align: right;
  width: 43%;
}

.bundle .type span {
  display: block;
  font-size: 55px;
  line-height: 57px;
}

.bundle .type span span {
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
}

.bundle .onlineBonus {
  margin: 0 0 13px;
}

.bundle .onlineBonus .ribbon {
  background-color: #ec6b0a;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-family: "Manrope-Extra-Bold";
  line-height: 19px;
  position: relative;
  padding: 0 4px;
  height: 19px;
}

.bundle .onlineBonus .ribbon .arrow {
  background-position: -215px -53px;
  display: block;
  left: 7px;
  position: absolute;
  bottom: -4px;
  width: 9px;
  height: 4px;
}

.bundle .onlineBonus .text {
  color: #ec6b0a;
  font-size: 14px;
  line-height: 14px;
}

.bundle .onlineBonus .text span {
  font-size: 30px;
  font-family: "Manrope-Bold";
  line-height: 30px;
}

.bundle .onlineBonus .text span span {
  font-size: 16px;
}

.data-jump-title {
  color: #2332b4;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  font-family: Manrope-Bold;
}

/* Tooltip Area */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background: #ffffff;
  border: 1px solid #f1f3f5;
  box-shadow: 0 0;
  border-radius: 8px;
  color: #060700;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltiptext .rollover-span {
  padding: 0 0 20px;
}

@media screen and (max-width: 768px) {
  .tooltip .tooltiptext {
    max-width: 180px;
    right: 0;
  }
}

.bundle a.more {
  background: url("/ext_files/prepaid/q/media/arrowR.png") no-repeat scroll
    right center;
  color: #969b9d;
  font-size: 12px;
  font-family: "Manrope-SemiBold";
  line-height: 12px;
  padding-right: 10px;
}

.bundle .name {
  color: #545454;
  font-size: 28px;
  line-height: 28px;
}

.section .wrapper {
  position: relative;
  height: 100%;
}

#promoDevices {
  background-color: #cac5c3;
}

.smartphones {
  font-size: 0;
  display: inline-block;
  left: 0;
  margin-top: -120px;
  position: absolute;
  top: 50%;
  width: 100%;
}

.smartphones .smartphone {
  display: inline-block;
  font-size: 0;
}

.smartphones.items2 .smartphone {
  padding: 0 3% 0 9%;
  position: relative;
  width: 89%;
}

.smartphones.item1 .smartphone {
  padding: 0;
  margin: 0 5%;
  width: 90%;
}

.smartphones.item1 .smartphone .img {
  width: 24%;
}

.smartphones .smartphone > div {
  display: inline-block;
}

.smartphones .smartphone .img {
  position: relative;
  width: 42%;
}

.smartphones .smartphone .desc {
  margin-left: 3%;
  margin-bottom: 34px;
  text-align: left;
  vertical-align: bottom;
  width: 55%;
  height: 100%;
}

.smartphones.item1 .smartphone .desc {
  margin-left: 5%;
  width: 60%;
}

.smartphones .smartphone .img img {
  max-width: 100%;
  height: auto;
}

.packs-table td .mobile div.bubble,
.smartphones .smartphone div.bubble {
  background-position: -70px -183px;
  bottom: 58px;
  left: -23%;
  position: absolute;
  width: 109px;
  height: 109px;
}

.smartphones.item1 .smartphone div.bubble {
  background-position: -202px -124px;
  font-size: 25px;
  width: 132px;
  height: 132px;
}

.smartphone .bubble {
  color: #fff;
  font-family: "Manrope-SemiBold";
  font-size: 20px;
  text-align: center;
}

.smartphone .bubble table {
  width: 100%;
  height: 100%;
}

.smartphone .bubble table td {
  line-height: 20px;
  vertical-align: middle;
}

.smartphone .bubble span {
  display: block;
  line-height: 100%;
}

.smartphone .bubble .plus {
  font-size: 16px;
  font-family: "Manrope-Light-Italic";
}

.smartphones.item1 .bubble .plus {
  font-size: 20px;
}

.smartphone .bubble .info {
  font-size: 12px;
  font-family: "Manrope-Italic";
}

.smartphones.item1 .bubble .info {
  font-size: 14px;
}

.smartphone .bubble .price {
  font-size: 25px;
}

.smartphones.item1 .bubble .price {
  font-size: 30px;
}

.smartphone .bubble .price.b {
  font-size: 38px;
}

.smartphones .smartphone .top {
  color: #323232;
  font-family: "Manrope-Bold";
  font-size: 18px;
  line-height: 18px;
  left: 48%;
  position: absolute;
  top: 11%;
}

.smartphones.item1 .smartphone .top {
  left: 27%;
}

.smartphones .smartphone .top span {
  display: block;
  font-family: "Manrope-Italic";
}

.smartphones .smartphone .btm p {
  color: #6e6e6e;
  font-size: 16px;
  line-height: 20px;
}

.smartphones.item1 .smartphone .btm p {
  font-size: 18px;
  line-height: 18px;
}

.smartphones .smartphone .btm p.promo {
  color: #eb6608;
  font-size: 64px;
  font-family: "Manrope-Extra-Bold";
  line-height: 58px;
  letter-spacing: -6px;
  margin-bottom: 5px;
}

.smartphones .smartphone .btm p span {
  font-family: "Manrope-SemiBold";
}

.smartphones .smartphone .btm p span span.italic {
  font-family: "Manrope-SemiBoldItalic";
}

.section .header.s .line {
  width: 18%;
}

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

#promo.section {
  background: #eb6608;
  background: -moz-linear-gradient(234deg, #eb6608 0%, #f07511 100%);
  background: -webkit-linear-gradient(234deg, #eb6608 0%, #f07511 100%);
  background: -o-linear-gradient(234deg, #eb6608 0%, #f07511 100%);
  background: -ms-linear-gradient(234deg, #eb6608 0%, #f07511 100%);
  background: linear-gradient(324deg, #eb6608 0%, #f07511 100%);
}

#promoSlider {
  width: 100%;
  height: 100%;
}

#promoSlider.owl-carousel .owl-wrapper,
#promoSlider.owl-carousel .owl-wrapper-outer {
  height: 100%;
}

#promoSlider.owl-carousel .owl-item {
  width: 100%;
  height: 100%;
}

#promoSlider .slide {
  width: 100%;
  height: 100%;
}

#promoSlider .slide .imgBg,
#promoSlider .slide .img {
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#promoSlider .slide.style3 .img,
#promoSlider .slide.style1 .img {
  background-size: auto 100%;
  background-position: 37% bottom;
}

#promoSlider .slide.style3 .imgBg,
#promoSlider .slide.style2 .img {
  background-position: center center;
  background-size: cover;
}

#promoSlider .owl-theme .owl-controls {
  margin-top: -54px;
}

#promo .qLogo {
  background: url("/ext_files/prepaid/q/media/qlogo.png") no-repeat scroll 0 0;
  position: absolute;
  top: 40%;
  width: 1704px;
  height: 2137px;
}

input[type="submit"] {
  border-radius: 0;
}

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

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

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

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

#promoSlider .promoText {
  position: relative;
  margin-top: 155px;
  max-width: 960px;
  width: 90%;
}

.sectionsWrap.inner .promoText {
  position: relative;
  margin-top: 180px;
  max-width: 960px;
  z-index: 13;
  width: 90%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.sectionsWrap.inner.s .promoImg .promoText {
  margin-top: 155px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.promoText p {
  display: inline-block;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 17px;
  max-width: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.promoText p.title {
  font-size: 85px;
  font-family: "Manrope-Extra-Bold";
  letter-spacing: -6px;
  line-height: 76px;
  margin: 0 0 16px;
  max-width: 64%;
}

.sectionsWrap.inner.s .promo.promoImg p {
  font-size: 17px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.sectionsWrap.inner.s .promo.promoImg p.title {
  font-size: 71px;
  line-height: 63px;
}

.promoText.style1 p {
  color: #7d3804;
}

.inner .promo.noImg .promoText p {
  font-size: 17px;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
}

.inner .promo.noImg .promoText p.title {
  font-size: 71px;
  margin: 0 5%;
  max-width: 90%;
}

.inner .promo.noImg .promoText p,
.promoText.style1 p.title {
  color: #462309;
}

.promoText.style2 p {
  color: #6e6e6e;
}

.promoText.style2 p.title {
  color: #eb6608;
}

.promoText.style3 p {
  color: #fff;
}

.promoText.style3 p.title {
  color: #eb6608;
}

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

.owl-theme .owl-controls .owl-page span {
  background-color: #fff;
  border: 1px solid #fff;
  margin: 0 6px;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 18px;
  height: 18px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#promoSlider .promoText .arrow,
.mobMenu {
  display: none;
}

#mobNav {
  background-color: #333;
  left: -88%;
  position: absolute;
  top: 0;
  z-index: 999;
  width: 88%;
  min-height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#mobNav ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

#mobNav li {
  list-style: none;
}

#mobNav > ul > li {
  border-bottom: 1px solid #484848;
  line-height: 20px;
  padding: 0 0 0 10%;
  width: 90%;
}

#mobNav ul li li {
  padding: 0 0 0 2%;
  width: 96%;
}

#mobNav ul ul {
  display: none;
}

#mobNav ul ul ul {
  margin: 0 0 10px;
}

#mobNav ul li li {
  padding: 0 0 0 4%;
  width: 92%;
}

#mobNav ul li a {
  color: #999;
  display: block;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

#mobNav > ul > li > a {
  font-size: 20px;
  padding: 9px 0;
}

#mobNav ul li.active > a,
#mobNav ul li a:hover {
  color: #fff;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

#mobNav ul li li a {
  font-size: 18px;
  padding: 8px 0;
}

#mobNav ul li li li a {
  font-size: 12px;
  line-height: 14px;
  padding: 6px 0;
}

.openMobMenu #mobNav {
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.mainWrapper {
  top: 0;
  left: 0;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.openMobMenu .mainWrapper {
  left: 88%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.android .openMobMenu .mainWrapper {
  position: absolute;
}

#mainContainer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.openMobMenu .mainWrapper .mobMenu.icon {
  margin-left: -5px;
}

.openMobMenu .mainWrapper #header {
  max-width: 1208px;
}

.openMobMenu #header .wrapper {
  width: 98%;
}

.sectionsWrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

#header.fixed {
  position: fixed;
  height: 70px;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

#header.fixed .megaMenu {
  top: 70px;
}

#header.fixed.style3 .tools .myAccount,
#header.fixed.style2 .tools .myAccount,
#header.fixed.style1 .tools .myAccount {
  background-color: transparent;
  color: #fff;
}

#header.fixed.style3 .bg,
#header.fixed.style2 .bg,
#header.fixed.style1 .bg {
  opacity: 0.48;
  filter: alpha(opacity=48);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#header.fixed .tools > ul {
  display: none;
}

#header.fixed .logo {
  margin-top: 7px;
}

#header.fixed .logo a {
  background-size: 100% auto;
  width: 78px;
  height: 98px;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -ms-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

#header.fixed .tools .myAccount .text span {
  display: none;
}

#header.fixed .tools .myAccount .text span.bold {
  display: block;
}

#header.fixed .tools .myAccount {
  width: auto;
}

#header.fixed .tools {
  float: right;
  margin-top: 19px;
}

.promoCarouselWrap {
  bottom: 28px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

#promoCarousel {
  font-size: 0;
  margin: 0 10%;
  width: 80%;
  height: 110px;
}

#promoCarousel .item {
  color: #6f6f6f;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  line-height: 18px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#promoCarousel .item .progress {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 9991;
  width: 0;
  height: 6px;
}

#promoCarousel .item .text {
  color: rgba(111, 111, 111, 0.8);
  display: inline-block;
  text-align: left;
  width: 90%;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

#promoCarousel .item:hover .text,
#promoCarousel .active .item .text {
  color: #284754;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

#promoCarousel .item table {
  margin: 0;
  position: relative;
  z-index: 12;
  height: 100%;
}

#promoCarousel .item table td {
  vertical-align: middle;
}

#promoCarousel.owl-carousel .owl-item {
  margin-top: 5px;
  height: 105px;
}

#promoCarousel.owl-carousel .owl-wrapper,
#promoCarousel .owl-wrapper-outer {
  height: 100%;
}

#promoCarousel.owl-carousel .owl-item {
  border-left: 1px solid #c5c5c0;
}

#promoCarousel.owl-carousel .owl-item {
  border-left: 1px solid #c5c5c0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-sizing: border-box;
  -ms-box-sizing: border-box;
}

#promoCarousel .item .text.mainSlide13 {
  width: 74%;
}

#promoCarousel .owl-wrapper {
  margin-left: -1px;
}

#promoCarousel .owl-item .bg {
  background: #e4e3de;
  background: -moz-linear-gradient(270deg, #e4e3de 0%, #f2f2ef 100%);
  background: -webkit-linear-gradient(270deg, #e4e3de 0%, #f2f2ef 100%);
  background: -o-linear-gradient(270deg, #e4e3de 0%, #f2f2ef 100%);
  background: -ms-linear-gradient(270deg, #e4e3de 0%, #f2f2ef 100%);
  background: linear-gradient(0deg, #e4e3de 0%, #f2f2ef 100%);
  left: 0;
  position: absolute;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

#promoCarousel .owl-item.activeElm .bg {
  background: #00ace7;
  background: -moz-linear-gradient(270deg, #00ace7 0%, #00c6ee 100%);
  background: -webkit-linear-gradient(270deg, #00ace7 0%, #00c6ee 100%);
  background: -o-linear-gradient(270deg, #00ace7 0%, #00c6ee 100%);
  background: -ms-linear-gradient(270deg, #00ace7 0%, #00c6ee 100%);
  background: linear-gradient(0deg, #00ace7 0%, #00c6ee 100%);
}

#promoCarousel .owl-item.activeElm .shadow {
  background: url("/ext_files/prepaid/q/media/shadow.png") no-repeat scroll
    center top;
  background-size: 100% auto;
  left: -2%;
  position: absolute;
  top: 5px;
  z-index: 11;
  width: 105%;
  height: 105px;
}

#promoCarousel .owl-item.activeElm {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 999;
  height: 110px;
}

.section .qlogo {
  background: url("/ext_files/prepaid/q/media/qlogo.png") no-repeat scroll 0 0;
  position: absolute;
  width: 50%;
  height: 100%;
  background-position: right top;
  background-size: 200% auto;
  left: 0;
}

#promo .qlogo {
  top: 40%;
}

#promoBundles .qlogo {
  top: 0;
  background-position: right 50%;
}

.mainContent {
  position: relative;
  z-index: 12;
}

.sectionsWrap.inner .promo {
  background-color: #eb6608;
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 11;
  width: 100%;
  height: 524px;
  -webkit-transition: height 0.1s ease-in-out;
  -moz-transition: height 0.1s ease-in-out;
  -ms-transition: height 0.1s ease-in-out;
  -o-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
}

.sectionsWrap.inner.s .promo.promoImg {
  -webkit-transition: height 0.1s ease-in-out;
  -moz-transition: height 0.1s ease-in-out;
  -ms-transition: height 0.1s ease-in-out;
  -o-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
  height: 394px;
}

.sectionsWrap.inner .promo.noImg {
  background: #f17206;
  background: -moz-linear-gradient(235deg, #f17206 0%, #f57b04 100%);
  background: -webkit-linear-gradient(235deg, #f17206 0%, #f57b04 100%);
  background: -o-linear-gradient(235deg, #f17206 0%, #f57b04 100%);
  background: -ms-linear-gradient(235deg, #f17206 0%, #f57b04 100%);
  background: linear-gradient(325deg, #f17206 0%, #f57b04 100%);
  height: 395px;
}

.sectionsWrap.inner .promo .imgBg,
.sectionsWrap.inner .promo .img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
}

.sectionsWrap.inner .promo .imgFront {
  background-size: auto 100%;
}

.sectionsWrap.inner .promo .imgBg {
  z-index: 11;
}

.navBar {
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: center;
  z-index: 12;
  width: 100%;
}

.navBar .top {
  background: #35a8e0;
  background: -moz-linear-gradient(270deg, #35a8e0 0%, #38ade2 100%);
  background: -webkit-linear-gradient(270deg, #35a8e0 0%, #38ade2 100%);
  background: -o-linear-gradient(270deg, #35a8e0 0%, #38ade2 100%);
  background: -ms-linear-gradient(270deg, #35a8e0 0%, #38ade2 100%);
  background: linear-gradient(0deg, #35a8e0 0%, #38ade2 100%);
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 53px;
}

.navBar .btm {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

div.intro,
.navBar .btm ul {
  padding-bottom: 18px;
}

div.intro.s {
  width: 64%;
}

.navBar .btm .button {
  margin: 5px 0 10px;
}

div.intro {
  display: inline-block;
  margin: 47px 0 20px;
  width: 100%;
}

div.intro p,
.navBar .btm p {
  color: #878787;
  font-size: 18px;
  text-align: left;
  line-height: 21px;
  margin-bottom: 9px;
}

.faqTemp .tab p.blueTitle,
div.intro p.intro {
  color: #35a8e0;
  font-size: 25px;
  font-family: "Manrope-Bold";
  line-height: 25px;
  margin-bottom: 5px;
}

.navBar .wrapper {
  position: relative;
}

.navBar .top ul {
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 100%;
  height: 53px;
}

.navBar .top ul.list5 li {
  width: 20%;
}

.navBar .top ul.list3 li {
  width: 33.3%;
}

.navBar .top ul.list2 li {
  width: 50%;
}

.navBar .top ul.list6 li {
  width: 16.6%;
}

.navBar .top ul li {
  background: none;
  display: inline-block;
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  height: 100%;
}

.navBar .top ul li.active {
  z-index: 12;
}

.navBar .top ul li.active a {
  background-color: #fff;
  font-size: 18px;
  margin-top: -5px;
  padding-top: 5px;
}

.navBar .top ul li.active a {
  color: #2c94c6;
}

.navBar .top ul li.active .shadow {
  background: url("/ext_files/prepaid/q/media/shadowM.png") no-repeat scroll
    center top;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: -2%;
  width: 105%;
  height: 100%;
}

.navBar .top ul li.active a,
.navBar .top ul li:first-child a {
  border: none;
}

.navBar .top ul li a {
  border-left: 1px solid #5fbce7;
  color: #fff;
  display: block;
  font-family: "Manrope-Bold";
  font-size: 18px;
  padding: 0 4%;
  letter-spacing: -1px;
  position: relative;
  width: 92%;
  height: 100%;
}

.navBar .top ul li .text {
  display: inline-block;
  position: relative;
  line-height: 18px;
}

.navBar .top ul li.active .text {
  top: -5px;
}

.navBar .btm ul {
  margin: 18px 0 0;
  padding: 0;
  text-align: left;
}

.navBar .btm ul li {
  background: none;
  display: inline-block;
  padding: 0;
}

.navBar .btm ul li a {
  color: #3f9cca;
  display: block;
  font-family: "Manrope-SemiBold";
  font-size: 14px;
  line-height: 20px;
  padding: 0 15px;
  text-decoration: none;
  height: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navBar .btm ul li.active a,
.navBar .btm ul li a:hover {
  background-color: #7ab8d6;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.innerBanner {
  background-color: #e6f3f8;
  display: inline-block;
  margin-top: 23px;
  position: relative;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  min-height: 267px;
}

.innerBanner .img {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
  bottom: 0;
  position: absolute;
  right: 0;
  width: 50%;
  height: 115%;
}

.innerBanner .text {
  display: inline-block;
  margin: 57px 0 8px 2.2%;
  width: 48%;
}

.innerBanner p {
  color: #000;
  font-size: 15px;
  line-height: 20px;
}

.innerBanner p.title {
  color: #2e4854;
  font-family: "Manrope-Extra-Bold";
  font-size: 48px;
  line-height: 44px;
  margin-bottom: 14px;
}

.cols4,
.cols3 {
  display: inline-block;
  font-size: 0;
  margin: 74px 0;
  vertical-align: top;
  width: 100%;
}

.cols3.steps {
  margin: 20px 0;
}

.cols4 > div {
  display: inline-block;
  text-align: center;
  margin: 0 1.5%;
  padding-bottom: 37px;
  position: relative;
  vertical-align: top;
  width: 22%;
}

.cols3 > div {
  display: inline-block;
  text-align: center;
  margin: 0 2%;
  padding-bottom: 37px;
  position: relative;
  vertical-align: top;
  width: 29.3%;
}

.cols3.steps > div {
  margin: 0;
  padding: 0 2% 37px;
  text-align: left;
}

.cols3.steps .cnt {
  max-width: 86%;
}

.colsWrap > div p {
  color: #666;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 14px;
}

.colsWrap.steps > div p {
  color: #8d8d8d;
}

.colsWrap > div p.title {
  color: #504f4e;
  font-size: 30px;
  font-family: "Manrope-SemiBold";
  line-height: 30px;
  letter-spacing: -2px;
  margin-bottom: 12px;
}

.colsWrap > div .img {
  margin-bottom: 50px;
  width: 100%;
}

.colsWrap.steps > div .img {
  margin-bottom: 12px;
}

.colsWrap > div .btm {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.colsWrap > div .seperator {
  background-color: #ccc;
  display: none;
  margin-bottom: 40px;
  vertical-align: top;
  width: 60%;
  height: 2px;
}

.colsWrap.steps > div .seperator {
  background: url("/ext_files/prepaid/q/media/arrowOrangeR.png") no-repeat
    scroll center 37%;
  display: block;
  position: absolute;
  right: 4%;
  top: 0;
  width: 20px;
  height: 100%;
}

.colsWrap.steps > div.last .seperator {
  display: none;
}

.promo.noImg .qLogo {
  background-size: 89% auto;
  left: -50%;
  top: 253px;
  width: 100%;
}

#header div.title {
  display: none;
}

.content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.content.gray {
  background: #eae9e7;
  background: -moz-linear-gradient(230deg, #eae9e7 0%, #d0c9c5 70%);
  background: -webkit-linear-gradient(230deg, #eae9e7 0%, #d0c9c5 70%);
  background: -o-linear-gradient(230deg, #eae9e7 0%, #d0c9c5 70%);
  background: -ms-linear-gradient(230deg, #eae9e7 0%, #d0c9c5 70%);
  background: linear-gradient(320deg, #eae9e7 0%, #d0c9c5 70%);
  padding: 30px 0 40px;
}

.content.blue {
  background-color: #e6f3f9;
  padding: 10px 0 40px;
  position: relative;
}

.sectionsWrap.inner .bundlesWrap {
  text-align: left;
}

.sectionsWrap.inner .bundle {
  margin: 15px 0.5% 20px;
  width: 32%;
}

.bundleInner {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.sectionsWrap.inner .bundleInner .bundle {
  margin: 55px 0 0 0;
}

.bundleInner div.info {
  display: inline-block;
  margin: 55px 0 0 4%;
  width: 60%;
}

.bundleInner div.info ul {
  margin: 0;
}

.popup {
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 991;
  width: 100%;
  height: 100%;
}

.popup .bg {
  background-color: #eb6708;
  left: 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}

.popup .close {
  background-position: -9px -207px;
  position: absolute;
  right: 5%;
  top: 50px;
  width: 37px;
  height: 36px;
}

.popup.alert .content {
  color: #fff;
  font-size: 40px;
  line-height: 48px;
  margin: 0 25%;
  top: 200px;
  position: relative;
  width: 50%;
}

.popup.alert {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.popup.alert.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}

.form {
  display: inline-block;
  margin: 35px 0 20px;
  vertical-align: top;
  width: 100%;
}

.formBlock .title,
.formBlock {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.formBlock {
  margin-bottom: 20px;
}

.blockTitle {
  border-bottom: 1px solid #999;
  color: #333;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  line-height: 20px;
  margin-bottom: 32px;
  padding-bottom: 8px;
}

.blockTitle.s {
  margin-right: auto;
  margin-left: auto;
  width: 95%;
}

.blockTitle span {
  color: #999;
  font-size: 13px;
  font-family: "Manrope-Normal";
}

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

.blockTitle.collapse {
  margin-bottom: 0;
}

.formBlock p {
  color: #999;
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  line-height: 17px;
  max-width: 80%;
}

.form .packs-table {
  font-size: 0;
  margin: 28px 0;
}

.form .packs-table .item {
  display: inline-block;
  margin-right: 5.5%;
  vertical-align: top;
  width: 44%;
}

.form .packs-table .item table {
  margin: 0;
  width: 100%;
}

.form .packs-table .item.eqItem table {
  height: 100%;
}

.form .packs-table .item td.quant {
  text-align: left;
}

.form .packs-table .item td {
  color: #666;
  font-family: "Manrope-SemiBold";
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}

.form .packs-table .item td label {
  color: #666;
  display: block;
  font-family: "Manrope-SemiBold";
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}

.checkbox .input {
  background-position: -314px -49px;
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
}

.checkbox.selected .input {
  background-position: -287px -49px;
}

.radio .input input,
.checkbox .input input {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
}

.select .select-box {
  background-color: #f7f7f7;
  border: 1px solid #bfbfbf;
  color: #666;
  font-size: 18px;
  position: relative;
}

.select .select-box .selected {
  cursor: pointer;
  display: block;
  font-family: "Manrope-Normal";
  position: relative;
  z-index: 12;
  width: 100%;
  height: 100%;
}

.select .select-box .options {
  background-color: #f7f7f7;
  border: 1px solid #bfbfbf;
  border-top: none;
  display: none;
  left: -1px;
  position: absolute;
  top: 44px;
  width: 100%;
}

.select .select-box.open .options {
  display: block;
}

.select .select-box .options ul {
  margin: 0;
  padding: 0 10px;
}

.select .select-box .options ul li {
  background: none;
  padding: 0;
  color: #666;
  cursor: pointer;
  font-size: 18px;
}

.form .packs-table .select-box {
  line-height: 44px;
  padding: 0 10px;
  text-align: left;
  width: 47px;
  height: 44px;
}

.select .select-box .arrow {
  background-position: -333px -30px;
  position: absolute;
  width: 14px;
  height: 7px;
}

.form .packs-table .select-box .arrow {
  right: 10px;
  top: 20px;
}

.radioBlock.inline .radio {
  display: inline-block;
  margin-right: 12px;
}

.radio .input {
  background-position: -311px -24px;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
}

.radio.selected .input {
  background-position: -287px -24px;
}

.radioBlock.inline .radio label {
  display: inline-block;
  line-height: 17px;
  margin: 0 5px;
  vertical-align: middle;
}

.radio label {
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 14px;
}

.form .field.dFirst,
.form .field.first {
  clear: left;
  margin-left: 0;
}

.form .field {
  float: left;
  margin: 0 0 26px 2%;
  z-index: 12;
  width: 32%;
}

.form .field em {
  color: #36aae1;
  font-size: 20px;
  font-family: "Manrope-Normal";
  font-style: normal;
  position: absolute;
  bottom: -30px;
  right: 2px;
}

.form .field.full {
  margin-left: 0;
  width: 100%;
}

.field label {
  color: #666;
  display: block;
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  margin: 0 0 10px;
  position: relative;
}

.field label span {
  color: #999;
  font-family: "Manrope-Italic";
}

input.text {
  border: 1px solid #bfbfbf;
  background-color: #f7f7f7;
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 18px;
  padding: 10px 5%;
  width: 90%;
  height: 24px;
}

.error input.text {
  border: 4px solid #f79e9e;
  border-radius: 3px;
  margin: -3px;
}

textarea:focus,
input.text:focus {
  border: 4px solid #8fdaff;
  border-radius: 3px;
  margin: -3px;
}

textarea {
  border: 1px solid #bfbfbf;
  background-color: #f7f7f7;
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 18px;
  padding: 1%;
  width: 98%;
}

.full textarea {
  height: 130px;
}

.radioBlock {
  margin: 0 0 24px;
}

.field.select.inline .select-box {
  display: inline-block;
  margin: 0 0 0 4%;
}

.field.select.inline .select-box.first {
  margin-left: 0;
}

.field .select-box {
  width: 100%;
  height: 44px;
}

.field.select .select-box.s {
  width: 23%;
}

.field.select .select-box.m {
  width: 28%;
}

.field.select .select-box.m2 {
  width: 36%;
}

.field .select-box.s .selected {
  padding: 0 20%;
  width: 60%;
}

.field .select-box.m .selected,
.field .select-box.m2 .selected {
  padding: 0 15%;
  width: 70%;
}

.field .select-box .selected {
  line-height: 44px;
  padding: 0 9% 0 5%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 86%;
}

.field .select-box .arrow {
  margin-top: -4px;
  top: 50%;
  right: 10px;
}

.field.select .select-box .options ul {
  padding: 0 5%;
  width: 90%;
}

.checkbox label {
  color: #666;
  font-size: 14px;
  font-family: "Manrope-Normal";
}

.checkbox.full label {
  margin-left: 5px;
}

table.total {
  margin-bottom: 15px;
  width: 100%;
}

table.total th {
  border-bottom: 1px solid #ccc;
  color: #6f6f6f;
  font-size: 13px;
  font-family: "Manrope-Bold";
  padding-bottom: 8px;
  text-align: center;
}

table.total td {
  border-top: 1px dashed #ccc;
  color: #666;
  font-size: 16px;
  font-family: "Manrope-Normal";
  padding: 14px 23px;
  text-align: center;
}

table.total td.pr {
  padding: 14px 0;
  text-align: center;
}

table.total tr:first-child td {
  border-top: none;
}

table.total th.left,
table.total td.left,
table.total th:first-child,
table.total td:first-child {
  padding-left: 23px;
  text-align: left;
}

table.total td.card {
  width: 50px;
}

table.total td.bold {
  font-family: "Manrope-Bold";
}

.notes {
  border-top: 1px solid #ccc;
  display: inline-block;
  margin-top: 35px;
  padding: 9px 0 20px;
  vertical-align: top;
  width: 100%;
}

.notes p {
  color: #999;
  font-size: 13px;
  line-height: 15px;
}

.notes .title {
  color: #999;
  font-size: 11px;
  font-family: "Manrope-Bold";
  margin: 0 0 27px;
}

.notes ol {
  margin: 0 0 20px 18px;
  padding: 0;
}

.notes li {
  color: #999;
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 17px;
  max-width: 82%;
}

.form input.button {
  margin-bottom: 30px;
}

.form input.button.noMargin {
  margin: 0;
}

.form .checkbox.full {
  display: inline-block;
  margin: 14px 0 30px;
  width: 100%;
}

.form .checkbox.full.noMargin {
  margin: 0 0 16px;
}

.field.captcha .img {
  border: 1px solid #bfbfbf;
  margin-right: 5%;
  font-size: 0;
  overflow: hidden;
  width: 61%;
  height: 44px;
}

.field.captcha .img img {
  width: 75%;
  height: 100%;
}

.captcha a.refresh {
  background-color: #35a8e0;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
  width: 25%;
  height: 100%;
}

.captcha a.refresh .icon.refresh {
  background-position: -8px -474px;
  display: inline-block;
  margin: -9px 0 0 -9px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
}

.field.captcha .text {
  width: 21%;
}

.field.captcha .img,
.field.captcha .text {
  display: inline-block;
  vertical-align: top;
}

#myQiframe.noTopPadding {
  padding-top: 0;
}

#myQiframe .form p.error,
#myQ .form p.error,
.form p.error,
.field p.error {
  color: #d46060;
  font-size: 14px;
  line-height: 15px;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: "Manrope-Normal";
  max-width: 100%;
}

img.full {
  max-width: 100%;
  height: auto;
}

.form.mapForm > div {
  display: inline-block;
  float: none;
  vertical-align: bottom;
}

.mapSearch {
  display: inline-block;
  margin-top: 36px;
  width: 100%;
}

.form.mapForm {
  margin: 0 3% 50px;
  width: 94%;
}

.mapForm > div.field:first-child {
  margin-left: 0;
}

.mapForm > div.field {
  margin-left: 5.5%;
  margin-bottom: 0;
  position: relative;
  width: 42%;
}

.mapForm .field input.search {
  background-color: transparent;
  background-position: -101px -33px;
  border: none;
  position: absolute;
  right: 4%;
  bottom: 14px;
  width: 15px;
  height: 15px;
}

.mapForm .field input.text {
  padding-right: 10%;
  width: 85%;
}

.checkboxes.inline .checkbox {
  display: inline-block;
  margin-right: 11%;
}

.mapForm .field.checkboxes {
  width: 34%;
}

.checkboxes.inline .checkbox label {
  display: inline-block;
  margin-left: 5px;
}

.form.mapForm .field.checkboxes > label {
  margin-bottom: 25px;
}

.mapSearch .map {
  margin: 0 0 50px;
}

.mapSearch .results ul {
  background: url("/ext_files/prepaid/q/media/borderGray.png") repeat-y scroll
    48% 0;
  font-size: 0;
  margin: 0 auto 50px;
  width: 95%;
}

.mapSearch .results ul li {
  background-position: left 4px;
  color: #383838;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  font-family: "Manrope-Bold";
  margin: 0;
  padding-left: 3%;
  padding-right: 4%;
  width: 43%;
}

.mapSearch .results ul li span {
  color: #878787;
  display: block;
  font-size: 14px;
  font-family: "Manrope-Normal";
}

.blockTitle .showResults {
  float: right;
}

.blockTitle .showResults span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.blockTitle .showResults .text {
  color: #35a8e0;
  font-size: 13px;
  font-family: "Manrope-SemiBold";
}

.blockTitle .showResults .arrow {
  background-position: -335px -109px;
  margin: 0 5px;
  width: 12px;
  height: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blockTitle .showResults.hide .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tools ul li.lang ul li {
  display: inline-block;
  vertical-align: middle;
}

.cols2,
.cols2.type1 {
  display: inline-block;
  font-size: 0;
  width: 100%;
}

.cols2 .col,
.cols2.type1 .col {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.cols2.borderCol {
  background: url("/ext_files/prepaid/q/media/borderDotted.png") repeat-y scroll
    center 0;
  padding: 71px 0 10px;
}

.cols2.type1 .col.s {
  width: 40%;
}

.cols2.type1 .col.b {
  margin-left: 4%;
  width: 55%;
}

#mainContainer.openMobMenu #contentOver {
  left: 0;
  right: auto;
  position: absolute;
  top: 33px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#myQ {
  background-color: #fff;
  font-size: 0;
  position: absolute;
  right: -70%;
  top: 0;
  z-index: 999;
  width: 70%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#mainContainer.openMyQ #myQ {
  right: 0;
}

#mainContainer.openMyQ #contentOver {
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  right: 0%;
  position: absolute;
  z-index: 991;
  top: -62px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

#myQiframe .sidebar,
#myQ .sidebar {
  background-color: #f2f2f2;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 22%;
  height: 100%;
}

#myQiframe .content,
#myQ .content {
  width: 78%;
}

#myQiframe .content.full,
#myQ .content.full {
  padding-bottom: 50px;
  width: 100%;
}

#myQiframe .content.full .top,
#myQ .content.full .top {
  background-color: #f2f2f2;
  padding: 0 0 37px;
  text-align: center;
  width: 100%;
}

#myQiframe .content .wrapper,
#myQ .content .wrapper {
  padding-top: 35px;
  width: 91%;
}

#myQiframe .content.full .wrapper,
#myQ .content.full .wrapper {
  padding-top: 0;
}

#myQiframe a.close,
#myQ a.close {
  background-position: -213px -267px;
  position: absolute;
  left: 10px;
  top: 21px;
  width: 15px;
  height: 26px;
}

.myQBubble {
  background-color: #eb6708;
  border-radius: 37px;
  display: inline-block;
  margin: 35px 0 12px;
  text-align: center;
  width: 74px;
  height: 74px;
}

.content.full .myQBubble {
  border-radius: 50px;
  margin: 39px 0 12px;
  width: 100px;
  height: 100px;
}

.content.full .myQBubble .icon {
  background-position: -4px -301px;
  margin-top: 29px;
  width: 27px;
  height: 45px;
}

.myQBubble .icon {
  background-position: -33px -251px;
  display: inline-block;
  margin-top: 20px;
  width: 20px;
  height: 33px;
}

#myQiframe .sidebar ul,
#myQ .sidebar ul {
  margin: 51px 0;
  text-align: left;
}

#myQiframe .sidebar ul ul,
#myQ .sidebar ul ul {
  margin-top: 0;
}

#myQiframe .sidebar ul li,
#myQ .sidebar ul li {
  background: none;
  padding: 0 0 0 0;
}

#myQiframe .sidebar ul li a,
#myQ .sidebar ul li a {
  color: #7a7a7a;
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 16px;
  font-family: "Manrope-SemiBold";
  line-height: 16px;
  padding: 16px 19px;
  text-decoration: none;
}

#myQiframe .sidebar ul li li a,
#myQ .sidebar ul li li a {
  font-family: "Manrope-Normal";
  padding: 9px 10px 9px 30px;
}

#myQiframe .sidebar ul li li a.active,
#myQ .sidebar ul li li a.active {
  font-family: "Manrope-SemiBold";
}

#myQiframe .sidebar ul li:last-child a,
#myQ .sidebar ul li:last-child a {
  border: none;
}

#myQiframe .sidebar ul li a:hover,
#myQiframe .sidebar ul li a.active,
#myQiframe .sidebar ul li.active,
#myQ .sidebar ul li a:hover,
#myQ .sidebar ul li a.active,
#myQ .sidebar ul li.active {
  background-color: #fff;
}

#myQiframe .myQtext,
#myQ .myQtext {
  display: inline-block;
  font-family: "Manrope-SemiBold";
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px;
  max-width: 50%;
}

#myQiframe .myQtext span,
#myQ .myQtext span {
  font-size: 28px;
}

#myQiframe .info,
#myQ .info {
  display: inline-block;
  margin-bottom: 47px;
  width: 100%;
}

#myQiframe .info > div,
#myQ .info > div {
  color: #999;
  display: inline-block;
  width: 100%;
}

#myQiframe .info > .border,
#myQ .info > .border {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  line-height: 20px;
  margin-bottom: 6px;
  padding-bottom: 7px;
}

#myQiframe .info > .refresh,
#myQ .info > .refresh {
  font-size: 11px;
}

#myQiframe .logout,
#myQ .logout {
  float: right;
  font-size: 11px;
  line-height: 12px;
  font-family: "Manrope-SemiBold";
  margin: 5px 11px 0 0;
}

#myQiframe .logout .icon,
#myQ .logout .icon {
  background-position: -10px -252px;
  display: inline-block;
  margin: -3px 0 0 5px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

#myQiframe .info .icon.refresh,
#myQ .info .icon.refresh {
  margin-left: 4px;
  vertical-align: middle;
}

.icon.refresh {
  background-position: -10px -270px;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.myQTable {
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%;
}

.myQTable table {
  float: left;
  margin: 18px 0 13px;
  max-width: 50%;
}

.myQTable td {
  color: #4e4e4e;
  text-align: left;
  vertical-align: middle;
}

.myQTable td .price {
  font-size: 60px;
  letter-spacing: -4px;
  line-height: 60px;
}

.myQTable td .date {
  font-size: 35px;
  line-height: 35px;
}

.myQTable td .cur {
  font-size: 40px;
}

.myQTable td .text {
  display: block;
  font-size: 13px;
}

.myQTable td .quant {
  display: block;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -3px;
  margin-bottom: 14px;
}

.myQTable td .exp {
  color: #a1a1a1;
  display: block;
  font-size: 11px;
  margin-top: -14px;
}

.myQTable td .type {
  font-size: 30px;
  line-height: 30px;
}

.myQTable table:first-child {
  border-right: 1px solid #c2c2c2;
}

.myQTable.table1 table:first-child {
  border: none;
}

.myQTable table:first-child td {
  padding: 0 30px 0 19px;
}

.myQTable table td {
  padding: 0 20px;
}

#myQiframe .content .item,
#myQ .content .item {
  display: inline-block;
  margin-bottom: 29px;
  width: 100%;
}

#myQiframe .content .item > p,
#myQ .content .item > p {
  font-family: "Manrope-SemiBold";
  font-size: 15px;
  margin-bottom: 2px;
}

#myQiframe .mobNav,
#myQ .mobNav {
  display: none;
  margin-bottom: 38px;
}

#myQiframe .mobNav .selectWrap,
#myQ .mobNav .selectWrap {
  background: url("/ext_files/prepaid/q/media/selectArrow.png") no-repeat scroll
    95% #f2f2f2;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  width: 100%;
  height: 44px;
}

#myQiframe .mobNav .selectWrap select,
#myQ .mobNav .selectWrap select {
  background-color: transparent;
  border: none;
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 18px;
  padding: 0 10% 0 0;
  width: 105.5%;
  height: 100%;
}

#header .tools li.search {
  position: relative;
}

#header .tools li.search .searchField {
  background-color: #fff;
  position: absolute;
  right: -4px;
  top: -11px;
  overflow: hidden;
  width: 0;
  height: 39px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#header .tools li.search.open .searchField {
  width: 203px;
}

#header .tools li.search .searchField .text {
  background-color: transparent;
  border: none;
  font-size: 14px;
  padding: 10px 2%;
  width: 77%;
  height: 19px;
}

#header .tools li.search .searchField .submit {
  background: url("/ext_files/prepaid/q/media/icons.png") no-repeat scroll -244px -269px
    transparent;
  border: none;
  margin-right: 17px;
  margin-top: 13px;
  width: 15px;
  height: 15px;
}

#myQiframe .content.full .promoImg,
#myQ .content.full .promoImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 223px;
}

#myQiframe .form.logInbox,
#myQ .form.logInbox {
  margin: 0;
  text-align: left;
  width: 73%;
}

.logInbox p {
  color: #666;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 11px;
}

.logInbox p.small {
  color: #999;
  font-size: 12px;
}

.logInbox p a {
  color: #35a8e0;
}

#myQiframe .cols2,
#myQ .cols2 {
  text-align: center;
}

#myQiframe .form input.button,
#myQ .form input.button {
  margin: 10px 0 14px;
}

.logInbox.form p.error {
  margin-bottom: 36px;
}

.combos {
  background-color: #e6f3f8;
  display: inline-block;
  margin-top: 15px;
  position: relative;
  width: 100%;
}

.combos .tabsHeader {
  float: right;
  margin: -116px 20px 0 0;
  padding: 0;
}

.combos .tabsHeader li {
  background: none;
  display: inline-block;
  position: relative;
  padding: 0;
  height: 116px;
}

.combos .tabsHeader li a {
  background-color: transparent;
  color: #2e4854;
  display: block;
  font-size: 66px;
  font-family: "Manrope-SemiBold";
  position: relative;
  line-height: 121px;
  text-decoration: none;
  text-align: center;
  width: 144px;
  height: 100%;
}

.combos .tabsHeader li a:hover {
  text-decoration: none;
}

.combos .tabsHeader li a.active {
  background-color: #e6f3f8;
}

.tabsWrap .tab {
  float: left;
  width: 100%;
}

.combos .colsWrap .col p.title {
  color: #ec6808;
  display: inline-block;
  font-size: 25px;
  font-family: "Manrope-Bold";
  margin: 0;
  max-width: 60%;
}

.combos .cols3 {
  margin-top: 32px;
}

.combos .cols3 .col {
  border-left: 1px solid #c3e0ee;
  margin: 0;
  padding-bottom: 90px;
  text-align: center;
  width: 100%;
}

.combos .cols3 .col.active {
  background-color: #c7d8df;
}

.combos .cols3 .col .cnt {
  padding-top: 12px;
}

.combos .cols3 .owl-item:first-child .col {
  border-left: none;
}

.combos .cell:first-child {
  border-top: 1px dotted #8eb6c7;
}

.combos .cell {
  border-bottom: 1px dotted #8eb6c7;
  position: relative;
  width: 100%;
}

.combos .owl-carousel .owl-wrapper-outer {
  overflow: visible;
  margin: 0;
  padding-bottom: 0;
}

.combos .cell .view {
  cursor: default;
  width: 100%;
}

.combos .cell .view table {
  width: 100%;
  height: 100%;
}

.combos .cell .view td {
  color: #4f4f4f;
  text-align: center;
  vertical-align: middle;
}

.combos .cell .view1 td {
  font-family: "Manrope-Bold";
  font-size: 25px;
  line-height: 19px;
  padding: 20px 0;
}

.combos .cell .view2 td {
  background-color: #c2d5dc;
  font-size: 14px;
  line-height: 16px;
  padding: 0 4%;
}

.combos .cell .view1 td .plus {
  display: block;
  margin: 8px auto 6px;
}

.combos .cell .view1 td span {
  color: #9c9c9c;
  font-family: "Manrope-SemiBold";
  font-size: 16px;
  line-height: 19px;
}

.combos .cell .view2 {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
}

.no-touch .combos .cell:hover .view2 {
  display: block;
}

.combos .cell .view2 table {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.combos .cell .view2:hover table {
  opacity: 1;
}

.iBubble {
  background-position: -5px -356px;
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 16px;
}

.combos .cell .view1 td span.iBubble {
  margin: -6px 0 0 9px;
}

.tabsHeader li .shadow {
  background: url("/ext_files/prepaid/q/media/shadow.png") no-repeat scroll
    center top;
  background-size: 100% 100%;
  top: 2%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: -3%;
  width: 107%;
  height: 98%;
}

.tabsHeader li.active .shadow {
  opacity: 1;
  filter: alpha(opacity=100);
}

.combos .colsWrap .col > .btm {
  background: url("/ext_files/prepaid/q/media/comboArrow.png") no-repeat scroll
    0 0;
  background-size: 100% 100%;
  display: none;
  bottom: -44px;
  height: 44px;
}

.combos .colsWrap .col.active > .btm {
  display: block;
}

.active-combo {
  float: left;
  margin: 26px 0 15px;
  position: relative;
  width: 100%;
}

.cellsWrap {
  padding-top: 12px;
}

#myQiframe .content .item > p.border,
#myQ .content .item > p.border {
  border-bottom: 1px solid #ccc;
}

#myQiframe .content .item .pack.first,
#myQ .content .item .pack.first {
  border: none;
}

#myQiframe .content .item .pack,
#myQ .content .item .pack {
  border-top: 1px dashed #ccc;
  display: inline-block;
  padding: 18px 0;
  width: 100%;
}

#myQiframe .content .item .pack .name,
#myQ .content .item .pack .name {
  color: #4e4e4e;
  font-size: 35px;
  line-height: 35px;
  margin: 0 0 4px;
}

#myQiframe .content .item .pack .det,
#myQ .content .item .pack .det {
  color: #c2c2c2;
  font-size: 11px;
  line-height: 13px;
  margin: 0;
}

.notification {
  font-size: 15px;
  line-height: 19px;
  margin: 20px 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.notification .close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 11px;
  height: 10px;
}

.notification.yellow .close {
  background-position: -346px -124px;
  margin: 0;
}

.notification .text {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
}

.notification.yellow {
  background-color: #fff2d5;
  border: 1px solid #f1dfb7;
  color: #666155 !important;
}

.notification .wrap {
  padding: 9px 18px;
}

.notification .icon {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

.notYellow {
  background-position: -4px -376px;
  width: 5px;
  height: 25px;
}

.faqTemp {
  font-size: 0;
  margin: 0 auto;
  padding-bottom: 60px;
  width: 960px;
}

.faqTemp > div {
  display: inline-block;
  vertical-align: top;
}

.faqTemp .left {
  width: 25%;
}

.faqTemp .right {
  background-color: #e6f3f8;
  width: 74%;
  min-height: 368px;
  border-radius: 0px 40px 40px 40px;
}

.faqTemp .tabsHeader {
  float: left;
  margin: 0;
  width: 100%;
}

.faqTemp .tabsHeader li {
  background: none;
  border-top: 1px solid #ebe9e8;
  padding: 0;
}

.faqTemp .tabsHeader li:first-child {
  border-top: none;
}

.faqTemp .tabsHeader li a {
  color: #8c8c8c;
  font-size: 18px;
  display: block;
  padding: 12px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.faqTemp .tabsHeader li a.active {
  background-color: #e6f3f8;
  color: #2e4854;
}

.faqTemp .tabsHeader span {
  display: inline-block;
  vertical-align: middle;
}

.faqTemp .tabsHeader .iconWrap {
  text-align: center;
  width: 29%;
}

.faqTemp .tabsHeader .iconWrap.noIcon {
  width: 8%;
}

.faqTemp .tabsHeader .text {
  padding-right: 2%;
  width: 69%;
}

.faqTemp .tab {
  background-color: #e6f3f8;
  padding: 25px 3% 30px;
  width: 94%;
  border-radius: 0px 40px 40px 40px;
}

.faqTemp .accHead {
  border-bottom: 1px solid #9ea6a9;
  cursor: pointer;
  color: #333;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  line-height: 22px;
  padding: 10px 50px 10px 0;
  position: relative;
}

.faqTemp .accHead.active {
  border: none;
}

.faqTemp .accHead .arrow {
  background-position: -4px -412px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 16px;
  height: 11px;
}

.faqTemp .accHead.active .arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.faqTemp .tab .accCont p,
.faqTemp .accCont li,
.faqTemp .accCont {
  color: #999;
  font-size: 14px;
  line-height: 18px;
}

.faqTemp .accCont ul li {
  background-image: url(../media/plusIconS.png);
  background-position: left 5px;
  margin-bottom: 8px;
  padding-bottom: 0;
}

.faqTemp .accCont {
  background-color: #fff;
  border: 1px solid #d8e6ec;
}

.faqTemp .accCont .inner {
  padding: 25px 30px 20px;
}

.tabsHeaderMob {
  display: none;
}

.icon.ananewsi {
  background-position: -140px -565px;
  width: 26px;
  height: 18px;
}

.icon.paketa {
  background-position: -76px -364px;
  width: 30px;
  height: 28px;
}

.icon.kartes {
  background-position: -76px -414px;
  width: 30px;
  height: 23px;
}

.icon.xrewseis {
  background-position: -76px -461px;
  width: 30px;
  height: 30px;
}

.icon.bonus {
  background-position: -77px -510px;
  width: 28px;
  height: 32px;
}

.icon.paketaInter {
  background-position: -77px -563px;
  width: 28px;
  height: 29px;
}

.icon.internet {
  background-position: -138px -312px;
  width: 30px;
  height: 30px;
}

.icon.rythmiseisKin {
  background-position: -138px -362px;
  width: 30px;
  height: 30px;
}

.icon.logIn {
  background-position: -145px -415px;
  width: 16px;
  height: 27px;
}

.icon.mobileApp {
  background-position: -144px -461px;
  width: 18px;
  height: 32px;
}

.icon.general {
  background-position: -140px -514px;
  width: 26px;
  height: 28px;
}

.icon.community {
  background-position: -199px -603px;
  width: 26px;
  height: 21px;
}

.icon.xrimatistirio {
  background-position: -197px -366px;
  width: 26px;
  height: 23px;
}

.icon.email {
  background-position: -197px -415px;
  width: 26px;
  height: 20px;
}

.icon.entertaiment {
  background-position: -195px -458px;
  width: 30px;
  height: 30px;
}

.icon.news {
  background-position: -195px -508px;
  width: 30px;
  height: 30px;
}

.icon.weather {
  background-position: -196px -558px;
  width: 28px;
  height: 28px;
}

.icon.sports {
  background-position: -261px -315px;
  width: 30px;
  height: 29px;
}

.icon.games {
  background-position: -261px -363px;
  width: 29px;
  height: 29px;
}

.icon.provlepseis {
  background-position: -260px -415px;
  width: 30px;
  height: 26px;
}

.icon.dromologia {
  background-position: -260px -461px;
  width: 30px;
  height: 30px;
}

.icon.eortologio {
  background-position: -260px -510px;
  width: 30px;
  height: 28px;
}

.icon.settings {
  background-position: -261px -565px;
  width: 27px;
  height: 21px;
}

table.type1 th,
table.type1 td {
  color: #2c1919;
  font-size: 13px;
  line-height: 15px;
  vertical-align: middle;
}

table.type1.center th:first-child,
table.type1.center td:first-child,
table.center.type1 td,
table.center.type1 th,
table.center td,
table.center th {
  text-align: center;
}

table.type1 th {
  background-color: #d5d5d5;
  font-family: "Manrope-Bold";
  padding: 16px 5px;
}

table.type1 {
  width: 100%;
}

table.tableHalf table {
  float: left;
  margin: 0;
  width: 50%;
  height: 100%;
}

table.tableHalf.table2_3 table:first-child {
  width: 75%;
}

table.tableHalf.table2_3 table {
  width: 25%;
}

table.type1 td {
  background-color: #efefef;
  border-top: 1px dotted #afafaf;
  padding: 9px 5px;
  text-align: right;
}

table.type1.tableHalf table:first-child td,
table.type1.tableHalf table:first-child th {
  text-align: left;
}

table.type1.tableHalf td {
  padding-right: 10px;
  padding-left: 10px;
}

.accItem table.tableHalf td td {
  padding-top: 0;
  padding-bottom: 0;
}

table.type1.tableFull th,
table.type1.tableFull td,
table.type1.tableHalf th {
  padding-right: 20px;
  padding-left: 20px;
}

table.type1.tableFull th,
table.type1.tableFull td {
  text-align: left;
}

table.type1.equal3 td {
  padding: 9px 1.65%;
  width: 30%;
}

table.type1 tr:first-child td {
  border: none;
}

.faqTemp p.info {
  color: #999;
  font-size: 12px;
  font-family: "Manrope-Italic";
  margin-bottom: 0;
}

table.mobTables td:before {
  display: none;
}

a.mobLink.pdfLink,
a.mobLink {
  display: none;
}

.icon.pdf {
  background-position: -4px -434px;
  display: inline-block;
  width: 20px;
  height: 27px;
}

.icon.pdf.dark {
  background-position: -4px -501px;
}

a.pdfLink {
  color: #35a8e0;
  display: block;
  font-size: 18px;
  text-decoration: underline;
  line-height: 23px;
}

a.pdfLink .icon {
  margin: 0 10px 1px 0;
  vertical-align: bottom;
}

#myQiframe .table p,
#myQ .table p {
  border-bottom: 1px solid #999;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  margin-bottom: 0;
  padding-bottom: 7px;
}

td a.pdfLink .icon {
  margin: 0;
}

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

table.type2 td {
  color: #666;
  font-size: 14px;
  font-family: "Manrope-Bold";
  padding: 4px 0 4px 18px;
  vertical-align: middle;
  text-align: left;
  line-height: 16px;
}

table.type2 td:first-child {
  font-family: "Manrope-SemiBold";
  padding: 4px 18px 4px 0;
}

.accountBlock p {
  color: #666;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 12px;
}

a.button.left {
  margin-right: 5%;
}

#myQiframe .form,
#myQ .form {
  margin: 0 0 20px;
  width: 100%;
}

.fieldRow {
  display: inline-block;
  position: relative;
  width: 100%;
}

.fieldRow .field:first-child {
  margin-left: 0;
}

ul.conentList li {
  background-image: url("/ext_files/prepaid/q/media/plusIconS.png");
  background-position: left 5px;
  color: #999;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
  padding-bottom: 0;
}

ul.conentList.type1 li {
  font-size: 18px;
  margin-bottom: 12px;
}

.cols3 > div ul {
  display: inline-block;
  margin-bottom: 8px;
}

.cols3 > div ul li {
  display: inline-block;
}

.infoBubble.yellow {
  background-color: #fffad5;
  border: 1px solid #f2ecbf;
  color: #666;
  font-size: 13px;
  line-height: 16px;
}

.infoBubble .inner {
  padding: 25px;
}

.field .infoBubble {
  right: 0;
  top: -50%;
  position: absolute;
  width: 45%;
}

.no-touch .field:hover .infoBubble {
  display: block !important;
}

.fieldRow .field {
  padding-right: 12%;
  width: 45%;
}

.fieldRow.fieldB .field {
  padding-right: 12%;
  width: 55%;
}

.fieldRow.fieldB .infoBubble {
  width: 38%;
}

.infoBubble.yellow .arrow {
  background-position: -3px -557px;
  left: -14px;
  margin-top: -13px;
  position: absolute;
  top: 50%;
  width: 14px;
  height: 26px;
}

.mobInfo {
  color: #666;
  display: none;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 6px;
}

.mobInfoBubble {
  background-position: -6px -593px;
  display: none;
  right: 0;
  position: absolute;
  top: 0;
  width: 13px;
  height: 15px;
}

.mobInfoBubble.active {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#myQiframe .form p,
#myQ .form p {
  color: #666;
  font-size: 13px;
  line-height: 16px;
}

.radioBlock.inline p.label {
  display: inline-block;
  font-size: 14px;
  margin: 0 2% 0 0;
  vertical-align: middle;
  width: 36%;
}

.radioBlock.inline.inlineField .radio {
  margin-top: 14px;
}

#myQiframe .form .radioBlock.inline p.label.full,
#myQ .form .radioBlock.inline p.label.full,
.radioBlock.inline p.label.full {
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  margin: 0 0 10px;
  width: 100%;
}

.radioBlock.full {
  display: inline-block;
  margin: 13px 0;
  width: 100%;
}

#myQiframe .cols2 .form,
#myQ .cols2 .form {
  text-align: left;
}

.field span.fieldInfo {
  color: #666;
  font-size: 11px;
  line-height: 12px;
  margin: 18px 0 22px;
  display: block;
}

#myQiframe .colForm,
#myQ .colForm {
  margin: 0 6%;
  width: 88%;
}

p.half,
.blockTitle.half {
  width: 55%;
}

#myQiframe .form p.error,
#myQ .form p.error {
  margin-bottom: 0;
}

.form .inlineField,
.form .field.inlineField {
  display: inline-block;
  width: auto;
}

.fieldRow.fieldB .inlineField,
.fieldRow.fieldB .field.inlineField {
  min-width: 15%;
  padding-right: 4%;
}

.icon.success {
  background-position: -6px -623px;
  display: inline-block;
  width: 33px;
  height: 27px;
}

.icon.fail {
  background-position: -7px -721px;
  display: inline-block;
  width: 27px;
  height: 27px;
}

div.success .fail,
div.success .success {
  margin: 0 2%;
  margin-top: 3px;
  vertical-align: top;
}

div.success .text {
  color: #666;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  padding-left: 1%;
  max-width: 85%;
}

.results .item p {
  color: #878787;
  font-size: 18px;
  margin-bottom: 15px;
}

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

.searchBlock .field {
  display: inline-block;
  margin-right: 4%;
  position: relative;
  width: 47.5%;
}

.searchBlock .field .close {
  background-position: -9px -662px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 3%;
  width: 11px;
  height: 10px;
}

.searchBlock .field .search {
  background-position: -7px -683px;
  margin-top: -11px;
  left: 3%;
  position: absolute;
  top: 50%;
  width: 22px;
  height: 22px;
}

.searchBlock .field input.text {
  padding: 10px 8% 10px 9%;
  width: 83%;
}

.searchBlock .button {
  line-height: 23px;
  vertical-align: top;
  height: 46px;
}

.results {
  padding: 50px 0 90px;
}

.results .searchBlock {
  margin: 0 0 61px;
}

.blueTitle {
  color: #35a8e0;
  font-size: 25px;
  font-family: "Manrope-Bold";
  letter-spacing: -1px;
  line-height: 28px;
  margin-bottom: 38px;
}

.blueTitle .italics {
  font-family: "Manrope-Bold-Italic";
}

.pagination {
  display: inline-block;
  margin: 54px 0;
  text-align: center;
  width: 100%;
}

.pagination ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.pagination li {
  background: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.pagination li a {
  color: #35a8e0;
  display: block;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 40px;
  height: 31px;
}

.pagination li a:hover,
.pagination li a.active {
  background-color: #ec6708;
  color: #fff;
  font-family: "Manrope-Bold";
}

.pagination li a.prev span,
.pagination li a.next span {
  display: inline-block;
  margin: 8px 0;
  width: 9px;
  height: 15px;
}

.pagination li a.prev span {
  background-position: -350px -162px;
}

.pagination li a.next span {
  background-position: -350px -141px;
}

.pagination li a.prev:hover,
.pagination li a.next:hover {
  background-color: transparent;
}

p.contentText {
  color: #878787;
  font-size: 14px;
}

.form.noMargin {
  margin-top: 0;
}

table.type1.tableHalf {
  border-collapse: separate;
}

table.type1.tableHalf th:first-child {
  text-align: left;
}

table.type1.tableHalf th {
  text-align: right;
}

.faqTemp .tab p {
  color: #282726;
  font-size: 18px;
  line-height: 22px;
}

.content.gray p {
  color: #282726;
  font-size: 18px;
  line-height: 22px;
}

.tableTitle {
  background-color: #e6f3f8;
  color: #2e4854;
  font-size: 18px;
  font-family: "Manrope-Bold";
  line-height: 20px;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}

.packs-table td .mobile .title {
  color: #323232;
  font-size: 14px;
  font-family: "Manrope-Bold";
  margin-bottom: 12px;
  text-align: center;
}

.form .packs-table .item.radio {
  position: relative;
}

.packs-table .item.expired .expired {
  display: block;
}

.packs-table .item .expired {
  background: url("/ext_files/prepaid/q/media/expired.png") no-repeat scroll 0 0;
  display: none;
  left: 20px;
  position: absolute;
  top: 40px;
  z-index: 999;
  width: 224px;
  height: 146px;
}

.packs-table td .mobile {
  float: left;
  margin-left: 9%;
  position: relative;
  text-align: left;
}

.packs-table td .mobile .title span {
  font-size: 12px;
  font-family: "Manrope-Italic";
}

.packs-table .item.radio .bg {
  background-color: #fff;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 99;
  width: 100%;
  height: 100%;
}

.packs-table .item.radio.selected .bg {
  display: none;
}

.packs-table td .mobile div.bubble {
  color: #fff;
  bottom: 32px;
  left: auto;
  right: -50px;
}

.packs-table td .mobile div.bubble .text {
  margin-top: 25px;
  text-align: center;
  width: 100%;
}

.packs-table td .mobile div.bubble span {
  display: inline-block;
  font-size: 12px;
  font-family: "Manrope-Italic";
  line-height: 14px;
  width: 100%;
}

.packs-table td .mobile div.bubble span.price {
  font-size: 52px;
  font-family: "Manrope-SemiBold";
  line-height: 45px;
  letter-spacing: -5px;
}

.form .packs-table.radioBlock {
  margin: 36px 0 72px;
}

.mapSearch #map.map {
  margin: 0;
}

.tables {
  background-color: #f0f0f0;
  display: inline-block;
  margin: 0 0 40px;
  width: 100%;
}

.tables > div {
  float: left;
  color: #6f6f6f;
  font-size: 25px;
  line-height: 25px;
}

.tables > .title {
  font-family: "Manrope-Extra-Bold";
  text-align: left;
  width: 34%;
}

.tables.tables5 > .price {
  font-family: "Manrope-SemiBold";
  text-align: center;
  width: 16.5%;
}

.tables .top {
  border-bottom: 1px dotted #bdbdbd;
  padding: 18px 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.tables .btm {
  padding: 18px 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.tables > .title > div {
  padding-left: 11%;
  padding-right: 11%;
}

.imgsWrap {
  display: inline-block;
  margin: 0 0 20px;
  width: 100%;
}

.imgsWrap img {
  display: inline-block;
  margin-right: 3%;
}

.imgsWrap.imgs3 img {
  max-width: 29%;
}

.select .color {
  border: 1px solid #e4e3e3;
  margin: 11px 0 0;
  width: 20px;
  height: 20px;
}

.field .select-box {
  position: relative;
}

.quant .select-box select,
.field .select-box select {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}

.no-touch #promoLogin .img {
  position: fixed;
  top: 0;
  height: 100%;
}

.no-touch #promoSlider.owl-carousel {
  left: 0;
  position: fixed;
  top: 0;
}

.sitemap {
  display: inline-block;
  margin: 57px 0 50px;
  width: 100%;
}

.sitemap .level1 {
  margin: 0;
}

.sitemap li {
  background: none;
  float: left;
  list-style: none;
  line-height: 26px;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

.sitemap .level1 > li {
  margin-bottom: 41px;
}

.sitemap li a {
  display: block;
  text-decoration: none;
  letter-spacing: -2px;
}

.sitemap .level1 > li > a {
  color: #333;
  font-size: 30px;
  font-family: "Manrope-SemiBold";
  padding: 0 0 7px 0;
}

.sitemap .level1 li li a {
  color: #35a8e0;
  font-size: 25px;
  font-family: "Manrope-Normal";
}

.sitemap .level1 li li li a {
  font-size: 15px;
  letter-spacing: -1px;
}

.sitemap .level1 > li > ul {
  border-top: 1px solid #333;
  float: left;
  margin: 0;
  padding: 8px 0 0 0;
  width: 100%;
}

.sitemap li li {
  margin: 9px 0;
}

.sitemap li li li {
  margin: 3px 0;
}

.sitemap ul ul ul {
  float: left;
  margin: 11px 0 0 15px;
}

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

.colsWrap.noMargin {
  margin-bottom: 0;
}

.cols2 .col1_3.col {
  width: 33.3%;
}

.cols2 .col1_3.col:first-child {
  margin-right: 1%;
  width: 32.3%;
}

.cols2 .col1_3 img {
  width: 100%;
  height: auto;
}

.cols2 .col2_3.col {
  margin-left: 1%;
  width: 65.7%;
}

.grayContent p {
  color: #878787;
  font-size: 18px;
  line-height: 20px;
}

.grayContent p.title {
  color: #545454;
  font-size: 30px;
  font-family: "Manrope-SemiBold";
  margin-bottom: 10px;
  line-height: 34px;
}

.cols2 .grayContent {
  margin-top: 45px;
}

.customTitle {
  display: inline-block;
  margin-bottom: 20px;
}

.customTitle > div {
  display: inline-block;
}

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

.customTitle .num {
  color: #352f2c;
  font-size: 130px;
  font-family: "Manrope-SemiBold";
  line-height: 140px;
  display: inline-block;
}

.customTitle span.main {
  color: #352f2c;
  display: block;
  font-size: 62px;
  font-family: "Manrope-SemiBold";
  line-height: 48px;
  letter-spacing: -7px;
}

.customTitle span.top {
  color: #352f2c;
  display: block;
  font-size: 17px;
  font-family: "Manrope-Bold";
  line-height: 17px;
}

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

.smartphones .smartphone > div.img {
  vertical-align: top;
  height: 100%;
}

.smartphones.items2 .smartphone .desc {
  height: auto;
}

.smartphones.items2 .smartphone,
.smartphones.items2.owl-carousel .owl-item {
  height: 100%;
}

.smartphones.items2 .smartphone {
  height: 352px;
}

.bundle {
  margin-top: 55px;
  padding-bottom: 20px;
}

.bundle .bubble {
  margin: -55px 0 30px;
}

.bundle .title {
  border-bottom: 1px dotted #cbcbcb;
  color: rgba(0, 0, 0, 0.85);
  font-size: 40px;
  font-family: "Manrope-Extra-Bold";
  text-align: center;
  line-height: 40px;
  letter-spacing: -4px;
  padding-bottom: 23px;
  position: relative;
  margin: 0 10%;
  width: 80%;
}

.bundle .row {
  border-bottom: 1px dotted #cbcbcb;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  margin: 0 10%;
  position: relative;
  padding: 19px 0;
  width: 80%;
}

.bundle .row .text {
  color: #eb6708;
  width: 100%;
  font-size: 22px;
  font-family: "Manrope-Bold";
}

.bundle .row .text .gray {
  color: #9c9c9c;
  font-size: 16px;
  font-family: "Manrope-SemiBold";
  width: 100%;
}

.bundle .row .text .orange {
  font-size: 22px;
  font-family: "Manrope-Bold";
}

.bundle .row .text span {
  font-size: 17px;
}

.bundle a.button {
  margin: 40px 0 2px;
  position: relative;
}

.bundle a.more {
  text-decoration: none;
  font-size: 10px;
  font-family: "Manrope-SemiBold";
  position: relative;
}

.bundle .bonus {
  background-color: #fb8d07;
  color: #fff;
  display: inline-block;
  top: -10px;
  font-family: "Manrope-Extra-Bold";
  font-size: 10px;
  position: relative;
  text-align: center;
  line-height: 13px;
  padding: 0 10px;
  border-radius: 10px;
  height: 13px;
}

.bundle .bonus .arrow {
  background: url("/ext_files/prepaid/q/media/icons.png") no-repeat scroll -13px -791px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  bottom: -3px;
  width: 6px;
  height: 3px;
}

.bundle.new {
  background: url("/ext_files/prepaid/q/media/new.png") no-repeat scroll left
    top #fff;
}

.bundlesNav .text {
  color: #6d6561;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  margin: 0 20px;
}

.bundlesNav .icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 21px;
}

.bundlesNav .next {
  background-position: -43px -774px;
}

.bundlesNav .prev {
  background-position: -76px -774px;
}

.arrowLink span {
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
}

.bundlesNav {
  position: relative;
  left: 0;
  top: 50%;
  text-align: center;
  width: 100%;
  margin-top: 130px;
}

.bundlesWrap .owl-controls {
  display: none !important;
}

.promoCarouselNav .icon.inactive,
.bundlesNav .icon.inactive {
  cursor: default;
  opacity: 0.17;
  filter: alpha(opacity=17);
}

.bundle .shadow {
  background: url("/ext_files/prepaid/q/media/bundleShadow.png") no-repeat
    scroll 0 0;
  background-size: 100% auto;
  left: -1%;
  position: absolute;
  top: 15px;
  z-index: 0;
  width: 102.8%;
  height: 90%;
}

#promoBundles .wrapper {
  width: 1024px;
}

.cookiesBar {
  background-color: #fff;
  color: #666;
  font-size: 12px;
  left: 0;
  position: relative;
  z-index: 99;
  padding: 8px 5%;
  width: 90%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.cookiesBar a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #b2b2b2;
}

.cookiesBar a.close {
  background-position: -50px -746px;
  position: absolute;
  right: 7px;
  border-bottom: none;
  top: 4px;
  width: 11px;
  height: 11px;
  padding: 5px;
}

.promoCarouselNav .icon {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 51px;
  width: 13px;
  height: 22px;
}

.promoCarouselNav .next {
  background-position: -53px -682px;
  right: 5%;
}

.promoCarouselNav .prev {
  background-position: -53px -715px;
  left: 5%;
}

#promoCarousel .owl-controls {
  display: none !important;
}

.promoCarouselNav {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#myQiframe .cols2 .form > p.error,
#myQ .cols2 .form > p.error {
  margin-bottom: 15px;
}

.myQ_app div {
  display: inline-block;
  vertical-align: top;
  max-width: 50%;
}

.myQ_app div img {
  max-width: 100%;
}

.myQ_app a.left {
  float: left;
  width: 45%;
}

.myQ_app a.right {
  float: right;
  width: 45%;
}

#promoLogin .text p.error {
  color: #a74d09;
  font-size: 13px;
  font-family: "Manrope-Normal";
  letter-spacing: 0;
  line-height: 16px;
  margin: 7px 0 0;
  width: 375px;
}

.form.full {
  margin: 35px 0 20px;
  width: 100%;
}

.table.full {
  float: left;
  width: 100%;
}

.accWrapper ol {
  list-style-type: decimal inside;
}

#myQ iframe {
  width: 100%;
  height: 100%;
}

#myQiframe {
  font-size: 0;
}

#myQApp.section {
  background-color: #e7e5e3;
}

#myQApp.section div.rightCol,
#myQApp.section div.img {
  display: inline-block;
  vertical-align: bottom;
}

#myQApp.section div.img {
  margin-right: 6.6%;
  width: 39.4%;
}

#myQApp.section div.img img {
  width: 100%;
  height: auto;
}

#myQApp.section div.rightCol {
  margin-bottom: 44px;
  width: 53%;
}

#myQApp.section h3 {
  color: #eb6608;
  font-size: 64px;
  font-family: "Manrope-Extra-Bold";
  line-height: 60px;
  letter-spacing: -6px;
  margin: 0 0 5px;
}

#myQApp.section .buttons,
#myQApp.section .qrCode {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
  margin-right: 21px;
}

#myQApp.section .buttons {
  margin-right: 35px;
}

#myQApp.section .buttons a {
  display: block;
  margin-bottom: 3px;
}

#myQApp.section .header img {
  margin: 0 7px;
}

#myQApp.section .header img.avatar {
  margin-top: -3px;
  vertical-align: top;
  width: auto;
}

#myQApp.section .content {
  left: 0;
  margin-top: -160px;
  position: absolute;
  top: 50%;
}

.field .infoBubble {
  display: none;
}

.field:hover .infoBubble {
  display: block;
}

.mapForm .field input.search {
  bottom: auto;
  top: 40px;
}

#promo.section {
  min-height: 613px;
}

.notification.yellow .text {
  max-width: 97%;
}

.cols3.steps .eqItem.last {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mainContent .notification.yellow {
  margin-top: 0;
  margin-bottom: 40px;
}

.tools .myAccount .text span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  max-width: 160px;
}

.faqTemp ol li {
  list-style: decimal inside;
}

#myQiframe .errorwrap {
  margin-bottom: 20px;
}

.cookiesBar a:hover {
  color: #333;
}

.cookiesBar a.close {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

.cookiesBar a.close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.blockTitle.orange {
  color: #eb6708;
  text-align: left;
}

#myQiframe .bundle {
  background-color: #f2f2f2;
  margin: 55px 2% 20px;
  width: 46%;
}

.closeiframe {
  background-position: -75px -616px;
  display: none;
  padding: 0 5px;
  position: absolute;
  top: 20px;
  left: -33px;
  width: 15px;
  height: 26px;
  -webkit-transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -ms-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
  transition: left 150ms ease-out;
}

.closeiframe:hover {
  left: -38px;
}

#mainContainer.openMyQ #myQ .closeiframe {
  display: block;
}

.bundle .bubble .sup {
  font-size: 35px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  line-height: 84px;
  margin-left: 3px;
}

.bundle .bubble {
  letter-spacing: -5px;
}

.bundle .row .text .gray {
  letter-spacing: -1px;
}

.bundle .row .text {
  line-height: 20px;
}

#myQ .loader {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#mainContainer.openMyQ #myQ .loader {
  display: block;
}

#myQ .loader .bg {
  background-color: #000;
  opacity: 0.3;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#myQ .loader .img {
  background: url("/ext_files/prepaid/q/media/ajax-loader.gif") no-repeat scroll
    0 0;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -27px;
  z-index: 12;
  width: 54px;
  height: 55px;
}

.bundleInner > div.left {
  display: inline-block;
  margin: 55px 0 0;
  vertical-align: top;
  width: 35%;
}

.bundleInner > div.left p {
  color: #2e4854;
  font-size: 48px;
  line-height: 43px;
  letter-spacing: -3px;
  margin-bottom: 10px;
}

.content.blue .qlogo {
  background: url("/ext_files/prepaid/q/media/qLogoBlue.png") no-repeat scroll
    left 0%;
  position: absolute;
  background-size: auto 100%;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

.content.blue .wrapper {
  position: relative;
}

#mobNav ul li {
  background-image: none;
}

.bundleInner > p img {
  max-width: 100%;
  height: auto;
}

.blockTitle .showResults .arrow {
  background-position: -329px -103px;
  padding: 6px;
}

#myQ {
  min-height: 100%;
}

#myQ.open {
  right: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#myQiframe .mobNav .selectWrap select {
  padding-left: 2%;
}

.iframeWrapper {
  height: 100%;
}

#mainContainer.openMyQ {
  right: 70%;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#mainContainer {
  right: 0;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#mainContainer.openMyQ {
  position: fixed;
}

body {
  overflow-x: hidden;
}

.no-touch #mainContainer.openMyQ #promoSlider.owl-carousel,
.no-touch #mainContainer.openMyQ #promoLogin .img {
  position: static;
}

.no-touch #mainContainer.openMyQ #promoSlider.owl-carousel {
  margin-left: 3%;
}

.touch #myQ {
  display: none;
}

#myQiframe .popup.alert {
  position: absolute;
}

#myQiframe .popup a.close {
  background-position: -9px -207px;
  position: absolute;
  right: 5%;
  left: auto;
  top: 50px;
  width: 37px;
  height: 36px;
}

#myQiframe .popup.alert .content {
  font-size: 30px;
  line-height: 36px;
  top: 200px;
  margin: 0 10%;
  width: 80%;
}

#Q_ResetPswForm .form,
#Q_ResetPswForm .colForm {
  margin: 0 10%;
  width: 80%;
}

.myQTable table {
  width: 50%;
}

body.android #mainContainer.openMyQ {
  position: absolute;
}

#promoSlider .slide {
  display: inline-block;
  left: 0;
  position: relative;
  top: 0;
  vertical-align: top;
}

#footer {
  background-color: #f47a04;
}

#myQiframe .mobNav .selectWrap select {
  -webkit-appearance: none;
  text-transform: none;
  width: 100%;
}

#footer .block .newsl-popup.error p {
  max-width: 320px;
}

body > img {
  width: 0 !important;
  height: 0 !important;
}

.active .icon.xrimatistirio {
  background-position: -197px -652px;
}

.active .icon.email {
  background-position: -197px -701px;
}

.active .icon.entertaiment {
  background-position: -195px -744px;
}

.active .icon.news {
  background-position: -257px -603px;
}

.active .icon.weather {
  background-position: -258px -653px;
}

.active .icon.sports {
  background-position: -258px -702px;
}

.active .icon.games {
  background-position: -258px -750px;
}

.active .icon.provlepseis {
  background-position: -305px -608px;
}

.active .icon.dromologia {
  background-position: -305px -654px;
}

.active .icon.eortologio {
  background-position: -305px -703px;
}

.active .icon.settings {
  background-position: -306px -758px;
}

.active .icon.community {
  background-position: -197px -317px;
}

.active .icon.ananewsi {
  background-position: -78px -317px;
}

.active .icon.paketa {
  background-position: -319px -318px;
}

.active .icon.kartes {
  background-position: -319px -368px;
}

.active .icon.mobileApp {
  background-position: -144px -618px;
}

.active .icon.rythmiseisKin {
  background-position: -319px -511px;
}

.active .icon.xrewseis {
  background-position: -319px -415px;
}

.active .icon.bonus {
  background-position: -320px -464px;
}

.active .icon.logIn {
  background-position: -326px -564px;
}

.active .icon.general {
  background-position: -140px -671px;
}

.popup.alert .content {
  font-size: 32px;
  line-height: 39px;
}

.navBar .top ul.list4 li {
  width: 25%;
}

.packs-table td .mobile div.bubble {
  right: -20px;
}

body > img {
  display: none;
}

.cookiesBar a.button {
  border: none;
  color: #fff;
  font-size: 11px;
  margin: 0 17px 0 12px;
  padding: 4px 10px;
}

.promoText.right p.title {
  margin-left: 36%;
}

#myQiframe .offerBlock {
  background-color: #eb6608;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
  width: 100%;
  min-height: 340px;
}

#myQiframe .offerBlock .img {
  background-repeat: no-repeat;
  background-position: left bottom;
  float: left;
  overflow: hidden;
  width: 43%;
  min-height: 340px;
}

#myQiframe .offerBlock .img.default {
  background: url("/ext_files/prepaid/q/media/offerImgDeafaultD.png") no-repeat
    scroll left bottom #eb6608;
}

#myQiframe .offerBlock .text {
  float: right;
  width: 57%;
}

#myQiframe .offerBlock h3 {
  color: #fff;
  font-size: 52px;
  font-family: "Manrope-Extra-Bold";
  line-height: 48px;
  margin-bottom: 8px;
  letter-spacing: -2.5px;
}

#myQiframe .offerBlock p {
  color: #fff;
  font-size: 18px;
  font-family: "Manrope-Normal";
  margin-bottom: 13px;
}

#myQiframe .offerBlock a.btn {
  background-color: #35a8e0;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  padding: 0 30px;
  margin: 0 10px 0 0;
  height: 32px;
}

#myQiframe .offerBlock .text .inner {
  padding: 25px 10px 25px 17px;
}

#myQiframe .offerBlock .img img {
  height: 100%;
}

#myQiframe .offerBlock .img {
  max-width: 310px;
}

#myQiframe .loader {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

#myQiframe .loader .bg {
  background-color: #000;
  opacity: 0.3;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#myQiframe .loader .img {
  background: url("/ext_files/prepaid/q/media/ajax-loader.gif") no-repeat scroll
    0 0;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -27px;
  z-index: 12;
  width: 54px;
  height: 55px;
}

.videoSection {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding-bottom: 0;
  position: relative;
  top: 0;
  overflow: hidden;
  z-index: 999;
  width: 100%;
  height: 0;
}

.videoSection .icon {
  background-image: url("/ext_files/prepaid/q/media/icons2.png");
  background-repeat: no-repeat;
}

.videoSection #video1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.openVideo .icon {
  background-position: -6px -820px;
  display: inline-block;
  margin: -4px 20px 0 -10px;
  vertical-align: middle;
  width: 29px;
  height: 20px;
}

.videoSection .close {
  background-position: -144px -811px;
  display: block;
  z-index: 99999;
  width: 57px;
  height: 56px;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

.videoSection .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.videoSection .infoBar {
  background-color: #eb6608;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 35px;
  width: 100%;
  height: 52px;
}

.videoSection .social {
  float: right;
  margin: 0;
  padding: 0;
}

.videoSection .social a {
  display: block;
  width: 34px;
  height: 32px;
}

.videoSection .social a.fb {
  background-position: -52px -821px;
}

.videoSection .social a.twitter {
  background-position: -97px -821px;
}

.videoSection .social li {
  background: none;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
}

.videoSection .infoBar a.button,
.videoSection .infoBar p {
  display: inline-block;
  vertical-align: middle;
}

.videoSection .infoBar p {
  color: #fff;
  font-size: 28px;
  font-family: "Manrope-SemiBold";
  margin: 0 30px 0 0;
}

.videoSection .infoBar a.button {
  padding: 5px 30px;
}

.videoSection .closeBar {
  background: url("/ext_files/prepaid/q/media/opacity50.png") repeat scroll 0 0;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 57px;
  height: 57px;
}

.mainWrapper.videoOpen #header.fixed,
.mainWrapper.videoOpen #header {
  left: 0;
  position: relative;
  top: 0;
}

.mainWrapper.videoOpen .sectionsWrap {
  margin-top: 0;
}

#footer .block {
  margin: 0 1% 0 3.1%;
}

.offer_orange_en {
  background: url("/ext_files/prepaid/q/media/offer-orange-en.png") no-repeat;
  float: right;
  width: 63px;
  height: 87px;
  position: absolute;
  top: 0;
  right: 13px;
}

.offer_orange_el {
  background: url("/ext_files/prepaid/q/media/offer-orange-el.png") no-repeat;
  float: right;
  width: 69px;
  height: 96px;
  position: absolute;
  top: 0;
  right: 13px;
}

.sectionsWrap.inner .bundleInner .bundle.iLoveTv {
}

.bundle.iLoveTv .bubble.free {
  font-size: 26px;
  letter-spacing: -1px;
}

.bundle.iLoveTv .bubble .sup {
  font-size: 28px;
}

.bundle.iLoveTv .row .text {
  font-size: 16px;
  color: #9c9c9c;
  font-family: "Manrope-SemiBold";
  letter-spacing: -1px;
}

.bundle.iLoveTv .lock {
  display: none;
  position: absolute;
  width: 90%;
  margin: 0 5%;
  bottom: 10%;
  color: #000;
  font-size: 31px;
  font-family: "Manrope-Extra-Bold";
  letter-spacing: -3px;
}

.iLoveTv.bundle.locked .lock {
  display: block;
}

.bundle.iLoveTv.locked {
  background-color: rgba(255, 255, 255, 0.2);
}

.bundle.iLoveTv.locked .bubble,
.bundle.iLoveTv.locked .row .text,
.bundle.iLoveTv.locked .bundle .bubble,
.bundle.iLoveTv.locked input.button,
.bundle.iLoveTv.locked a.button,
.bundle.iLoveTv.locked .title {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  opacity: 0.3;
}

#QRegisterStep2 .field.select.inlineField {
  width: 30% !important;
}

.pack_wrapper {
  width: 100%;
  background: #e6f3f8;
  padding: 60px 0 0 0;
  float: left;
}

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

.center {
  text-align: center;
}

.margin_btm_60 {
  margin-bottom: 60px;
}

.margin_btm_90 {
  margin-bottom: 90px;
}

a.clearFilter {
  color: #9a9999;
  font-size: 14px;
  text-decoration: underline;
  display: inline-block;
  margin-right: 30px;
}

.pack_wrapper h3 {
  color: #2e4854;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  font-family: "Manrope-Bold";
  letter-spacing: -1px;
  margin-top: 30px;
}

.pack_wrapper .bundlesWrap h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 35px;
  font-family: "Manrope-SemiBold";
}

.pack_col_3 {
  width: 31%;
  float: left;
  display: inline-block;
}

.pack_col_5 {
  width: 49%;
  float: left;
  border-right: dashed 1px #8eb6c7;
}

.pack_box {
  color: #9c9c9c;
  font-size: 16px;
  text-align: center;
  position: relative;
  padding: 71px 20px;
  float: right;
  margin-top: -75px;
}

.pack_col_3 .pack_col_5:last-child {
  border: none;
}

.pack_wrapper .row .pack_col_3:nth-child(1) {
  padding-top: 30px;
}

.pack_box b {
  font-size: 25px;
  color: #4f4f4f;
  margin-bottom: 10px;
  display: inline-block;
}

.pack_box .note {
  color: #9c9c9c;
  font-size: 12px;
  position: absolute;
  bottom: 11px;
  left: 15px;
  z-index: 999;
}

.inner_pack {
  padding-right: 13%;
  float: left;
  width: 86%;
  font-size: 14px;
  color: #9c9c9c;
  margin-bottom: 18px;
  padding-top: 20px;
  position: relative;
  font-family: "Manrope-SemiBold";
}

.pack_wrapper .row {
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #d2e1e8;
}

.pack_wrapper .row.margin_btm_60 {
  border: none;
}

.pack_box.light_gray,
.pack_box.light_gray:before,
.pack_box.light_gray:after {
  background-color: #dae8ee;
}

.pack_box.gray,
.pack_box.gray:before,
.pack_box.gray:after {
  background-color: #d2e1e8;
}

.pack_box:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 21px;
  height: 50%;
  transform: skewX(169deg);
  -webkit-transform: skewX(169deg);
  -moz-transform: skewX(169deg);
  -o-transform: skewX(169deg);
}

.pack_box:after {
  content: "";
  position: absolute;
  left: -10px;
  bottom: 0;
  width: 21px;
  height: 50%;
  transform: skewX(-169deg);
  -webkit-transform: skewX(-169deg);
  -moz-transform: skewX(-169deg);
  -o-transform: skewX(-169deg);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: url("/ext_files/prepaid/q/media/range.png") no-repeat;
  width: 21px;
  height: 19px;
}

.ui-widget-content {
  border: none;
  background: #c7dee9;
  color: #222;
  position: relative;
  height: 7px;
  margin-bottom: 15px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 19px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  outline: none;
  top: -5px;
}

.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {
  background: #1eadf3;
  height: 7px;
}

.range_txt {
  width: 45px;
  height: 25px;
  border: medium none;
  color: #fff;
  padding: 10px 0 0;
  text-align: center;
  background: #f28535;
  position: absolute;
  margin-left: -20px;
  top: -46px;
  left: 7px;
}

.range_txt:after {
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  border-top: solid 10px #f28535;
  position: absolute;
  bottom: -8px;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  content: "";
}

.pack_box.last:before {
  width: 49px;
  left: -10px;
  transform: skewX(174deg);
  -webkit-transform: skewX(174deg);
  -moz-transform: skewX(174deg);
  -o-transform: skewX(174deg);
}

.pack_box.last:after {
  width: 49px;
  left: -10px;
  z-index: 20;
  transform: skewX(-174deg);
  -webkit-transform: skewX(-174deg);
  -moz-transform: skewX(-174deg);
  -o-transform: skewX(-174deg);
}

.pack_box.last {
  padding: 168px 20px;
}

.info_tooltip {
  position: relative;
  display: inline-block;
  margin-right: 4px;
}

.info_tooltip .icon {
  width: 15px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  background: url("/ext_files/prepaid/q/media/tooltip.png") no-repeat;
}

.info_tooltip p {
  position: absolute;
  left: 30px;
  top: -50%;
  bottom: 0;
  margin: auto;
  background: #fffad5;
  padding: 15px 24px 15px 24px;
  font-size: 13px;
  line-height: 15px;
  color: #666;
  z-index: 9999;
  height: 30px;
  width: 300px;
  display: none;
}

.range_label {
  letter-spacing: -0.7px;
}

.info_tooltip p:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  left: -9px;
  border-right: solid 10px #fffad5;
  border-top: solid 15px transparent;
  border-bottom: solid 15px transparent;
}

.notes_container {
  width: 100%;
  border-top: solid 1px #ccc;
  padding: 13px 0;
  float: left;
  margin: 40px 0 23px 0;
  font-size: 11px;
  color: #999;
}

.notes_container ol {
  margin: 30px 0 0 0;
}

.notes_container ol li {
  font-size: 13px;
  margin-bottom: 17px;
}

.help_steps {
  background: #dff0f6;
  float: left;
  width: 100%;
  padding: 65px 0 45px 0;
}

.help_steps h3 {
  font-size: 32px;
  color: #495f6a;
  font-family: "Manrope-Extra-Bold";
  margin-bottom: 35px;
}

.help_steps ul {
  margin: 0;
  padding: 0;
}

.help_steps ul li {
  font-size: 18px;
  color: #282726;
  margin-bottom: 20px;
  background: url("/ext_files/prepaid/q/media/help_steps.png") no-repeat left
    center;
  padding: 0 0 0 26px;
}

.promoText.style4 p {
  color: #281e18;
}

.promoText.style4 p.title {
  color: #f37319;
}

#header.style3 #nav li a.active {
  background-color: #f37319;
}

.navigation_online {
  width: 100%;
}

.navigation_online li {
  background: none;
  padding: 0;
  float: left;
}

.navigation_online li a {
  color: #3f9cca;
  font-size: 14px;
  padding: 2px 7px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  font-family: "Manrope-SemiBold";
}

.navigation_online li.active a {
  color: #fff;
  background: #7ab8d6;
}

p.block_desc {
  margin: -20px 0 45px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

ul.step_wrapper {
  margin: 0 0 65px 0;
  padding: 0;
  width: 100%;
  float: left;
  overflow: hidden;
}

ul.step_wrapper li {
  margin: 0;
  width: 50%;
  position: relative;
  float: left;
  background: #e8f4fa;
  text-align: center;
  color: #c1c8cb;
  font-size: 24px;
  padding: 15px 0;
  font-family: "Manrope-Bold";
}

ul.step_wrapper li.step1:after {
  content: "";
  width: 50px;
  height: 100%;
  background: #e8f4fa;
  transform: rotate(44deg);
  -webkit-transform: rotate(44deg);
  -moz-transform: rotate(44deg);
  -o-transform: rotate(44deg);
  position: absolute;
  right: -20px;
  z-index: 9;
  top: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
}

ul.step_wrapper li.active {
  background: #c7d8df;
  color: #2e4854;
}

ul.step_wrapper li.active.step1:after {
  background: #c7d8df;
}

.rq {
  font-size: 14px;
  color: #999;
  font-style: italic;
}

.input {
  position: relative;
}

.required {
  color: #36aae1;
  font-size: 20px;
  position: absolute;
  top: 8px;
  right: 6px;
}

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

.formBlock p.to_cont {
  font-size: 18px;
  color: #878787;
  margin-bottom: 30px;
  font-family: "Manrope-Normal";
  float: left;
}

.pack_wrapper .carousel_f .row {
  width: auto;
  display: block;
}

.bundle .alert {
  background: url("/ext_files/prepaid/q/media/alert.png") no-repeat 14px center
    #fff2d5;
  padding: 14px 14px 14px 43px;
  font-size: 14px;
  color: #8d8574;
}

.bundle .alert b {
  font-weight: bold;
  padding-right: 5px;
}

.icon.whatsApp {
  background: url("/ext_files/prepaid/q/media/icon_whatsapp.png") no-repeat left
    top;
  width: 24px;
  height: 24px;
}

.active .icon.whatsApp {
  background-position: right top;
}

.help_steps {
  background: #dff0f6;
  float: left;
  width: 100%;
  padding: 65px 0 45px 0;
}

.help_steps h3 {
  font-size: 32px;
  color: #495f6a;
  font-family: "Manrope-Extra-Bold";
  margin-bottom: 35px;
}

.help_steps ul {
  margin: 0;
  padding: 0;
}

.help_steps ul li {
  font-size: 18px;
  color: #282726;
  margin-bottom: 20px;
  background: url("/ext_files/prepaid/q/media/help_steps.png") no-repeat left
    center;
  padding: 0 0 0 26px;
}

.promoText.style4 p {
  color: #281e18;
}

.promoText.style4 p.title {
  color: #f37319;
}

#header.style3 #nav li a.active {
  background-color: #f37319;
}

.navigation_online {
  width: 100%;
}

.navigation_online li {
  background: none;
  padding: 0;
  float: left;
}

.navigation_online li a {
  color: #3f9cca;
  font-size: 14px;
  padding: 2px 7px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  font-family: "Manrope-SemiBold";
}

.navigation_online li.active a {
  color: #fff;
  background: #7ab8d6;
}

p.block_desc {
  margin: -20px 0 45px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

ul.step_wrapper {
  margin: 0 0 65px 0;
  padding: 0;
  width: 100%;
  float: left;
  overflow: hidden;
}

ul.step_wrapper li {
  width: 50%;
  position: relative;
  float: left;
  background: #e8f4fa;
  text-align: center;
  color: #c1c8cb;
  font-size: 24px;
  padding: 15px 0;
  font-family: "Manrope-Bold";
}

ul.step_wrapper li.step1:after {
  content: "";
  width: 50px;
  height: 100%;
  background: #e8f4fa;
  transform: rotate(44deg);
  -webkit-transform: rotate(44deg);
  -moz-transform: rotate(44deg);
  -o-transform: rotate(44deg);
  position: absolute;
  right: -20px;
  z-index: 9;
  top: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
}

ul.step_wrapper li.active {
  background: #c7d8df;
  color: #2e4854;
}

ul.step_wrapper li.active.step1:after {
  background: #c7d8df;
}

.rq {
  font-size: 14px;
  color: #999;
  font-style: italic;
}

.input {
  position: relative;
}

.required {
  color: #36aae1;
  font-size: 20px;
  position: absolute;
  top: 8px;
  right: 6px;
}

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

.formBlock p.to_cont {
  font-size: 18px;
  color: #878787;
  margin-bottom: 30px;
  font-family: "Manrope-Normal";
  float: left;
}

.withOpacity {
}

.cols4.withOpacity > div.eqItem,
.cols3.withOpacity > div.eqItem {
  position: relative;
}

.cols4.withOpacity > div.eqItem.activated,
.cols3.withOpacity > div.eqItem.activated {
  opacity: 1;
}

.withOpacity .opacity {
  background-color: rgba(255, 255, 255, 0.7);
  left: -1%;
  position: absolute;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100%;
}

.cols4.withOpacity > div.eqItem .opacity,
.cols3.withOpacity > div.eqItem .opacity {
  display: block;
}

.cols4.withOpacity > div.eqItem.activated .opacity,
.cols3.withOpacity > div.eqItem.activated .opacity {
  display: none;
}

.withOpacity .opacity {
  background-color: rgba(255, 255, 255, 0.5);
  left: -1%;
  position: absolute;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100%;
}

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

.popUpAd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  overflow-x: hidden;
  height: 100%;
  font-family: "Manrope-Normal";
  background: url("/ext_files/prepaid/q/media/popup-myq/bg.png") no-repeat 89% -28%
    #eb6608;
}

.popUpAd .wrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  z-index: 9;
  padding: 20px 0;
  position: relative;
}

.popUpAd a.button,
.popUpAd a.back {
  display: inline-block;
}

.popUpAd h2 {
  color: #472309;
  font-size: 38px;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 11px;
  letter-spacing: -1px;
  line-height: 35px;
}

.popUpAd .desc {
  color: #6b6b6b;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 20px;
  color: #281e18;
  font-size: 15px;
  margin-bottom: 20px;
}

.popUpAd .screen_wrapper {
  background: url("/ext_files/prepaid/q/media/popup-myq/screen.png") no-repeat;
  width: 136px;
  height: 253px;
  display: inline-block;
  margin: 0 auto 20px auto;
}

.popUpAd .screen {
  width: 119px;
  height: 197px;
  overflow: hidden;
  margin: 28px 0 0 8px;
  background: #000;
}

.popUpAd a.button {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  background: #cd171f;
  text-align: center;
  padding: 13px 30px;
  margin: 0 0 18px 0;
  border-radius: 9px 0 9px 0;
}

.popUpAd a.button:hover {
  text-decoration: none;
  background: #2d99cd;
}

.popUpAd a.back {
  font-weight: 600;
  text-align: center;
  padding: 0 0 0 15px;
  color: #803d0e;
  font-size: 17px;
  line-height: 18px;
  background: url("/ext_files/prepaid/q/media/popup-myq/arrow.png") no-repeat
    left center;
}

.popUpAd .delete {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("/ext_files/prepaid/q/media/popup-myq/delete.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}

.popUpAd .screen img {
  width: 100%;
}

.popUpAd a.button {
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  background: #35a8e0;
  text-align: center;
  padding: 13px 46px;
  margin: 0 0 18px 0;
}

.nsp_iframe .nsp_choise .right {
  display: inline-block;
  float: none;
}

.nsp_choise .right {
  width: 100% !important;
}

.innerBanner div.intro {
  position: relative;
  margin-bottom: 0;
}

.innerBanner .left {
  float: left;
  width: 30%;
}

.innerBanner .left img {
  position: absolute;
  bottom: 0;
  max-width: 300px;
  width: 100%;
}

.innerBanner .text {
  float: right;
  width: 65%;
}

#cookies-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

#cookies-popup .bg {
  background: rgba(235, 102, 8, 0.95);
  width: 100%;
  height: 100%;
}

#cookies-popup .content {
  width: 100%;
  max-width: 760px;
  position: absolute;
  z-index: 99999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

#cookies-popup h1 {
  font-family: "Manrope-Extra-Bold";
  font-weight: normal;
  font-size: 50px;
  color: #462309;
  margin-bottom: 35px;
  line-height: 1;
}

#cookies-popup .cyan,
#cookies-popup p.cyan {
  font-family: "Manrope-SemiBold";
  font-weight: normal;
  font-size: 21px;
  color: #462309;
}

#cookies-popup p {
  margin-bottom: 35px;
  line-height: 1;
}

#cookies-popup p:not(.cyan) {
  font-size: 18px;
  color: #fff;
}

#cookies-popup button {
  font-family: "Manrope-Normal";
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background: #35a8e0;
  border: none;
  outline: 0;
  width: 235px;
  height: 39px;
}

#cookies-popup .controls {
  position: relative;
}

#cookies-popup .controls a:link,
#cookies-popup .controls a:visited {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: underline;
  position: absolute;
  left: calc(50% + 150px);
  top: 13px;
}

#cookies-popup button:hover,
#cookies-popup .controls a:hover {
  opacity: 0.8;
}

.cookies-faq .radio-fields {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.cookies-faq .field.radio {
  margin-right: 28px;
}

.cookies-faq .field.radio,
.cookies-faq .field.radio > span {
  display: inline-block;
  float: left;
}

.cookies-faq .field.radio label {
  font-family: "Manrope-Normal";
  font-size: 15px;
  margin-left: 10px;
}

.cookie-bold,
div.intro p.cookie-bold {
  font-family: "Manrope-SemiBold";
  font-weight: normal;
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin: 45px 0 10px;
}

.faqTemp.cookies-faq {
  background-color: #e6f3f8;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 27px;
  margin-bottom: 65px;
  width: 100%;
  box-sizing: border-box;
  max-width: 960px;
}

.faqTemp.cookies-faq > div {
  width: 100%;
  max-width: 960px;
}

.faqTemp.cookies-faq .accCont p {
  font-size: 16px;
  color: #999;
  line-height: 1.4;
}

.faqTemp.cookies-faq .accItem {
  max-width: 90%;
}

.cookiesButton {
  float: right;
  text-align: right;
  width: 100%;
}

.cookiesButton .button {
  margin-left: 10px;
}

.cookiesButton .button.gri {
  background-color: #8d93a0;
}

.cookiesButton .right {
  float: right;
}

.cookiesButton .left {
  float: left;
  width: 50%;
  -webkit-transition: all 770ms ease-in-out;
  -moz-transition: all 770ms ease-in-out;
  -ms-transition: all 770ms ease-in-out;
  -o-transition: all 770ms ease-in-out;
  transition: all 770ms ease-in-out;
}

.cookiesButton .left p {
  font-size: 15px;
}

.faqTemp.cookies-faq {
  margin-bottom: 0;
}

.sectionsWrap.inner .bundle.doubleBundle {
  width: 64%;
}

.bundle.doubleBundle .bubble {
  font-size: 59px;
}

.bundle.doubleBundle .bubble .sup {
  font-size: 32px;
}

.bundle.doubleBundle .title {
  font-size: 50px;
  border-bottom: 0;
  line-height: 50px;
}

.bundle.doubleBundle .title.small {
  font-size: 28px;
  color: #4b4b4b;
  letter-spacing: -2px;
  display: inline-block;
  margin: 0 10px 0 0;
  width: auto;
  padding-bottom: 10px;
}

.bundle.doubleBundle .row.smallTitle {
  border: 0;
  margin: 0 2%;
  width: 96%;
  padding: 0 0;
}

.bundle.doubleBundle .row.smallTitle + .row {
  border-top: 1px dotted #cbcbcb;
}

.bundle.doubleBundle .bubble.small {
  display: inline-block;
  background: url("/ext_files/prepaid/q/media/small_Bubble.png") no-repeat 0 0;
  background-size: 100% auto;
  margin: 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  font-size: 29px;
  line-height: 44px;
  margin: 0 10px 0 0;
}

.bundle.doubleBundle .bubble.small .sup {
  font-size: 16px;
  line-height: 34px;
  margin-left: 5px;
}

.bundle.doubleBundle .row.smallTitle .iconPlus {
  display: block;
  clear: both;
  margin: 0 10px 10px 0;
  vertical-align: middle;
}

body > .outer {
  float: left;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

body.myQOpen > .outer {
  overflow: visible;
}

.alert_inner {
  line-height: 1.2;
  font-size: 14px;
  letter-spacing: 0.01em;
  font-weight: normal;
  font-family: Manrope-Normal;
}

.sml_space {
  height: auto !important;
  padding-bottom: 60px !important;
}

.carousel_f .wizardCarousel.eqHeight .mobCarousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bundlesWrap.eqHeight .owl-stage,
.bundlesWrap.eqHeight .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.bundlesWrap.owl-carousel .rollover img {
  max-width: 111px;
  margin: 0 auto;
}

.suggestedPackages .bundlesWrap.eqHeight .owl-stage,
.suggestedPackages .bundlesWrap.eqHeight .owl-item {
  display: block;
}

.suggestedPackage .data-jump {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee7d6;
}

.suggestedPackage .data-jump-title {
  display: flex;
}

.bundle .bundleFreetext {
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 20px;
}

.form_space {
  padding-top: 60px;
}

#myQiframe {
  padding-top: 70px;
  background-color: #fff9f0;
}

.redesignBoxes .eqItem .cnt p:last-of-type {
  margin-bottom: 45px;
}

.radioBlock > label {
  display: inline-block;
  font-size: 14px;
  font-family: "Manrope-SemiBold";
  margin: 0 0 10px;
  width: 100%;
  color: #666;
}

.radio.inactive label {
  color: #969696;
}

.slider1dv3.owl-carousel {
  display: block;
}

.main .content_page {
  overflow: hidden;
  width: 100%;
}

.slider1dv3.owl-carousel:not(.owl-loaded) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 33vw;
  overflow: hidden;
}

.slider1dv3.owl-carousel:not(.owl-loaded) .sliderItem {
  width: 100vw !important;
}

.counterOffer .countdownLeftBottom:after {
  content: "";
  position: absolute;
  right: -18px;
  top: 20%;
  width: 20px;
  height: 36px;
}

.slider1dv3 .sliderItem h1 {
  white-space: normal;
}

.field.select .select-box.s .field-validation-error,
.field.select .select-box.m .field-validation-error,
.field.select .select-box.m2 .field-validation-error {
  display: none;
}

.menuToolsWrap,
.menuTools {
  display: inline-block;
}

.item-video .container {
  position: relative;
  z-index: 3;
}

.item-video * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.item-video {
  background-position: center;
  background-size: cover;
}

.item-video iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.youtubeVideoPlaying iframe {
  opacity: 1;
}

.sliderVideoThumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sliderVideoPlayButton.abs {
  color: #fff;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  z-index: 10;
  display: none;
}

.hasLink .sliderVideoPlayButton.abs {
  z-index: -1;
}

.youtubeVideoReady .sliderVideoPlayButton.abs {
  display: inline-block;
}

.sliderVideoPauseWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  cursor: pointer;
  z-index: 10;
  display: none;
}

.sliderVideoPauseButton {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #fff;
  line-height: 14px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  border-radius: 3px;
}

.sliderVideoPauseText {
  padding-right: 5px;
  vertical-align: middle;
  display: inline-block;
}

.youtubeVideoPlaying .sliderVideoThumbnail,
.youtubeVideoPlaying .sliderVideoPlayButton.abs,
.youtubeVideoPlaying .container {
  display: none;
}

.youtubeVideoPlaying .sliderVideoPauseWrapper {
  display: block;
}

.myQTable td .exp + .exp {
  margin: 0;
}

.myQTable table:nth-child(odd) {
  clear: left;
  border-right: 1px solid rgba(34, 36, 47, 0.1);
}

.cols2.borderCol:only-child {
  background: transparent;
}

.flashchat-messenger {
  bottom: 79px !important;
  right: -13px !important;
}

.flex-wrap * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-sizing: border-box;
}

.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin-bottom: 30px;
  justify-content: center;
}

.flex-wrap .orSeperator {
  width: 100px;
}

.flex-wrap .orSeperator:before {
  content: none;
}

.flex-wrap__col {
  width: calc(50% - 50px);
  padding: 0 10px;
  margin-bottom: 15px;
}

.referBox .leftSide_3 {
  padding: 30px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.referBox-title {
  margin-bottom: -26px;
  margin-top: 55px;
  padding-left: 35px;
  font-size: 22px;
}

.referBox.v1 p {
  margin: 0 0 15px 0;
}

.leftSide_3 .qPhoneForm {
  margin-bottom: 0;
  align-self: flex-end;
  margin-top: 20px;
  width: 100%;
  min-height: 90px;
  line-height: 1;
}

.referBox .bgBlue,
.referBox .bgBlue ul li {
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.referBox .bgBlue ul li {
  list-style: none;
  background: url(/ext_files/prepaid/q/media/check-white.png) left 7px no-repeat;
  padding-left: 27px;
}

.referBox .bgBlue ul {
  padding-left: 5px;
}

.leftSide_3desc {
  width: 100%;
  font-size: 18px;
  line-height: 1.4;
}

.field-txt p,
#myQiframe .field-txt p {
  font-size: 18px;
  color: #878787;
}

.field-txt {
  margin-bottom: 25px;
  text-align: center;
}

.Qpostpaid .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.Qpostpaid .row {
  float: left;
  width: 100%;
}

.Qpostpaid .d_hide {
  display: none;
}

.Qpostpaid .right {
  float: right;
}

.Qpostpaid .left {
  float: left;
}

.container_12 {
  width: 98.4%;
  margin-left: 0.8%;
  margin-right: 0.8%;
}

.container_12.full {
  float: left;
  width: 100%;
  margin: 0;
}

.col.alpha {
  margin-left: 0;
}

.col.omega {
  margin-right: 0;
}

.Qpostpaid .full_left {
  margin-right: 1.6%;
  margin-left: 0;
}

.Qpostpaid .full_right {
  margin-left: 1.6%;
  margin-right: 0;
}

.Qpostpaid .col.full {
  margin-left: 0;
  margin-right: 0;
}

.Qpostpaid .col.inner {
  padding-right: 3%;
  padding-left: 3%;
}

.Qpostpaid .col {
  margin-right: 0.8%;
  margin-left: 0.8%;
  padding: 0 0;
}

.col_1 {
  width: 7.73333333333%;
}

.col_1.alpha,
.col_1.omega {
  width: 8.53333333333%;
}

.col_1.full {
  width: 8.33333333333%;
}

.col_2 {
  width: 15.0666666667%;
}

.col_2.alpha,
.col_2.omega {
  width: 16.8666666667%;
}

.col_2.full {
  width: 16.6666666667%;
}

.col_3 {
  width: 23.4%;
}

.col_3.alpha,
.col_3.omega {
  width: 24.2%;
}

.col_3.full {
  width: 25%;
}

.col_4 {
  width: 31.7333333333%;
}

.col_4.alpha,
.col_4.omega {
  width: 32.5333333333%;
}

.col_4.full {
  width: 33.3333333333%;
}

.col_5 {
  width: 40.0666666667%;
}

.col_5.alpha,
.col_5.omega {
  width: 40.8666666667%;
}

.col_5.full {
  width: 41.6666666667%;
}

.col_6 {
  width: 48.4%;
}

.col_6.alpha,
.col_6.omega {
  width: 49.2%;
}

.col_6.full {
  width: 50%;
}

.col_7 {
  width: 56.7333333333%;
}

.col_7.alpha,
.col_7.omega {
  width: 57.5333333333%;
}

.col_7.full {
  width: 58.3333333333%;
}

.col_8 {
  width: 65.0666666667%;
}

.col_8.omega,
.col_8.alpha {
  width: 65.8666666667%;
}

.col_8.full {
  width: 66.6666666667%;
}

.col_9 {
  width: 73.4%;
}

.col_9.alpha,
.col_9.omega {
  width: 74.2%;
}

.col_9.full {
  width: 75%;
}

.col_10 {
  width: 81.7333333333%;
}

.col_10.alpha,
.col_10.omega {
  width: 82.5333333333%;
}

.col_10.full {
  width: 83.3333333333%;
}

.col_11 {
  width: 90.0666666667%;
}

.col_11.alpha,
.col_11.omega {
  width: 90.8666666667%;
}

.col_11.full {
  width: 91.6666666667%;
}

.col_12 {
  width: 98.4%;
}

.col_12.omega,
.col_12.alpha {
  width: 99.2%;
}

.col_12.full {
  width: 100%;
}

.offset_left_1 {
  margin-left: 8.33%;
}

.offset_left_2 {
  margin-left: 16.66%;
}

.offset_left_3 {
  margin-left: 24.99%;
}

.offset_left_4 {
  margin-left: 33.33%;
}

.offset_left_5 {
  margin-left: 41.65%;
}

.offset_left_6 {
  margin-left: 50%;
}

.offset_left_7 {
  margin-left: 58.33%;
}

.offset_left_8 {
  margin-left: 66.66%;
}

.offset_left_9 {
  margin-left: 74.99%;
}

.offset_left_10 {
  margin-left: 83.32%;
}

.offset_left_11 {
  margin-left: 91.66%;
}

@media (max-width: 639px) {
  .m_inner,
  .col.m_inner {
    padding-right: 2%;
    padding-left: 2%;
  }

  .m_full {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .col.inner.m_noPadding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .m_col_1 {
    width: 7.73333333333%;
  }

  .m_col_1.m_full {
    width: 8.33333333333%;
  }

  .m_col_2 {
    width: 15.0666666667%;
  }

  .m_col_2.m_full {
    width: 16.6666666667%;
  }

  .m_col_3 {
    width: 23.4%;
  }

  .m_col_3.m_full {
    width: 25%;
  }

  .m_col_4 {
    width: 31.7333333333%;
  }

  .m_col_4.m_full {
    width: 33.3333333333%;
  }

  .m_col_5 {
    width: 40.0666666667%;
  }

  .m_col_5.m_full {
    width: 41.6666666667%;
  }

  .m_col_6 {
    width: 48.4%;
  }

  .m_col_6.m_full {
    width: 50%;
  }

  .m_col_7 {
    width: 56.7333333333%;
  }

  .m_col_7.m_full {
    width: 58.3333333333%;
  }

  .m_col_8 {
    width: 65.0666666667%;
  }

  .m_col_8.m_full {
    width: 66.6666666667%;
  }

  .m_col_9 {
    width: 73.4%;
  }

  .m_col_9.m_full {
    width: 75%;
  }

  .m_col_10 {
    width: 81.7333333333%;
  }

  .m_col_10.m_full {
    width: 83.3333333333%;
  }

  .m_col_11 {
    width: 90.0666666667%;
  }

  .m_col_11.m_full {
    width: 91.6666666667%;
  }

  .m_col_12 {
    width: 98.4%;
  }

  .m_col_12.m_full {
    width: 100%;
  }

  .m_noOffset {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .t_inner,
  .col.t_inner {
    padding-right: 2%;
    padding-left: 2%;
  }

  .t_full {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .t_col_1 {
    width: 7.73333333333%;
  }

  .t_col_1.t_full {
    width: 8.33333333333%;
  }

  .t_col_2 {
    width: 15.0666666667%;
  }

  .t_col_2.t_full {
    width: 16.6666666667%;
  }

  .t_col_3 {
    width: 23.4%;
  }

  .t_col_3.t_full {
    width: 25%;
  }

  .t_col_4 {
    width: 31.7333333333%;
  }

  .t_col_4.t_full {
    width: 33.3333333333%;
  }

  .t_col_5 {
    width: 40.0666666667%;
  }

  .t_col_5.t_full {
    width: 41.6666666667%;
  }

  .t_col_6 {
    width: 48.4%;
  }

  .t_col_6.t_full {
    width: 50%;
  }

  .t_col_7 {
    width: 56.7333333333%;
  }

  .t_col_7.t_full {
    width: 58.3333333333%;
  }

  .t_col_8 {
    width: 65.0666666667%;
  }

  .t_col_8.t_full {
    width: 66.6666666667%;
  }

  .t_col_9 {
    width: 73.4%;
  }

  .t_col_9.t_full {
    width: 75%;
  }

  .t_col_10 {
    width: 81.7333333333%;
  }

  .t_col_10.t_full {
    width: 83.3333333333%;
  }

  .t_col_11 {
    width: 90.0666666667%;
  }

  .t_col_11.t_full {
    width: 91.6666666667%;
  }

  .t_col_12 {
    width: 98.4%;
  }

  .t_col_12.t_full {
    width: 100%;
  }

  .t_noOffset {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 700px) {
}

.d_hide {
  display: none;
}

.Qpostpaid #header.fixed #nav {
  margin-top: 13px;
}

.Qpostpaid #header #nav {
  width: auto;
}

.Qpostpaid {
  background-color: #fff;
}

.popup.alert {
  overflow: hidden;
}

.Qpostpaid .tooltip .main h3 {
  font-family: "Manrope-Bold";
  font-weight: normal;
}

.Qpostpaid #header .logo a {
  background: url("/ext_files/prepaid/q/media/Qantilogo1.png") no-repeat scroll
    center top;
  background-size: 100% auto;
  display: block;
  width: 312px;
  height: 115px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.Qpostpaid #header.fixed .logo a {
  width: 190px;
  height: 80px;
}

.Qpostpaid #header #nav {
  min-width: 60%;
}

.tabs_Qpostpaid {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  padding: 0;
  text-align: center;
  height: 69px;
  position: relative;
  z-index: 200;
}

.tabs_Qpostpaid .tabCont {
  position: absolute;
  top: 8px;
  background-color: #1aa4e8;
  width: 100%;
  text-align: center;
  height: 64px;
}

.Qpostpaid .sectionsWrap.inner .promo.noImg {
  height: auto;
  padding-bottom: 30px;
}

.Qpostpaid .inner .promo.noImg .promoText p.title {
  font-size: 68px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  letter-spacing: -5px;
}

.Qpostpaid .inner .promo.noImg .promoText p {
  max-width: 90%;
  font-size: 18px;
}

.tabs_Qpostpaid .tab_q {
  float: left;
  font-size: 17px;
  font-family: "Manrope-Normal";
  color: #fff;
  position: relative;
  line-height: 64px;
  width: 49%;
  text-align: center;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.tabs_Qpostpaid .tab_q::before {
  content: " ";
  background: none;
  width: 11px;
  height: 64px;
  position: absolute;
  left: -11px;
  bottom: 7px;
}

.tabs_Qpostpaid .tab_q::after {
  content: " ";
  background: none;
  width: 11px;
  height: 64px;
  position: absolute;
  right: -11px;
  bottom: 7px;
}

.tabs_Qpostpaid .tab_q div {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.tabs_Qpostpaid .tab_q.active div {
  opacity: 1;
  top: -8px;
  height: 72px;
  position: relative;
}

.tabs_Qpostpaid .tab_q.active::before {
  content: " ";
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat 0
    0;
}

.tabs_Qpostpaid .tab_q.active::after {
  content: " ";
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat 0 -86px;
}

.tabs_Qpostpaid .tab_q.active div {
  background-color: #d4640c;
}

.tabs_Qpostpaid .tab_q a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -110px
    9px;
  padding-left: 45px;
  line-height: 64px;
  height: 60px;
  text-align: left;
}

.tabs_Qpostpaid .tab_q.active a {
  padding-top: 8px;
  background-position: -110px 17px;
}

.tabs_Qpostpaid .tab_q a span {
  display: inline-block;
  vertical-align: top;
  line-height: 100%;
  text-align: left;
}

.tabs_Qpostpaid .tab_q:first-child a span {
  padding-top: 23px;
}

.tabs_Qpostpaid .tab_q a span {
  padding-top: 15px;
}

.tabs_Qpostpaid .tab_q:hover div {
  opacity: 1;
}

.Qpostpaid .mainContent.newTemplate {
  text-align: center;
}

.Qpostpaid .payment {
  display: inline-block;
  padding: 85px 0 75px 0;
  margin: 0 auto;
  text-align: left;
}

.Qpostpaid .icon.paymentIcon {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -40px -116px;
  width: 111px;
  height: 110px;
  display: inline-block;
}

.Qpostpaid .setInfo h2,
.eshopQ .sectionsWrap.inner .bundle.thankYou h2 {
  margin-bottom: 1.5em;
}

.Qpostpaid .setInfo p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 1.5em;
}

.Qpostpaid .col_2 {
  width: 13.066667%;
}

.Qpostpaid .setInfo h3 {
  color: #878787;
  font-size: 14px;
  margin-bottom: 1.5em;
}

.Qpostpaid .field .wrap {
  float: left;
  position: relative;
  width: 100%;
}

.Qpostpaid .field.tooltipField {
}

.Qpostpaid .field.tooltipField .tooltip.topLeft {
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -12px;
}

.Qpostpaid .popup .tooltip > .bg,
.tooltip > .bg {
  background-color: #d9e2e8;
  opacity: 0;
  filter: alpha(opacity=0);
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.Qpostpaid .tooltipIcon {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -18px -294px;
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.Qpostpaid .popup .tooltip .main,
.tooltip .main {
  background-color: #ec6e0b;
  border-radius: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 15px;
  position: absolute;
  width: 350px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  left: 28px;
  top: -4px;
  -webkit-box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.Qpostpaid .tooltip.topLeft .arrow {
  position: absolute;
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -1px -366px;
  margin-right: 0;
  top: 14px;
  left: -4px;
  width: 4px;
  height: 11px;
}

.Qpostpaid .tooltip .main div {
  padding: 0 !important;
}

.Qpostpaid .tooltip.topLeft.open .main {
  left: 35px;
}

.Qpostpaid .tooltip.open .main {
  z-index: 999;
}

.Qpostpaid .form input.button,
.Qpostpaid .form a.button {
  margin-bottom: 0;
  padding: 12px 0%;
  width: 100%;
}

.Qpostpaid input.text {
  color: #666;
}

.Qpostpaid .form p.error,
.Qpostpaid .error.style2 {
  font-size: 12px;
  text-align: left;
}

.Qpostpaid.step2 #mobNav {
  display: none;
}

.Qpostpaid a.backBtn {
  color: #35a8e0;
  display: block;
  float: left;
  padding: 0;
  font-size: 15px;
  display: inline-block;
  font-family: "Manrope-Bold";
  line-height: 15px;
  margin: 0 0 35px;
  position: relative;
  text-align: left;
  min-width: 150px;
  text-decoration: none;
}

.Qpostpaid a.backBtn span.icon {
  background-position: -350px -162px;
  display: inline-block;
  margin: -4px 20px 0 0;
  width: 9px;
  height: 15px;
  vertical-align: middle;
}

.Qpostpaid .setInfo .icon.paymentHeader {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -40px -116px;
  width: 111px;
  height: 110px;
  left: 0;
  position: absolute;
  top: -5px;
}

.Qpostpaid .setInfo.paymentHeader {
  padding-left: 150px;
  position: relative;
}

.Qpostpaid .setInfo.paymentHeader h2 {
  margin-bottom: 1em;
}

.Qpostpaid div.middle > .code:first-child {
  margin-right: 20px;
}

.Qpostpaid div.code {
  color: #666;
  font-size: 14px;
  font-family: "Manrope-Normal";
  margin-bottom: 10px;
}

.Qpostpaid .infoTable {
  color: #666;
  font-size: 14px;
  font-family: "Manrope-Normal";
  margin: 15px 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.Qpostpaid .select.connections .select-box,
.Qpostpaid .select.connections {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  max-width: 350px;
  z-index: 15;
  position: relative;
}

.Qpostpaid .callsTable {
  float: left;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

.Qpostpaid .callsTable table {
  margin: 0;
  width: 100%;
}

.Qpostpaid .callsTable table th {
  background-color: #d5d5d5;
  color: #2c1919;
  font-size: 13px;
  font-family: "Manrope-Bold";
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  padding: 8px 0;
}

.Qpostpaid .callsTable table th div {
  border-left: 1px solid #d7dfe8;
  cursor: pointer;
  line-height: 29px;
}

.Qpostpaid .callsTable.payment table th div {
  padding-left: 15px;
  padding-right: 5px;
  text-align: left;
}

.Qpostpaid .callsTable.payment table th:first-child {
  padding-left: 0;
}

.Qpostpaid .callsTable.payment tr.total td {
  background-color: #ec6e0b;
  color: #fff;
  padding-bottom: 16px;
  padding-top: 16px;
  font-family: "Manrope-Bold";
}

.Qpostpaid .callsTable.payment table td,
.Qpostpaid .callsTable.payment table td:first-child {
  padding-left: 18px;
  text-align: left;
}

.Qpostpaid .callsTable.payment {
  margin-bottom: 20px;
  padding: 0;
  margin-top: 20px;
}

.Qpostpaid .callsTable table td.noBorder,
.Qpostpaid .callsTable table th:first-child div {
  border: none;
}

.callsTable.payment table td.noBorder {
  padding-top: 7px;
  padding-bottom: 7px;
}

.Qpostpaid .callsTable table td:first-child {
  padding-left: 20px;
  text-align: left;
}

.Qpostpaid .callsTable table th:first-child {
  padding-left: 20px;
  text-align: left;
}

.Qpostpaid .callsTable table th span {
  display: inline-block;
  vertical-align: middle;
}

.Qpostpaid .callsTable table th span.arrow {
  background-position: -338px -578px;
  margin-left: 5px;
  width: 14px;
  height: 9px;
}

.Qpostpaid .callsTable table th span.arrow.active {
  background-position: -338px -663px;
}

.Qpostpaid .callsTable table th span.arrow.active.up {
  background-position: -367px -663px;
}

.Qpostpaid .callsTable table td {
  border-bottom: 1px solid #bccbdc;
  color: #2c1919;
  font-size: 12px;
  font-family: "Manrope-Normal";
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
}

.Qpostpaid .callsTable.payment table td {
  font-size: 13px;
  font-family: "Manrope-Normal";
  padding-bottom: 15px;
  padding-top: 15px;
}

.Qpostpaid .callsTable.payment table tr.checked td {
  background-color: #f0f4f6;
}

.Qpostpaid .callsTable.history table td {
  padding-bottom: 31px;
  padding-top: 31px;
}

.Qpostpaid .callsTable table td.title {
  font-size: 16px;
  font-family: "Manrope-Bold";
  padding-top: 22px;
}

.Qpostpaid .callsTable table td.title.blue {
  border: none;
  color: #00afea;
  padding-bottom: 0;
  padding-top: 22px;
}

.Qpostpaid .callsTable.collapseTable table td.title.blue:first-child {
  padding-left: 0;
}

.Qpostpaid .callsTable.collapseTable table td:first-child {
  padding-left: 35px;
}

.Qpostpaid .callsTable table tr.blue td {
  background-color: #00b1ea;
  border: none;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.Qpostpaid .callsTable table tr.empty td {
  border: none;
  padding: 0;
  height: 15px;
}

.Qpostpaid .tooltip.dHide .tooltipIcon {
  display: none;
}

.Qpostpaid .tooltip.dVisible .main {
  display: block;
}

.Qpostpaid .field.tooltipField .tooltip.dVisible .main {
  width: 90%;
}

.Qpostpaid .signIn .field.tooltipField .tooltip.dVisible .main,
.Qpostpaid .field.tooltipField .tooltip.dVisible {
  width: 100%;
}

.Qpostpaid .field.tooltipField .tooltip.dVisible.topRight {
  left: -112%;
  top: 0;
  margin-top: -30px;
  position: absolute;
}

.Qpostpaid .tooltip.topRight.dVisible .main {
  right: 10px;
}

.Qpostpaid .field.tooltipField .tooltip ol {
  list-style-position: inside;
  padding-left: 1.4em;
}

.Qpostpaid .field.tooltipField .tooltip ol li {
  margin-bottom: 5px;
  text-align: left;
}

.Qpostpaid .button.btnBlue.paypal {
  padding-bottom: 9px;
  padding-top: 9px;
  background: #35a8e0 url("/ext_files/prepaid/q/media/paypal.png") no-repeat
    center center;
  height: 29px;
}

.Qpostpaid .inlineCol {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

.Qpostpaid.step2 .field.tooltipField {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index: 20;
}

.Qpostpaid .tooltip.topRight .arrow {
  position: absolute;
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat 0 -364px;
  width: 4px;
  height: 9px;
  margin-left: 12px;
  top: 14px;
  right: -4px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.Qpostpaid .dVisible h3,
.Qpostpaid .field.tooltipField .tooltip ol li {
  font-size: 13px;
  font-family: "Manrope-Normal";
  font-weight: normal;
}

.Qpostpaid .inlineCol p {
  font-size: 14px;
}

.Qpostpaid .inlineCol .btnBlue,
.Qpostpaid .inlineCol .btnBorder {
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 10px 0;
  line-height: 25px;
}

.Qpostpaid .cardsField {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.Qpostpaid .cardsField p a {
  font-family: "Manrope-Bold";
  text-decoration: underline;
}

.Qpostpaid .cardsField .cards {
  display: inline-block;
  text-align: center;
  width: 85%;
}

.Qpostpaid .cardsField p {
  margin: 0 0 10px;
}

.Qpostpaid .cards > img {
  display: inline-block;
  margin: 0 2px 10px;
  vertical-align: middle;
}

.Qpostpaid .callsTable table tr.checkbox {
  position: relative;
  text-align: left;
  background-color: #efefef;
  border-bottom: 1px dotted #c1c1c1;
}

.Qpostpaid .callsTable table tr.checkbox.noBorder {
  border-bottom: 0;
}

.Qpostpaid .callsTable table tr.checkbox td {
  border-bottom: 0;
}

.Qpostpaid .callsTable table tr.checkbox.total {
  border-bottom: 0;
}

.Qpostpaid .callsTable table tr.checkbox.selected {
  background-color: #fcfcfc;
}

.Qpostpaid .popup .tooltip .main,
.tooltip .main,
.inlineCol .tooltip .main {
  position: absolute;
  left: auto;
  top: 0;
}

.Qpostpaid.step2 .payment .form {
  padding: 0 20px;
}

.Qpostpaid #header.fixed {
  top: 0;
}

.Qpostpaid.step2 #header {
  height: 95px;
}

.Qpostpaid.step2 #header.fixed {
  top: 0;
  height: 70px;
}

.Qpostpaid.step2 #header.fixed .logo {
  margin-top: 7px;
}

.Qpostpaid.step2 .inlineCol p {
  margin-top: 1em;
}

.Qpostpaid.step2.inlineCol .formBlock {
  margin-bottom: 0;
}

.Qpostpaid.step2 .sectionsWrap.inner .promo.noImg {
  height: 145px;
  padding-bottom: 0;
}

.Qpostpaid.step2 .inlineCol .btnBorder.white {
  background-color: #fff;
  border: 1px solid #35a8e0;
  color: #35a8e0;
  margin-top: 10px;
}

.Qpostpaid.step3 input.button,
.Qpostpaid.step3 a.button {
  text-align: center;
  font-size: 18px;
  padding: 12px 0;
  display: block;
}

.Qpostpaid.step3 .setInfo h2 {
  line-height: 42px;
}

.Qpostpaid.step3 .setInfo h2 span,
.eshopQ .sectionsWrap.inner .bundle.thankYou h2 span {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -248px -446px;
  width: 33px;
  height: 31px;
}

.Qpostpaid.step3 .form .field {
  margin-bottom: 20px;
}

.Qpostpaid.step3 .setInfo.errorPage h2 span {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -230px -393px;
  width: 21px;
  height: 25px;
  vertical-align: middle;
}

.tooltip.dHide .tooltipIcon {
  display: none;
}

.Qpostpaid .t_wrap .setInfo,
.Qpostpaid .t_col_12 .setInfo {
  text-align: left;
}

.Qpostpaid a.backBtn {
  position: relative;
  min-width: 65px;
}

.Qpostpaid a.backBtn .arrow {
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.Qpostpaid a.backBtn:hover .arrow {
  margin-right: 25px;
  margin-left: -5px;
}

.Qpostpaid a.backBtn span.text {
  position: relative;
  margin-left: -10px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.eshopQ .mainContent .wrapper {
  padding: 65px 0 0 0;
}

.eshopQ .sectionsWrap {
  background-color: #e7e5e3;
  padding-bottom: 65px;
}

.eshopQ .bundleWrapper {
  margin-right: 30px;
  margin-left: 0;
}

.eshopQ .bundleWrapper.right {
  margin-right: 0;
  margin-left: 0;
  float: right;
}

.eshopQ .sectionsWrap.inner .bundle {
  width: 100%;
  max-width: 620px;
  margin: 55px auto 65px;
  float: left;
}

.eshopQ .sectionsWrap.inner .bundle::before {
  content: " ";
  background: url("/ext_files/prepaid/q/media/left_bundle.png") no-repeat 0 0;
  left: -6px;
  height: 100%;
  position: absolute;
  width: 6px;
  top: 15px;
}

.eshopQ .sectionsWrap.inner .bundle::after {
  content: " ";
  background: url("/ext_files/prepaid/q/media/right_bundle.png") no-repeat 0 0;
  right: -9px;
  top: 15px;
  height: 100%;
  position: absolute;
  width: 9px;
}

.eshopQ .sectionsWrap.inner .right .bundle::before {
  left: -5px;
  height: calc(100% - 15px);
  position: absolute;
  width: 5px;
  top: 15px;
}

.eshopQ .sectionsWrap.inner .right .bundle::after {
  right: -6px;
  top: 15px;
  height: calc(100% - 15px);
  position: absolute;
  width: 6px;
}

.eshopQ .bundle .row,
.eshopQ .bundle .title {
  margin: 0;
  width: 100%;
}

.eshopQ .bundle .bubble span {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -260px -220px;
  width: 40px;
  height: 63px;
  display: inline-block;
}

.eshopQ .right .bundle .bubble span {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -125px -286px;
  width: 65px;
  height: 57px;
  display: inline-block;
}

.Qpostpaid.eshopQ .bundle .title {
  text-align: left;
  color: #504f4e;
  font-size: 17px;
  font-family: "Manrope-SemiBold";
  letter-spacing: 0;
  padding-bottom: 10px;
  padding-left: 20px;
  border: 0;
  text-align: left;
  width: 100%;
  margin-left: 0;
}

.stepsQ_new {
  margin: 0 0 0 0;
  padding: 0;
  width: 100.05%;
  float: left;
  overflow: hidden;
}

ul.stepsQ_new li {
  position: relative;
  float: left;
  background: #ff9951 none;
  text-align: center;
  color: #fff;
  font-size: 13px;
  padding: 0 0;
  line-height: 40px;
  font-family: "Manrope-Bold";
  width: 33.33333%;
}

ul.stepsQ_new li::before {
  content: " ";
  border-right: 1px solid #fff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

ul.stepsQ_new li:first-child::before {
  border-right: 0;
}

ul.stepsQ_new li.active {
  background: #ff8026;
}

.eshopQ .bundle .inner {
  width: 100%;
}

.eshopQ .bundle .row {
  border-bottom: 1px dotted #cbcbcb;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  margin: 0 0;
  position: relative;
  padding: 0 0;
  width: 100%;
}

.eshopQ .bundle .row.gri {
  background-color: #d5d5d5;
  margin-bottom: 5px;
}

.eshopQ .bundle .row.orange {
  background-color: #ff8026;
  margin-bottom: 5px;
  margin-bottom: 0;
  border-bottom: 0;
  border-top: 0;
}

.eshopQ .bundle .gri .title,
.eshopQ .bundle .orange .title {
  font-size: 13px;
  padding: 0 20px;
  line-height: 40px;
  width: auto;
}

.eshopQ .bundle .orange .title {
  color: #fff;
}

.eshopQ .formBlock {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: left;
  margin-top: 20px;
  border-bottom: 1px dotted #cbcbcb;
  width: 94%;
}

.eshopQ .bundle a.button {
  width: auto;
  padding: 12px 40px;
  font-size: 18px;
  margin-right: 3%;
}

.eshopQ .bundle .logobottom {
  position: absolute;
  left: 5%;
  bottom: 35px;
}

.eshopQ .infobox {
  display: inline-block;
  width: 87%;
}

.eshopQ .infobox .row {
  font-size: 14px;
  color: #2c1919;
  padding: 9px 0 7px;
  border-top: 1px dotted #cbcbcb;
  border-bottom: 0;
  line-height: 18px;
}

.eshopQ .infobox .row:first-child {
  border-top: 0;
}

.eshopQ .infobox .row .orange {
  color: #ec6b0a;
}

.eshopQ .form {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  width: 100%;
}

.formaEx .formBlock {
  border: 0;
}

.eshopQ .form .formaEx {
  display: inline-block;
  padding-bottom: 20px;
  margin-left: 20px;
}

.eshopQ .form .formaEx .field.full {
  max-width: 320px;
  margin-bottom: 10px;
}

.eshopQ .formaEx .formBlock {
  margin-top: 0;
}

.eshopQ .formaEx .radioBlock {
  margin-left: 20px;
}

.eshopQ .formaEx .radioBlock.inline .radio {
  margin-bottom: 10px;
  display: block;
}

.eshopQ .radioBlock.inline .radio label,
.Qpostpaid.eshopQ input.text {
  font-size: 13px;
  color: #666;
}

.eshopQ .radioBlock.inline .radio label {
  margin-right: 0;
  width: calc(100% - 22px);
}

.eshopQ .form .field {
  position: relative;
  margin-left: 0;
}

.eshopQ .form .field em {
  color: #666;
  font-size: 13px;
  font-family: "Manrope-Normal";
  font-style: normal;
  position: absolute;
  top: 0;
  right: -18px;
}

.eshopQ input.text::-webkit-input-placeholder {
  color: #666;
}

.eshopQ input.text:-moz-placeholder {
  color: #666;
}

.eshopQ input.text::-moz-placeholder {
  color: #666;
}

.eshopQ input.text:-ms-input-placeholder {
  color: #666;
}

.eshopQ .formBlock + .radioBlock {
  margin-top: 15px;
}

.eshopQ .formBlock + .radioBlock .radio {
  margin-bottom: 10px;
}

.eshopQ .formBlock + .radioBlock,
.eshopQ .formBlock .radioBlock {
  margin-left: 0;
}

.eshopQ .radioBlock.inline .radio.selected label {
  color: #ec6b0a;
}

.eshopQ .form .formaEx p {
  font-size: 13px;
  color: #999;
  max-width: 100%;
  font-family: "Manrope-Normal";
}

.eshopQ .form .formaEx p.info {
  padding-left: 30px;
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -18px -294px;
  font-size: 13px;
  line-height: 20px;
}

.eshopQ .form .formaEx {
  display: none;
}

.eshopQ .sectionsWrap.inner .bundleWrapper.right .bundle {
  margin-bottom: 30px;
}

.Qpostpaid .c2c,
.Qpostpaid .orangeBox {
  display: inline-block;
  width: calc(100% - 30px);
  text-align: left;
  padding: 7.5% 15px;
  background-color: #ec6e0b;
  color: #fff;
  font-family: "Manrope-Normal";
  font-size: 14px;
  position: relative;
  line-height: 20px;
}

.Qpostpaid .orangeBox {
  padding: 4%;
  width: 92%;
}

.c2c::before {
  content: " ";
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat 0 -366px;
  width: 5px;
  height: 11px;
  left: -4px;
  position: absolute;
  top: 10px;
}

.eshopQ .orangeBox a {
  color: #fff;
  font-weight: bold;
}

.eshopQ .orangeBox {
  font-size: 14px;
}

.c2c .title,
.eshopQ .orangeBox .title {
  display: inline-block;
  width: 100%;
  font-family: "Manrope-Bold";
  font-size: 17px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 1em;
}

.c2c .title span {
  font-family: "Manrope-Normal";
  font-size: 14px;
}

.c2c .text0,
.c2c .input {
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}

.c2c .text0 small {
  font-size: 12px;
}

.Qpostpaid .c2c input.text {
  background-color: #fff;
  color: #ec6e0b;
  font-size: 14px;
  line-height: 19px;
  padding: 5px 20% 5px 5%;
  font-family: "Manrope-Normal";
  width: 75%;
}

.c2c input.submit {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -243px -112px;
  width: 22px;
  height: 22px;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  padding: 0;
  border: 0;
}

.eshopQ .form .formaEx.inside {
  display: block;
  padding-top: 15px;
  text-align: left;
  padding: 20px 4%;
  width: 92%;
  margin: 0;
}

.eshopQ .form .field.select,
.eshopQ .form .field.captcha {
  width: 55%;
  padding-right: 5%;
}

.eshopQ .form .field.select .select-box {
  float: left;
  margin-right: 3%;
}

.eshopQ .form .field.select label,
.eshopQ .form .field.captcha label,
.eshopQ .form .checkbox.full label {
  font-size: 13px;
  color: #666;
  padding-top: 5px;
  font-family: "Manrope-Normal";
}

.eshopQ .form .checkbox.full label {
  padding-top: 0;
  vertical-align: middle;
}

.eshopQ .form .field.select .select-box .selected {
  font-size: 13px;
  color: #666;
}

.eshopQ .line {
  display: inline-block;
  height: 1px;
  border-top: 1px dotted #cbcbcb;
  width: 100%;
  margin: 10px 0 20px 0;
}

.eshopQ .formaEx.inside .formBlock {
  margin-left: 5%;
}

.eshopQ .form .formaEx.inside .field.select {
  margin-right: 0;
  width: 59.8%;
  margin-bottom: 10px;
}

.eshopQ .select .select-box .options ul li {
  font-size: 14px;
}

.eshopQ .form .formaEx.inside p {
  margin-left: 5%;
  margin-top: 10px;
}

.eshopQ .form .formaEx.inside a.button,
.eshopQ .form .formaEx.inside input.button {
  margin-right: 0;
  margin-left: 2.5%;
}

.eshopQ .form .formaEx.inside a.button,
.eshopQ .form a.button,
.eshopQ .form .formaEx.inside input.button,
.eshopQ .form input.button {
  border: 1px solid #35a8e0;
}

.eshopQ .form .formaEx.inside a.button.white,
.eshopQ .form .formaEx.inside input.button.white {
  background-color: #fff;
  color: #35a8e0;
  border: 1px solid #35a8e0;
}

.eshopQ .form .field.captcha label {
  padding-top: 0;
  margin-top: -5px;
}

.eshopQ .form .field.captcha + p {
  display: block;
  clear: both;
  margin-left: 0;
}

.eshopQ .form .checkbox.full {
  margin-bottom: 10px;
  font-size: 14px;
  margin-top: 0;
}

.eshopQ .form .checkbox .input {
  vertical-align: middle;
}

.eshopQ .form .checkbox label a {
  font-weight: bold;
}

.eshopQ .sectionsWrap.inner .bundle.thankYou {
  max-width: 960px;
}

.eshopQ .bundle.thankYou .title {
  padding-top: 10px;
  padding-left: 0;
}

.eshopQ .bundle.thankYou .inner {
  min-height: 380px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  width: 95%;
}

.eshopQ .bundle .inner {
  font-size: 100%;
}

.eshopQ .sectionsWrap.inner .bundle.thankYou {
  text-align: left;
}

.eshopQ .sectionsWrap.inner .bundle.thankYou h2 {
  margin-bottom: 0.5em;
}

.eshopQ .sectionsWrap.inner .bundle.thankYou h2 span {
  margin-top: -5px;
}

.eshopQ .sectionsWrap.inner .bundle.thankYou h2 + p {
  font-size: 14px;
}

.eshopQ .colsWrap > div .img {
  margin-bottom: 0;
}

.eshopQ .bundle.thankYou > div p.title {
  text-align: center;
  padding-top: 0;
  height: auto;
}

.eshopQ .colsWrap p.infoP {
  font-size: 13px;
  text-align: center;
  line-height: 16px;
}

.eshopQ .bundle.thankYou .bubble {
  margin-top: 0;
  margin-bottom: 15px;
}

.eshopQ .bundle.thankYou .cols4,
.eshopQ .bundle.thankYou .cols3 {
  margin: 50px 0 0 0;
}

.eshopQ .colsWrap > div .img span {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -170px -203px;
  width: 52px;
  height: 52px;
  display: inline-block;
}

.eshopQ .cols3 > div.eqItem:first-child .img span {
  background-position: -134px -384px;
  width: 55px;
  height: 61px;
}

.eshopQ .cols3 > div.eqItem:nth-child(2) .img span {
  background-position: -167px -194px;
  width: 55px;
  height: 61px;
}

.eshopQ .cols3 > div.eqItem:nth-child(3) .img span {
  background-position: -157px -52px;
  width: 55px;
  height: 91px;
}

.thirdParty {
  display: none;
}

.eshopQ .formBlock + .radioBlock {
  margin-bottom: 0;
}

.Qpostpaid.eshopQ .form p.error {
  margin-bottom: 10px;
  color: #d46060;
  margin-left: 0;
  font-size: 12px;
  display: block;
  clear: both;
}

.Qpostpaid .c2c .input p.error {
  position: absolute;
  top: 41px;
  color: #4e4444;
  font-size: 12px;
  line-height: 100%;
}

.Qpostpaid .field p.error {
  text-align: left;
}

.Qpostpaid.eshopQ .field.captcha .img,
.Qpostpaid.eshopQ .field.captcha .text {
  max-width: 135px;
}

.eshopQ .form .formaEx.inside a.button,
.eshopQ .form a.button,
.eshopQ .form .formaEx.inside input.button,
.eshopQ .form input.button {
  width: auto;
  text-align: center;
  margin-top: 10px;
  padding-left: 5%;
  padding-right: 5%;
}

.eshopQ .form .formaEx.inside input.button.alone,
.eshopQ .form input.button.alone {
  margin-top: 50px;
  margin-right: 3%;
  padding-left: 5%;
  padding-right: 5%;
}

.Qpostpaid #header #nav > li a,
.Qpostpaid #header #nav > li.home a {
  text-align: center;
  line-height: 17px;
}

.Qpostpaid #header #nav > li,
.Qpostpaid #header #nav > li.home {
  vertical-align: top;
}

.Qpostpaid .c2c.m-show {
  display: none;
}

.eshopQ .formaEx.inside .formBlock.oooo {
  z-index: 150;
  position: relative;
}

.eshopQ .field.select.opened {
  z-index: 999;
}

.Qpostpaid .promoCarouselWrap {
  display: none;
}

.Qpostpaid #promoSlider .promoText.right.style1 {
  float: none;
  text-align: right;
  color: #fff;
}

.Qpostpaid #promoSlider .promoText.right p {
  color: #fff;
}

.Qpostpaid #promoSlider .promoText.right .title {
  color: #fff;
  width: 100%;
  margin-left: 0;
  max-width: 100%;
  margin-top: 50px;
  margin-bottom: 5px;
}

.Qpostpaid #promoSlider .promoText.right p.center {
  width: 100%;
  text-align: right;
  max-width: 65%;
  margin-bottom: 35px;
}

.Qpostpaid #promoSlider .promoText.right .small {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 10px;
  text-align: right;
}

.Qpostpaid #promoSlider .promoText.right .small span.p {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  margin-right: 20px;
  line-height: 17px;
  font-size: 13px;
  color: #723509;
  font-family: "Manrope-Normal";
  font-style: italic;
}

.Qpostpaid .section .header .text .middle {
  color: #1aa4e8;
  display: inline-block;
  font-size: 34px;
  font-family: "Manrope-Extra-Bold";
  line-height: 34px;
  margin: 0 0 -15px -3px;
  width: 100%;
}

.Qpostpaid .section#promoBundles .header .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 100px;
}

.Qpostpaid .section#promoBundles .header .text span.text {
  margin-top: -10px;
  letter-spacing: -4px;
  font-size: 54px;
  line-height: 54px;
  padding-left: 2px;
}

.Qpostpaid .section .header .textWrap {
  margin: 0 2%;
  width: 34%;
  text-align: left;
}

.Qpostpaid .section .header img {
  float: left;
  position: absolute;
  top: 3px;
}

.Qpostpaid .section .header .line {
  width: 23%;
}

.Qpostpaid .section .header .text .top {
  top: auto;
  left: auto;
  position: relative;
}

.Qpostpaid .field.select .select-box .options ul {
  max-height: 150px;
  overflow-y: auto;
}

.Qpostpaid .section .bundle {
  width: 242px;
}

.Qpostpaid .bundle .row {
  border-bottom: 0 dotted #cbcbcb;
  border-top: 1px dotted #cbcbcb;
}

.Qpostpaid .bundle .row {
  margin: 0;
}

.Qpostpaid .bundle .row.first0 {
  width: 92%;
  margin: 0 4% 20px 4%;
  border-bottom: 0 dotted #cbcbcb;
  border-top: 0 dotted #cbcbcb;
  text-align: left;
}

.Qpostpaid .section .bundle .bubble.plus0 {
  background: url("/ext_files/prepaid/q/media/iconPlusBubble.png") no-repeat 0 0;
  width: 57px;
  height: 57px;
  margin: -28px 0 0;
}

.Qpostpaid .section .bundle .bubble {
  margin-top: 0;
  display: inline-block;
  width: 73px;
  height: 72px;
  background: url("/ext_files/prepaid/q/media/small_Bubble.png") no-repeat 0 0;
  vertical-align: middle;
  font-size: 45px;
  line-height: 72px;
  margin-bottom: 0;
  position: relative;
  background-size: 100%;
  letter-spacing: -2px;
}

.Qpostpaid .bundle .title {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin: 0 0 0 1%;
  font-size: 19px;
  border-bottom: 0;
  letter-spacing: -1px;
  padding-bottom: 0;
  line-height: 25px;
  text-align: left;
}

.Qpostpaid .bundle .row .text {
  color: #9c9c9c;
  font-size: 16px;
  font-family: "Manrope-SemiBold";
}

.Qpostpaid .bundle .row .text .orange {
  color: #d67706;
  font-size: 22px;
}

.Qpostpaid .section .bundle .bubble .small {
  position: absolute;
  bottom: -20px;
  left: 0;
  font-size: 10px;
  color: #eb6608;
  font-family: "Manrope-SemiBold";
  letter-spacing: -1px;
  line-height: 10px;
}

.section .bundlesWrap {
  position: relative;
  left: auto;
  top: auto;
  display: inline-block;
  margin-top: 40px;
}

.c2c.blue {
  display: inline-block;
  background-color: #1aa4e8;
  width: 80%;
  margin: 30px 5%;
  padding: 30px 5%;
  text-align: center;
  font-family: "Manrope-Normal";
  font-size: 25px;
  line-height: 100%;
}

.c2c.blue .title {
  font-family: "Manrope-Normal";
  font-size: 25px;
  line-height: 100%;
  margin-bottom: 0;
  position: relative;
}

.c2c.blue::before {
  content: " ";
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat 0 -401px;
  width: 5px;
  height: 11px;
  left: -4px;
  position: absolute;
  top: 10px;
}

.Qpostpaid .section#promoLogin {
  background-color: #e7e5e3;
}

.Qpostpaid #promoLogin div.text {
  width: 100%;
}

.Qpostpaid #promoLogin div.text .title {
  color: #eb6608;
  font-family: "Manrope-Extra-Bold";
  font-size: 64px;
  line-height: 68px;
  letter-spacing: -3px;
  margin-bottom: 0.5em;
}

.Qpostpaid #promoLogin div.text .button {
  margin-top: 20px;
}

.Qpostpaid #promoLogin .c2c {
  width: 80%;
  float: left;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 4%;
  max-width: 360px;
}

.Qpostpaid #promoLogin .wrapper {
  width: 40%;
  padding-left: 20%;
}

.eshopQ .bundle {
  padding-bottom: 20px;
}

.Qpostpaid .c2c .error.style2 {
  position: absolute;
  bottom: -30px;
}

.Qpostpaid .c2c .error.style2 p {
  font-size: 12px;
  text-align: left;
  line-height: 14px;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0;
  color: #f79e9e;
}

.eshopQ .sectionsWrap.inner .bundleWrapper.right .bundle {
  padding-bottom: 0;
}

.accCont table.type1 td {
  line-height: 1.5;
}

.eshopQ .sectionsWrap.inner .bundleWrapper.right .bundle .inner {
  padding-bottom: 20px;
  min-height: inherit;
}

.Qpostpaid div.intro p.intro {
  margin-bottom: 15px;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

.eshopQ .bundle .gri .title {
  width: 100%;
}

.eshopQ .bundle .orange .title {
  width: 100%;
}

.Qpostpaid #promoBundles .bundle .title {
  line-height: 98%;
}

.Qpostpaid #promoBundles .bundle .row .text {
  letter-spacing: -1px;
}

.bundlesNav_new {
  position: relative;
  left: 0;
  top: 20px;
  text-align: center;
  width: 100%;
  margin-top: 0;
}

.bundlesNav_new .owl-controls {
  display: none !important;
}

.bundlesNav_new .icon.inactive {
  cursor: default;
  opacity: 0.17;
  filter: alpha(opacity=17);
}

.bundlesNav_new .text {
  color: #6d6561;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  margin: 0 20px;
}

.bundlesNav_new .icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 21px;
}

.bundlesNav_new .next {
  background-position: -43px -774px;
}

.bundlesNav_new .prev {
  background-position: -76px -774px;
}

.Qpostpaid.step2 .formBlock {
  margin-bottom: 0;
}

.Qpostpaid .field.tooltipField.error .tooltip.topLeft {
  top: 40%;
}

.Qpostpaid .notesBox {
  width: 90%;
  display: inline-block;
  padding: 0 5%;
}

.Qpostpaid .notesBoxWrapper .accItem {
  margin-bottom: 5px;
  text-align: left;
}

.Qpostpaid .notesBoxWrapper .notesBoxHead {
  border-bottom: 1px solid #333;
  color: #333;
  cursor: pointer;
  font-size: 18px;
  font-family: "Manrope-SemiBold";
  line-height: 24px;
  padding: 10px 40px 10px 0;
  position: relative;
}

.Qpostpaid .notesBoxWrapper .notesBoxContent p {
  color: #5c5c5c;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 18px;
}

.Qpostpaid .notesBoxWrapper.style2 .notesBoxHead {
  padding: 0 20px 0 20px;
}

.Qpostpaid .notesBoxWrapper.style2 .notesBoxHead .inner {
  padding: 10px 20px 10px 0;
}

.Qpostpaid .notesBoxWrapper .notesBoxHead .icon {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -50px -363px;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 11px;
}

.Qpostpaid .notesBoxWrapper .notesBoxItem.open .notesBoxHead .icon {
  background: url("/ext_files/prepaid/q/media/sprite_postpaid.png") no-repeat -56px -405px;
}

.Qpostpaid .notesBoxWrapper .notesBoxContent {
  display: none;
  padding: 5px 40px 10px 0;
}

.Qpostpaid .notesBoxWrapper .notesBoxItem.open .notesBoxContent {
  display: block;
}

.Qpostpaid .notesBoxWrapper .notesBoxContent,
.Qpostpaid .notesBoxWrapper .notesBoxContent p {
  color: #5c5c5c;
  font-size: 14px;
  line-height: 24px;
}

.Qpostpaid .notesBoxWrapper .notesBoxContent li {
  margin-bottom: 1em;
}

.Qpostpaid .notesBoxWrapper {
  margin: 0;
}

.Qpostpaid .notesBoxWrapper .notesBoxItem.open .notesBoxContent {
  display: block;
}

.bottomImg_tablet {
  display: none;
}

.no-touch .Qpostpaid #promoSlider.owl-carousel {
  width: 100% !important;
}

.jspVerticalBar {
  top: 0;
  right: 0;
  width: 5px;
}

.jspDrag {
  background: #000;
  opacity: 0;
  border-radius: 4px 4px;
}

.jspTrack,
.jspVerticalBar {
  background: transparent;
}

.jspHorizontalBar {
  width: 100%;
  background: transparent;
}

img.bottomImg {
  display: block;
  float: right;
}

img.bottomImg_tablet {
  max-width: 276px;
  width: 100%;
  display: none;
}

.Qpostpaid #promoSlider .promoText .scroll2 .topImg {
  max-width: 444px;
  width: 100%;
}

.Qpostpaid #promoSlider .promoText {
  margin-top: 182px;
}

.newsletterPayment {
  display: none;
}

.Qpostpaid #header #nav {
  height: 57px;
}

.Qpostpaid input.button,
.Qpostpaid a.button {
  overflow: hidden;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.Qpostpaid input.button:hover,
.Qpostpaid a.button:hover {
  background-color: #1f9bde;
  overflow: hidden;
}

.section {
  height: 100vh;
}

.Qpostpaid .c2c input.text {
  width: calc(75% - 2px);
}

.section#promo {
  height: calc(100vh - 70px);
}

.cookiesBar + .tabs_Qpostpaid + #mobNav + .mainWrapper .section#promo {
  height: calc(100vh - 100px);
}

.tabs_Qpostpaid + #mobNav + .mainWrapper .section#promo {
  height: calc(100vh - 70px);
}

.Qpostpaid #header .logo,
.Qpostpaid #header .tools {
  margin-top: 10px;
}

.Qpostpaid #header {
  height: 111px;
}

.Qpostpaid #header.fixed {
  height: 70px;
}

.Qpostpaid #header #nav {
  margin-top: 3px;
}

.Qpostpaid .megaMenu {
  top: 111px;
}

.Qpostpaid #header #nav > li,
.Qpostpaid #header #nav > li.home {
  height: 57px;
  line-height: 19px;
}

.Qpostpaid .mainContent.newTemplate .navBar + .wrapper,
.Qpostpaid .mainContent.newTemplate .navBar + .wrapper p,
.Qpostpaid .mainContent.newTemplate .navBar + .wrapper ul,
.Qpostpaid .mainContent.newTemplate .navBar + .wrapper li,
.Qpostpaid .mainContent.newTemplate .navBar + .wrapper .blockTitle {
  text-align: left;
}

.Qpostpaid .cols2 .col,
.Qpostpaid .cols2.type1 .col {
  margin-left: 0;
  margin-right: 0;
}

.Qpostpaid .field p.error {
  float: left;
}

.Qpostpaid .mainWrapper {
  top: -3px;
}

.Qpostpaid #header #nav li .arrow {
  margin-top: -18px;
}

.Qpostpaid #header #nav > li a,
.Qpostpaid #header #nav > li.home a {
  height: 49px;
  padding-top: 8px;
}

.Qpostpaid .section .bundle .bubble sup {
  font-size: 21px;
  top: -1.2em;
  font-family: Manrope-Bold;
}

.Qpostpaid #header.fixed #nav > li,
.Qpostpaid #header.fixed #nav > li.home {
  height: 57px;
}

.Qpostpaid #header.fixed #nav > li a,
.Qpostpaid #header.fixed #nav > li.home a {
  height: 49px;
}

.Qpostpaid #header.fixed #nav li .arrow {
  margin-top: -13px;
}

.Qpostpaid .mapSearch .form input.button,
.Qpostpaid .mapSearch .form a.button {
  width: auto;
  padding: 9px 30px;
}

.Qpostpaid .navBar + .wrapper {
  text-align: left;
}

.Qpostpaid .mainContent.newTemplate .faqTemp {
  text-align: left;
}

.Qpostpaid .faqTemp .left,
.Qpostpaid .faqTemp .right {
  float: none;
}

.Qpostpaid #promoBundles .bundle .row .text {
  width: 90%;
  padding: 0 5%;
}

.Qpostpaid .navBar + .wrapper .colsWrap > div p.title,
.Qpostpaid .navBar + .wrapper .colsWrap > div p.title + p {
  text-align: center;
}

.Qpostpaid .navBar + .wrapper + form {
  text-align: left;
}

.Qpostpaid .navBar + .wrapper + .content.gray {
  text-align: left;
}

.section.heightAuto {
  min-height: 100vh;
  height: auto;
}

.Qpostpaid.step3 .cookiesBar input.button,
.Qpostpaid.step3 .cookiesBar a.button {
  display: inline-block;
  font-size: 11px;
  padding: 3px 9px;
}

.Qpostpaid.step3 .tabs_Qpostpaid {
  height: 68px;
}

.icon.services {
  background-image: url("/ext_files/prepaid/q/media/q_faq_services_icon.png");
  background-repeat: no-repeat;
  background-position: 1px 0;
  width: 30px;
  height: 30px;
}

.active .icon.services {
  background-position: -40px 0;
}

.Qpostpaid .mainContent.newTemplate .faqTemp + .wrapper {
  text-align: left;
}

.Qpostpaid .field.select .select-box .options ul {
  width: 89%;
}

html {
  overflow-x: hidden;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.Qpostpaid #header .logo.en a {
  background: url("/ext_files/prepaid/q/media/Qantilogo1.png") no-repeat scroll
    center top;
  background-size: 100% auto;
}

.Qpostpaid .select.connections .select-box.m_show {
  display: none;
}

.Qpostpaid .select.connections .select-box.m_hide {
  display: block;
}

.Qpostpaid .section #bundlesCarousel_2_new.bundlesWrap {
  width: 70%;
  text-align: center;
  margin: 0 auto;
}

.Qpostpaid .section #bundlesCarousel_2_new .bundle {
  width: 300px;
}

.Qpostpaid #promoSlider .slide.style1 .img {
  background-size: 95% auto;
  background-position: left bottom;
}

.Qpostpaid .section .qlogo {
  background-image: none;
}

.Qpostpaid .videoSection.open {
  height: calc(100vh - 70px);
}

.playButton_Q {
  position: absolute;
  left: 45%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background: url("/ext_files/prepaid/q/media/playButton.png") no-repeat center
    center;
  background-size: 100% auto;
  opacity: 0.7;
  width: 100px;
  height: 100px;
  z-index: 150;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.playButton_Q a {
  width: 100%;
  height: 100%;
  float: left;
}

.playButton_Q:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.Qpostpaid #promoSlider .promoText.right .title {
  margin-top: 0;
}

#header.fixed .tools .myAccount {
  min-width: inherit;
}

#header.fixed .tools .myAccount .text {
  margin: 0;
}

#header.fixed .tools .myAccount .account {
  margin-right: 10px;
}

.payment input.text {
  background-color: #fff;
  border-color: #bfbfbf;
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 18px;
  text-align: left;
  width: 100%;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.payment input.text:focus {
  border: 1px solid #bfbfbf;
  border-radius: 0;
  margin: 0;
}

.payment .button.btnBlue span {
  position: relative;
  z-index: 9;
}

.payment .button.btnBlue {
  position: relative;
}

.payment .button.btnBlue:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  content: "";
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.payment .button.btnBlue:after {
  background: #42c6f3;
}

.no-touch .payment .button.btnBlue:hover:after {
  left: 0;
  width: 100%;
}

.Qpostpaid.step3 .setInfo h2 {
  color: #333;
  font-family: "Manrope-Bold";
  font-weight: normal;
  font-size: 30px;
  margin: 0 0 18px;
  line-height: 1.3;
}

.popup .content.nsp_iframe {
  width: 585px;
  color: #fff;
  font-size: 18px;
}

.popup .content.nsp_iframe p {
  color: #fff;
}

.popup .content.nsp_iframe h3 {
  color: #462309;
  font-family: "Manrope-Extra-Bold";
  font-size: 50px;
  margin-bottom: 20px;
}

.popup .content.nsp_iframe h3 + p {
  font-size: 21px;
  color: #462309;
  font-family: "Manrope-SemiBold";
  line-height: 120%;
}

.nsp_iframe .nsp_choise {
  float: left;
  width: 100%;
  padding-top: 20px;
}

.nsp_iframe .nsp_choise .left {
  float: left;
  width: 275px;
  text-align: center;
}

.nsp_iframe .nsp_choise .left .img {
  display: block;
  text-align: right;
  line-height: 100%;
  vertical-align: middle;
  margin: 0 auto;
}

.nsp_iframe .nsp_choise .right {
  float: left;
  width: 310px;
  text-align: center;
  margin-top: 60px;
}

.nsp_iframe .nsp_choise .right a {
  display: block;
  clear: both;
  width: 231px;
  background-color: #35a8e0;
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-decoration: none;
}

.nsp_iframe .forma {
  display: block;
  clear: both;
  text-align: left;
  color: #fff;
}

.nsp_iframe .forma .row {
  float: left;
  width: 100%;
  position: relative;
}

.nsp_iframe .forma .row.email {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 20px;
}

.nsp_iframe .forma .row.email p {
  color: #462309;
  font-size: 14px;
}

.nsp_iframe .forma .row.email input {
  width: 45%;
  padding: 10px 2%;
}

.nsp_iframe .forma .field {
  margin-bottom: 20px;
  position: relative;
}

.nsp_iframe .forma .radioBlock {
  margin-bottom: 5px;
}

.nsp_iframe .forma .input {
  background: url(../media/radioButtons.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
}

.nsp_iframe .forma .radioBlock .radio {
  margin-right: 8px;
  cursor: pointer;
}

.nsp_iframe .forma .radio.selected .input {
  background: url(../media/radioButtons.png) no-repeat 0 -17px;
}

.nsp_iframe .forma .radio.selected .input input {
  vertical-align: top;
}

.nsp_iframe .radioBlock .radio label {
  color: #fff;
  font-size: 14px;
  font-family: "Manrope-Normal";
}

.nsp_iframe .blockTitle {
  border-bottom: 0;
  color: #462309;
  font-size: 18px;
  font-family: "Manrope-Bold";
  line-height: 20px;
  margin-bottom: 0;
  padding-bottom: 8px;
  margin-top: 0 !important;
}

.nsp_iframe .checkbox .input {
  background-position: -314px -49px;
  display: inline-block;
  width: 17px;
  height: 17px;
}

.nsp_iframe .checkbox .icon {
  background-image: url("../../Files/MyQ/icons.png");
  background-repeat: no-repeat;
}

.nsp_iframe .checkbox .icon input {
  vertical-align: top;
}

.nsp_iframe .form .checkbox.full {
  display: inline-block;
  margin: 14px 0 15px 0;
  width: 100%;
  color: #7d3804;
}

.nsp_iframe .form .checkbox.full label {
  color: #7d3804;
}

.nsp_iframe .form .checkbox.full.noMargin {
  margin: 0 0 16px;
}

.nsp_iframe .form .checkbox.selected .input {
  background-position: -287px -49px;
}

.nsp_iframe .form .checkbox.selected .input input {
  vertical-align: top;
}

.nsp_iframe .forma .blockTitle span {
  color: #462309;
  font-size: 18px;
  font-family: "Manrope-Normal";
}

.nsp_iframe .forma .left,
.nsp_iframe .forma .right {
  width: 48%;
  padding-left: 2%;
  float: left;
}

.nsp_iframe .forma .left .radio,
.nsp_iframe .forma .right .radio {
  width: 100%;
  display: block;
}

.nsp_iframe .forma .radioBlock.full {
  margin-top: 0;
}

.nsp_iframe .forma .radioBlock.full .radio {
  width: 98%;
  display: block;
  padding-left: 2%;
}

.nsp_iframe .forma .line {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #d36314;
}

.nsp_iframe .forma input.button,
.nsp_iframe .forma a.button {
  padding: 9px 40px;
}

.nsp_iframe .forma .row.email input::-webkit-input-placeholder {
  color: #666;
}

.nsp_iframe .forma .row.email input:-moz-placeholder {
  color: #666;
  opacity: 1;
}

.nsp_iframe .forma .row.email input::-moz-placeholder {
  color: #666;
  opacity: 1;
}

.nsp_iframe .forma .row.email input:-ms-input-placeholder {
  color: #666;
}

.popup .content.nsp_iframe.nsp_thnks {
  width: 605px;
  color: #fff;
  font-size: 18px;
  width: 605px;
}

.popup .content.nsp_iframe.nsp_thnks p {
  color: #fff;
  font-family: "Manrope-Normal";
  font-size: 21px;
  line-height: 27px;
}

.popup .content.nsp_iframe.nsp_thnks h3 {
  color: #462309;
  font-family: "Manrope-Extra-Bold";
  font-size: 30px;
  margin-bottom: 20px;
  letter-spacing: -1px;
}

.popup .content.nsp_iframe.nsp_thnks h3 span {
  display: block;
  clear: both;
  font-size: 21px;
  color: #462309;
  font-family: "Manrope-SemiBold";
}

.nsp_iframe.nsp_thnks .left {
  float: left;
  width: 275px;
  text-align: center;
}

.nsp_iframe.nsp_thnks .left .img {
  display: block;
  text-align: right;
  line-height: 100%;
  vertical-align: middle;
  margin: 0 auto;
}

.nsp_iframe.nsp_thnks .right {
  float: left;
  width: 330px;
  text-align: center;
  margin-top: 60px;
}

.nsp_iframe.nsp_thnks .right a {
  display: block;
  clear: both;
  width: 350px;
  margin-left: -40px;
  background-color: #35a8e0;
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-decoration: none;
}

.nsp_iframe.nsp_thnks .line {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #462309;
  margin: 20px 0 30px 0;
}

.nsp_iframe.nsp_thnks .textareaBox.full {
  display: inline-block;
  margin: 5px 0 15px 0;
  width: 100%;
}

.nsp_iframe.nsp_thnks .textareaBox.full p {
  color: #462309;
  font-size: 21px;
}

.nsp_iframe.nsp_thnks .textareaBox.full p span {
  font-size: 18px;
}

.nsp_iframe.nsp_thnks .forma input.button,
.nsp_iframe.nsp_thnks .forma a.button {
  padding: 9px 40px;
}

.nsp_iframe .forma .form .error {
  color: #da1223;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  left: 0;
  bottom: 10px;
  line-height: 15px;
}

.nsp_iframe .forma .form .checkbox.full + .error {
  bottom: 6px;
}

.nsp_iframe .forma .form .row.email .error {
  bottom: -20px;
}

.nsp_iframe .forma .radioBlock .radio input {
  vertical-align: middle;
}

body {
  -webkit-text-size-adjust: 100%;
}

@-moz-document url-prefix() {
  button::-moz-focus-inner,
  input[type="image"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner {
    border: 0;
  }

  textarea {
    resize: none;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    -webkit-appearance: button;
  }

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

  textarea {
    resize: none;
  }

  input[type="checkbox"],
  input[type="radio"] {
    vertical-align: -2px;
  }

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

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

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

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p {
  line-height: 1.5;
  margin-top: 0;
}

input {
  outline: none;
}

img {
  max-width: 100%;
  display: block;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.bold {
  font-weight: 600;
}

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

h1,
h2,
h3,
h4 {
}

.hvBold {
  font-weight: 900;
}

b {
  font-weight: 600;
}

.fLight {
  font-weight: 300;
}

.mdOverflowNo {
  overflow: hidden;
}

.overflowNo {
  overflow: hidden;
}

button {
  cursor: pointer;
}

.marg0 {
  margin: 0;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0071dc;
  z-index: 9999;
}

.loading.close {
  opacity: 0;
  visibility: hidden;
  transition: 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
}

.loading .loadBox {
  padding: 2rem;
  width: 100%;
  max-width: 120px;
  text-align: center;
}

.loader9:before {
  content: "";
  position: absolute;
  top: 0;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  -webkit-animation: loader9g 3s ease-in-out infinite;
  animation: loader9g 3s ease-in-out infinite;
}

.loader9 {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 12px auto;
}

.loader9:after {
  content: "";
  position: absolute;
  top: 0;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  -webkit-animation: loader9d 3s ease-in-out infinite;
  animation: loader9d 3s ease-in-out infinite;
}

.loading .topLine {
  width: calc(100% - 60px);
  max-width: 1024px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 50px auto 0 auto;
}

@-webkit-keyframes loader9g {
  0% {
    left: -25px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  50% {
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }

  100% {
    left: -25px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@keyframes loader9g {
  0% {
    left: -25px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  50% {
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }

  100% {
    left: -25px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@-webkit-keyframes loader9d {
  0% {
    left: 25px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  50% {
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }

  100% {
    left: 25px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@keyframes loader9d {
  0% {
    left: 25px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  50% {
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }

  100% {
    left: 25px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.bgBlack {
  background-color: #000;
}

.bgWhite {
  background-color: #fff9f0;
}

.bgGray {
  background-color: #eee7d6;
}

.bgGrayLight {
  background-color: #f9f3e4;
}

.bgBeige {
  background-color: #f7d0af;
}

.bgOrange {
  background-color: #f54d23;
}

.bgBlue {
  background-color: #0e28b8;
}

.bgGreen {
  background-color: #3fd3d0;
}

.clrWhite {
  color: #fff;
}

.clrBlack {
  color: #000;
}

.clrOrange {
  color: #f54d23;
}

.tcenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.clearfix {
  clear: both;
}

.upCase {
  text-transform: uppercase;
}

.spacer {
  margin: 1rem 0;
}

.inline {
  display: inline-block;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.noFloat {
  float: none;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.row {
  clear: both;
}

.row:before {
  content: " ";
  display: table;
  clear: both;
}

.row:after {
  content: " ";
  display: table;
  clear: both;
}

[class*="col_"] {
  padding: 0 15px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col_12 {
  width: 100%;
  float: none;
}

.col_11 {
  width: 91.66%;
}

.col_10 {
  width: 83.33%;
}

.col_9 {
  width: 75%;
}

.col_8 {
  width: 66.66%;
}

.col_7 {
  width: 58.33%;
}

.col_6 {
  width: 50%;
}

.col_5 {
  width: 41.66%;
}

.col_4 {
  width: 33.33%;
}

.col_3 {
  width: 25%;
}

.col_2 {
  width: 16.66%;
}

.col_1 {
  width: 8.33%;
}

.colCenter {
  margin: 0 auto;
  float: none;
}

.colCustom400 {
  width: 100%;
  max-width: 400px;
}

.colLeft8 {
  margin-left: 66.66%;
}

.colLeft6 {
  margin-left: 50%;
}

.colLeft5 {
  margin-left: 41.66%;
}

.colLeft4 {
  margin-left: 33.33%;
}

.colLeft2 {
  margin-left: 16.66%;
}

.colLeft1 {
  margin-left: 8.33%;
}

.noPad {
  padding-left: 0;
  padding-right: 0;
}

.noPadLeft {
  padding-left: 0;
}

.noPadRight {
  padding-right: 0;
}

[class*="flexClm"] {
  padding: 0 15px;
  flex-grow: 0;
  flex-shrink: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexClm12 {
  flex-basis: 100%;
  max-width: 100%;
}

.flexClm11 {
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.flexClm10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.flexClm9 {
  flex-basis: 75%;
  max-width: 75%;
}

.flexClm8 {
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.flexClm7 {
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.flexClm6 {
  flex-basis: 50%;
  max-width: 50%;
}

.flexClm5 {
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.flexClm4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.flexClm3 {
  flex-basis: 25%;
  max-width: 25%;
}

.flexClm2 {
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.flexClm1 {
  flex-basis: 8.33%;
  max-width: 8.33%;
}

[class*="hgt"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hgt12 {
  height: 100%;
}

.hgt11 {
  height: 91.66%;
}

.hgt10 {
  height: 83.33%;
}

.hgt9 {
  height: 75%;
}

.hgt8 {
  height: 66.66%;
}

.hgt7 {
  height: 58.33%;
}

.hgt6 {
  height: 50%;
}

.hgt5 {
  height: 41.66%;
}

.hgt4 {
  height: 33.33%;
}

.hgt3 {
  height: 25%;
}

.hgt2 {
  height: 16.66%;
}

.hgt1 {
  height: 8.33%;
}

.container {
  width: 100%;
  max-width: 1084px;
  margin: 0 auto;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerNoPad {
  width: 100%;
  max-width: 1084px;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerFull {
  width: 100%;
  padding: 0 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerSmall {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1084px;
  margin: 0 auto;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexRowContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexRowCenterContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ie11 .trailerCommercialV2 .flexRowCenterContainer {
  justify-content: flex-start;
}

.padLeft {
  padding-left: 60px;
}

.overNo {
  width: 100%;
  overflow: hidden;
}

.imgCon {
  padding: 0;
}

.toRightContainer {
  padding-left: 60px;
}

.darkMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 28, 28, 0.7);
  transition: 0.3s ease-out;
  z-index: 3;
}

.darkMask.lightMask {
  background-color: rgba(30, 28, 28, 0.5);
}

.gradientMask {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(
    top,
    rgba(138, 146, 155, 0) 0%,
    rgba(138, 146, 155, 0.4) 40%,
    rgba(117, 129, 137, 0.99) 99%,
    rgba(117, 129, 137, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(138, 146, 155, 0) 0%,
    rgba(138, 146, 155, 0.4) 40%,
    rgba(117, 129, 137, 0.99) 99%,
    rgba(117, 129, 137, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(138, 146, 155, 0) 0%,
    rgba(138, 146, 155, 0.4) 40%,
    rgba(117, 129, 137, 0.99) 99%,
    rgba(117, 129, 137, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#758189', GradientType=0);
}

.cmnBtn {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  padding: 10px 30px;
  margin-top: 20px;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
}

.f54Title {
  font-size: 3.375rem;
}

.f48Title {
  font-size: 3rem;
}

.f44Title {
  font-size: 2.75rem;
}

.f40Title {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
  margin: 50px 0 30px 0;
}

.f32Title {
  font-size: 2rem;
}

.f28Title {
  font-size: 1.75rem;
  font-weight: bold;
  color: #4c4c4c;
  margin: 15px 0 30px 0;
}

.f25Title {
  font-size: 1.5625rem;
  font-weight: bold;
}

.f24Title {
  font-size: 1.5rem;
}

.f20Title {
  font-size: 1.25rem;
}

.f16Title {
  font-size: 1rem;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.f14 {
  font-size: 14px;
}

.f12 {
  font-size: 12px;
}

.cmnTitle {
  position: relative;
  font-size: 3.5rem;
  margin-top: 0;
  font-weight: 900;
  line-height: 1.2;
}

.aboveSideTitle {
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: -8px;
  line-height: 1;
}

.qLtr {
  position: absolute;
  width: 63px;
  height: 78px;
  background-image: url("");
}

.innerGridTitle {
  padding-left: 30px;
}

.secTitle {
  font-weight: 800;
  margin-bottom: 25px;
  line-height: 1.2;
}

.mainHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  padding: 10px 0;
  max-height: 72px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mainHeader .mainLogo {
  margin: 0;
  flex-basis: 15%;
  max-width: 15%;
}

.mainHeader .mainLogo a {
  display: block;
  width: 70px;
  margin: 0;
}

.mainHeader .flexContainer {
  max-width: 1500px;
  justify-content: space-between;
}

.mainMenu {
  flex-grow: 1 0 auto;
}

.mainMenu a {
  position: relative;
  display: block;
  font-size: 1rem;
  padding-bottom: 5px;
  color: #fff9f0;
  text-transform: uppercase;
}

.mainMenu ul > li {
  display: inline-block;
  padding: 0 20px;
  margin-top: 15px;
}

.mainMenu ul > li > a {
  transition: 0.2s ease-out;
}

.mainMenu ul > li > a::after {
  content: "";
  width: 0;
  transition: width 0.2s ease-out;
}

.mainMenu ul > li > a:hover {
  color: #3fd3d0;
}

.mainMenu ul > li > a:hover::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3fd3d0;
}

.menuToolsWrap {
  margin-top: 13px;
  flex-basis: 15%;
  max-width: 15%;
  text-align: right;
}

.menuTools {
  margin: 0;
}

.menuTools li {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.menuTools li:last-child {
  margin: 0;
}

.menuTools li > a {
  display: block;
  width: 18px;
  height: 18px;
  color: #fff9f0;
  transition: color 0.2s ease-out;
}

.menuTools li.iconProfile {
  padding: 5px;
  border-radius: 50em;
  background-color: #3fd3d0;
}

.menuTools li > a:hover {
  color: #3fd3d0;
}

.menuTools li > a svg {
  fill: currentColor;
}

.mainFooter {
  padding: 50px 0;
}

.footTitle {
  font-size: 12px;
  margin: 30px 0 15px;
  text-transform: uppercase;
}

.footList li {
  font-size: 14px;
  color: #22242f;
  margin-bottom: 15px;
}

.footList li a {
  color: #22242f;
}

.blockSpan {
  display: block;
  font-size: 10px;
}

.footSocials {
  margin-top: 35px;
}

.footSocials li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

.footSocials li a {
  display: inline-block;
  color: #3fd3d0;
  height: 20px;
  transition: 0.3s ease;
}

.footSocials li a:hover {
  color: #000;
}

.footSocials li a svg {
  width: auto;
  height: 100%;
  fill: currentColor;
}

.footNewsLetterForm {
  position: relative;
  margin-bottom: 20px;
}

.footNewsLetterForm input[type="email"] {
  font-size: 1rem;
  border: none;
  color: #fff;
  border-radius: 40px;
  padding: 15px 30px;
  width: calc(100% + 29px);
  margin-left: -29px;
  background-color: #3fd3d0;
  box-sizing: border-box;
}

.footNewsLetterForm .footSubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 50px;
  border: none;
  background-color: transparent;
  background-image: url("../Images/footSubmit.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.footNewsLetterForm input[type="email"]::-webkit-input-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]::-moz-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]:-ms-input-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]:-moz-placeholder {
  opacity: 1;
}

.footBottom {
  font-size: 10px;
  color: #000;
  margin-top: 70px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footBottom ul {
  text-align: center;
}

.footBottom a {
  color: #000;
}

.footBottom li {
  display: inline-block;
  padding: 0 15px;
  text-transform: uppercase;
}

.copyR img {
  display: inline-block;
  width: 24px;
  margin-top: -4px;
  margin-right: 20px;
  vertical-align: top;
}

.copyR span {
  vertical-align: top;
}

.madeBy img {
  max-width: 121px;
  float: right;
}

.field-validation-error {
  color: #d46060;
  font-size: 14px;
  line-height: 15px;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: "Manrope-Normal";
  max-width: 100%;
  padding: 0 13px;
  display: inline-block;
}

.input.text.input-validation-error {
  border: 4px solid #f79e9e;
}

.loading {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
}

.loading.enable {
  display: block;
}

.cols2 img.full {
  margin: 20px auto 0 auto;
}

.colsWrap > div .cnt {
  box-sizing: border-box;
}

table.table2_3 th,
table.table2_3 td {
  min-width: 100px;
}

.faqTemp .accCont .inner {
  overflow: auto;
}

.popContent .inner p {
  font-size: 14px;
  line-height: 1.6;
}

.field.checkbox label {
  margin-bottom: 0;
  vertical-align: middle;
}

#myQiframe input.revert.button,
#myQiframe a.revert.button {
  border: 2px solid #f54d23;
  background-color: transparent;
  color: #f54d23;
}

#myQiframe input.button.revert:hover,
#myQiframe a.button.revert:hover {
  border-color: #0e28b8;
  background-color: #0e28b8;
  color: #fff;
}

.grecaptcha-badge {
  bottom: 100px !important;
}

#cookies-popup h3 {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 0;
  display: block;
  font-family: "Manrope-Extra-Bold";
  font-weight: normal;
  line-height: 1;
}

.counterOffer .donut__svg__circle--one {
  stroke-dasharray: 880.48668;
  stroke-dashoffset: 0;
}

.counterOffer .donut__svg__circle--one {
  -webkit-animation: donut-show-one 120s linear infinite;
  animation: donut-show-one 120s linear infinite;
  -webkit-transition: stroke-dasharray 400ms ease-in-out;
  transition: stroke-dasharray 400ms ease-in-out;
}

@-webkit-keyframes donut-show-one {
  to {
    stroke-dashoffset: 880.48668;
  }
}

@keyframes donut-show-one {
  to {
    stroke-dashoffset: 880.48668;
  }
}

@-webkit-keyframes bgClock {
  100% {
    background-position: -3240px;
  }
}

@-moz-keyframes bgClock {
  100% {
    background-position: -3240px;
  }
}

@-o-keyframes bgClock {
  100% {
    background-position: -3240px;
  }
}

@keyframes bgClock {
  100% {
    background-position: -3240px;
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 14px;
    line-height: 16px;
  }

  ul li {
    background-image: url("/ext_files/prepaid/q/media/plusIconMob.png");
    font-size: 14px;
    line-height: 19px;
    padding: 0 0 12px 12px;
  }

  #promoDevices .wrapper {
    width: 100%;
  }

  #footer .wrapper {
    width: 85%;
  }

  body .wrapper {
    width: 96%;
  }

  #footer .footer_btm {
    padding: 9px 0 23px;
    text-align: center;
  }

  #footer .footer_btm ul {
    margin-left: 2%;
    text-align: left;
    width: 98%;
  }

  #footer .footer_btm ul li.left {
    clear: left;
  }

  #footer .footer_btm a.atcom {
    display: inline-block;
    float: none;
    margin-top: 26px;
  }

  #footer .block {
    margin: 0;
    width: 100%;
  }

  #footer .block.quickLinks {
    display: none;
  }

  #footer .block .inner {
    margin-bottom: 19px;
  }

  #footer .block p.title {
    margin-bottom: 7px;
  }

  #promoDevices.section .header {
    margin-left: 5%;
    top: 0;
    width: 95%;
  }

  .section .header .textWrap img,
  .section .header .line:first-child {
    display: none;
  }

  .section .header .text span.top,
  .section .header .text span.btm {
    font-size: 10px;
  }

  .section .header .text span.top {
    top: -7px;
  }

  .section .header .text span.text {
    font-size: 47px;
    line-height: 49px;
  }

  .section .header .text span.top {
    width: 40%;
  }

  #footer .newsletter {
    margin-bottom: 30px;
    max-width: 500px;
    width: 100%;
  }

  #footer .newsletter .submit {
    width: 30%;
  }

  #footer .newsletter .text {
    padding: 0 5% 0 10%;
    width: 55%;
  }

  .section .header {
    margin-top: 19px;
    text-align: left;
  }

  .section .header .textWrap {
    margin-left: 0;
  }

  .section .bundle {
    padding-bottom: 16px;
    max-width: 370px;
    width: 94%;
  }

  .homepage #sectionsNav,
  #sectionsNav {
    display: none;
  }

  #promoLogin div.text {
    margin-top: 17px;
    width: 98%;
  }

  #promoLogin .img {
    background-position: 9% bottom;
    background-size: auto 56%;
    top: 0%;
    height: 100%;
  }

  #promoLogin .text div.fieldBlock {
    margin: 9px 0 0 0;
    max-width: 476px;
    width: 100%;
    height: 34px;
  }

  #promoLogin .fieldBlock .text {
    background-size: 9px auto;
    font-size: 12px;
    padding: 0 5% 0 9%;
    width: 56%;
  }

  #promoLogin .fieldBlock .submit {
    font-size: 11px;
    width: 30%;
  }

  #promoLogin .text div .myQ {
    font-size: 70px;
  }

  #promoLogin .text div {
    font-size: 36px;
    letter-spacing: -3px;
    line-height: 47px;
    margin-bottom: 3px;
  }

  #promoLogin ul li {
    font-size: 14px;
    padding-bottom: 4px;
    line-height: 18px;
  }

  .smartphones .smartphone .btm p {
    display: none;
  }

  .smartphones.item1 .smartphone,
  .smartphones.items2 .smartphone {
    margin: 0;
    padding: 45px 0 0;
    position: relative;
    width: 80%;
  }

  .section .header.s .text span.text {
    font-size: 40px;
    line-height: 40px;
  }

  .section .header .text {
    font-size: 9px;
  }

  .section .header.s .line {
    width: 8%;
  }

  .section .header .line {
    width: 42%;
  }

  .smartphones.item1 .smartphone .img {
    max-width: 180px;
    margin: 0 17% 27px;
    width: 66%;
    height: 330px;
  }

  .smartphones.item1 .smartphone .img img {
    max-width: inherit;
    width: auto;
    height: 100%;
  }

  .smartphones .smartphone .img {
    max-width: 180px;
    margin-bottom: 27px;
    width: 65%;
  }

  .smartphones.item1 .smartphone .top,
  .smartphones .smartphone .top {
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
  }

  .smartphones .smartphone .desc {
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
  }

  .smartphones .smartphone div.bubble {
    bottom: 10%;
    left: auto;
    right: -23%;
  }

  #barNav,
  .tools ul li.social,
  #header #nav {
    display: none;
  }

  #header .tools > ul > li {
    float: right;
    border-left: none;
    padding: 0 7px;
  }

  #header .tools > ul > li.lang {
    border-right: 1px solid #f5a76a;
    margin: 0 4px;
  }

  .tools li.myAccount {
    clear: both;
  }

  #header {
    height: 100px;
  }

  #header.inner {
    height: 140px;
  }

  #header .tools > ul {
    clear: both;
    margin-top: 43px;
  }

  #mainContainer.homepage #header .tools > ul {
    margin-top: 38px;
  }

  #header.inner .tools > ul {
    margin-top: 74px;
  }

  #header .top {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 33px;
  }

  #header .tools .myAccount {
    line-height: 33px;
    margin: 0;
    height: 33px;
  }

  #header.fixed.style3 .tools .myAccount,
  #header.fixed.style2 .tools .myAccount,
  #header.fixed.style1 .tools .myAccount,
  #header.style3 .tools .myAccount,
  #header.style2 .tools .myAccount,
  #header.style1 .tools .myAccount {
    background-color: transparent;
    color: #f07513;
    margin-bottom: 0;
  }

  #header.style3.fixed .tools .myAccount .account,
  #header.style2.fixed .tools .myAccount .account,
  #header.style1.fixed .tools .myAccount .account,
  #header.style3 .tools .myAccount .account,
  #header.style2 .tools .myAccount .account,
  #header.style1 .tools .myAccount .account {
    background-position: -213px -7px;
    margin-top: -4px;
  }

  #header.fixed .logo {
    display: none;
  }

  #header.fixed .tools .myAccount .text span.bold,
  #header.fixed .tools .myAccount .text span {
    display: inline-block;
  }

  #header.fixed .tools {
    margin-top: 0;
  }

  #header .tools {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  #header.style3.fixed .tools .myAccount .arrow,
  #header.style2.fixed .tools .myAccount .arrow,
  #header.style1.fixed .tools .myAccount .arrow,
  #header.style3 .tools .myAccount .arrow,
  #header.style2 .tools .myAccount .arrow,
  #header.style1 .tools .myAccount .arrow {
    background-position: -238px -8px;
    width: 7px;
    height: 12px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .mobMenu.icon {
    background-position: -254px -29px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 3px 0 3px 2%;
    width: 26px;
    height: 27px;
  }

  #header .logo {
    clear: left;
    margin: 13px 0 0 2%;
  }

  #header .tools .lang a {
    font-size: 16px;
    line-height: 21px;
    width: 22px;
    height: 21px;
  }

  .sectionsWrap.inner .promoImg .promoText,
  #promoSlider .promoText {
    background-color: #ed6b07;
    background-size: auto 100%;
    bottom: 0;
    left: 0;
    top: auto;
    max-width: 100%;
    position: absolute;
    padding: 16px 5% 15px;
    text-align: left;
    width: 90%;
    height: auto;
  }

  .promoText.right,
  .promoText.center {
    text-align: left;
  }

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

  .sectionsWrap.inner .noImg .promoText {
    margin: 117px auto 20px;
  }

  .promoText p {
    color: #fff !important;
    font-size: 14px;
    line-height: 16px;
    max-width: 100%;
  }

  .promoText p.title {
    color: #fff !important;
    font-size: 38px;
    letter-spacing: -1px;
    line-height: 38px;
    max-width: 100%;
  }

  .promoImg .promoText .arrow,
  #promoSlider .promoText .arrow {
    background-position: -204px -73px;
    display: block;
    left: 50%;
    margin-left: -62px;
    position: absolute;
    top: -22px;
    width: 124px;
    height: 42px;
  }

  #promoCarousel {
    display: none;
  }

  #header .logo a {
    background-size: 100% auto;
    width: 64px;
  }

  #promoSlider .slide.style3 .img,
  #promoSlider .slide.style2 .img,
  #promoSlider .slide.style1 .img {
    background-position: center top;
    background-size: 100% auto;
  }

  #promoSlider.owl-carousel .owl-wrapper,
  #promoSlider.owl-carousel .owl-wrapper-outer {
    height: auto;
  }

  #promoSlider .slide .img {
    position: relative;
  }

  #promoSlider.owl-theme .owl-controls {
    display: block !important;
    margin-top: 13px;
  }

  #promoSlider.owl-theme .owl-controls .owl-buttons {
    display: none;
  }

  .sectionsWrap.inner .promoImg .promoText,
  #promoSlider .promoText {
    margin: 0;
    position: relative;
  }

  #promoSlider.owl-carousel {
    padding-bottom: 18px;
  }

  .inner .promo.promoImg .img,
  #promoSlider .slide .img,
  #promoSlider .slide .imgBg {
    height: 337px;
  }

  #promoLogin .text div .myQ.icon {
    background-position: -119px -730px;
    width: 38px;
    height: 63px;
  }

  #promo.section {
    min-height: inherit;
    height: auto;
  }

  #promoBundles.section {
    min-height: 587px;
    height: 587px;
  }

  #promoSlider .promoText p.title {
    margin-left: 0;
    margin-bottom: 5px;
    line-height: 35px;
    font-size: 38px;
  }

  #promoSlider .promoText p {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 8px;
  }

  #header.fixed {
    height: 33px;
  }

  #header.fixed .tools > ul {
    display: none;
  }

  .section .bundlesWrap {
    margin-top: 23px;
    position: static;
  }

  .section .bundlesWrap.owl-theme .owl-controls {
    margin-top: 27px;
  }

  .bundlesWrap {
    margin-top: 50px;
    position: static;
  }

  .bundlesWrap.active-combo {
    margin-top: 10px;
  }

  .sectionsWrap.inner .active-combo .bundle {
    margin-bottom: 25px;
  }

  .section#promoLogin {
    height: 580px;
  }

  .section#promoDevices {
    min-height: 542px;
    height: 542px;
  }

  .smartphones {
    margin-top: 25px;
    position: static;
  }

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

  .smartphones.item1 .smartphone .desc {
    margin-left: 0;
  }

  .promoCarouselWrap {
    display: none;
  }

  .section .bundle .shadow {
    background-size: 100% 80%;
    left: -1%;
    width: 103%;
  }

  .section .qlogo {
    display: none;
  }

  .navBar .top,
  .navBar.navBarMenu {
    display: none;
  }

  .navBar .btm div.intro {
    margin-top: 29px;
  }

  .innerBanner {
    margin: 0;
    height: auto;
  }

  .innerBanner .text {
    margin: 20px 5% 0;
    text-align: center;
    width: 90%;
  }

  .innerBanner .img {
    background-position: center center;
    position: static;
    width: 100%;
    height: 300px;
  }

  .innerBanner p {
    font-size: 13px;
  }

  .innerBanner p.title {
    font-size: 30px;
    line-height: 30px;
  }

  .colsWrap > div {
    margin: 0;
    width: 100%;
  }

  .colsWrap > div .img {
    display: inline-block;
    vertical-align: top;
    margin: 0 4% 0 0;
    width: 40%;
  }

  .colsWrap > div .img img {
    width: 100%;
    max-width: 200px;
    height: auto;
  }

  .colsWrap > div .cnt {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-right: 3%;
    width: 53%;
  }

  .colsWrap > div p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 20px;
  }

  .colsWrap > div p img {
    max-width: 100%;
    height: auto;
  }

  .colsWrap > div p.title {
    font-size: 20px;
    line-height: 23px;
  }

  .colsWrap > div .btm {
    position: static;
    text-align: left;
  }

  .colsWrap > div:first-child .seperator {
    display: none;
  }

  .colsWrap > div .seperator {
    display: inline-block;
    width: 80%;
  }

  a.button {
    font-size: 16px;
    padding: 9px 10px;
  }

  .colsWrap {
    margin: 32px 0 13px;
  }

  .sectionsWrap.inner .promo {
    height: auto;
  }

  .sectionsWrap.inner .promo .img {
    position: relative;
    height: 200px;
  }

  .inner .promo.noImg .promoText p.title {
    font-size: 37px;
    color: #462309 !important;
    line-height: 36px;
    margin-bottom: 4px;
  }

  .inner .promo.noImg .promoText p {
    font-size: 12px;
    color: #462309 !important;
  }

  .openMobMenu .mainWrapper #header {
    min-width: 900px;
  }

  .sectionsWrap {
    margin-top: 33px;
  }

  .sectionsWrap.inner {
    margin-top: 73px;
  }

  .sectionsWrap.inner .promo.noImg {
    height: auto;
  }

  #header div.title {
    background-color: #00ace7;
    color: #fff;
    text-align: left;
    font-family: "Manrope-Bold";
    font-size: 17px;
    display: inline-block;
    line-height: 20px;
    padding: 10px 2%;
    margin: 0 0 0 -2%;
    width: 100%;
  }

  #mainContainer.openMobMenu #header div.title {
    width: 150%;
  }

  #header.fixed div.title {
    display: none;
  }

  .sectionsWrap.inner .bundle {
    margin: 55px 10% 20px;
    width: 80%;
  }

  .bundlesWrap .mobCarousel.owl-carousel.owl-theme {
    margin-left: 12%;
    width: 76%;
  }

  .bundlesWrap .mobCarousel.owl-carousel .owl-wrapper-outer {
    overflow: visible;
  }

  .sectionsWrap.inner .mobCarousel .bundle {
    margin: 55px 5% 0;
    width: 90%;
  }

  .mobCarousel.owl-carousel.owl-theme .owl-controls {
    margin-top: 5px;
  }

  .sectionsWrap.inner .bundleInner .bundle {
    margin: 0 1%;
    max-width: 400px;
    width: 98%;
  }

  .navBar .btm p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
    max-width: 95%;
  }

  .navBar .btm p.intro {
    font-size: 24px;
    margin-bottom: 0;
  }

  .owl-theme .owl-controls .owl-page span {
    margin: 0 3px;
    width: 8px;
    height: 8px;
  }

  .navBar .btm div.intro {
    padding-bottom: 9px;
  }

  .bundleInner div.info {
    margin: 23px 4% 0;
    text-align: left;
    width: 92%;
  }

  .bundleInner {
    text-align: center;
  }

  .popup.alert .content {
    font-size: 25px;
    line-height: 28px;
    margin: 0 5%;
    width: 90%;
  }

  .form .field {
    margin: 0 0 12px 0;
    width: 100%;
  }

  .form .packs-table .item {
    margin-right: 0;
    margin-bottom: 21px;
    width: 100%;
    max-width: 460px;
  }

  .fieldRow.fieldB .inlineField {
    margin-bottom: 12px;
  }

  .radioBlock.inline .radio {
    margin-right: 0;
    margin-bottom: 14px;
    width: 100%;
  }

  .radioBlock.inline.inlineField .radio {
    width: auto;
  }

  .notes li {
    font-size: 9px;
    line-height: 11px;
    padding-bottom: 7px;
    max-width: 98%;
  }

  .form {
    margin-top: 14px;
  }

  .radioBlock.inline.inlineField .radio {
    margin-top: 0;
  }

  .blockTitle {
    font-size: 18px;
    margin-bottom: 18px;
    padding-bottom: 3px;
  }

  .blockTitle.mobNoMargin,
  .blockTitle.noMargin {
    margin-bottom: 4px;
  }

  .fieldRow.fieldB .inlineField .select-box {
    width: 36%;
  }

  .formBlock p {
    font-size: 11px;
    line-height: 14px;
    max-width: 98%;
  }

  .form .packs-table .item td.img {
    width: 65%;
  }

  .form .packs-table .item td > img {
    width: 100%;
    height: auto;
  }

  .form .packs-table .item td {
    padding: 0 2%;
  }

  .form .packs-table .item td:first-child {
    padding-left: 0;
  }

  div.success .text,
  #myQ .form p.error,
  #myQiframe .form p.error,
  .form p.error,
  .field p.error {
    font-size: 11px;
  }

  #myQiframe .content .wrapper > div.blockTitle,
  #myQ .content .wrapper > div.blockTitle {
    margin: 0 5% 18px;
    padding: 0 0 3px;
    width: 90%;
  }

  div.success .text {
    max-width: 80%;
  }

  .form .packs-table .item td label {
    display: none;
  }

  .form .packs-table {
    margin-bottom: 0;
  }

  .formBlock .title span {
    font-size: 9px;
  }

  .radioBlock {
    margin-bottom: 9px;
  }

  .mapSearch {
    margin-top: 0;
  }

  .mapSearch .results {
    padding: 0 0 20px;
  }

  .mapSearch .results ul {
    margin-bottom: 20px;
  }

  .field label {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .field.select .select-box.s {
    width: 27%;
  }

  .field.select.inline .select-box {
    margin: 0 0 0 2%;
  }

  .field.select .select-box.m2 {
    width: 33%;
  }

  .field.select .select-box.m {
    width: 31%;
  }

  .checkbox label {
    font-size: 11px;
    display: inline-block;
    max-width: 90%;
    vertical-align: top;
    line-height: 14px;
  }

  .form .checkbox.full {
    margin-bottom: 3px;
  }

  table.total th {
    font-size: 10px;
    padding-bottom: 0;
  }

  table.total td {
    font-size: 12px;
    line-height: 13px;
    padding: 7px 23px;
  }

  table.total td.pr {
    padding: 7px 0;
  }

  table.total {
    margin-bottom: 8px;
  }

  .notes {
    margin-top: 20px;
    padding: 2px 0 0;
  }

  .notes .title {
    font-size: 8px;
    margin-bottom: 7px;
  }

  .form input.button {
    margin-bottom: 15px;
  }

  #footer {
    padding-top: 40px;
  }

  .form p.error,
  .field p.error {
    font-size: 12px;
    line-height: 14px;
  }

  .mapForm > div.field {
    margin: 0 0 22px;
    width: 100%;
  }

  .form.mapForm {
    margin-top: 5px;
    margin-bottom: 30px;
  }

  .mapForm .field.checkboxes {
    width: 100%;
  }

  .checkboxes.inline .checkbox {
    margin: 0 0 7px;
    width: 100%;
  }

  .form.mapForm .field.checkboxes > label {
    margin-bottom: 4px;
  }

  .mapSearch .results ul li {
    padding-left: 4.5%;
    width: 95.5%;
  }

  .navBar .btm p.intro {
    max-width: 100%;
  }

  .mapSearch .results ul li {
    font-size: 15px;
  }

  .mapSearch .results ul li span {
    font-size: 13px;
  }

  .blockTitle .showResults .text {
    display: none;
  }

  .mapSearch .results ul {
    background: none;
  }

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

  .cols2.type1 .col.s,
  .cols2.type1 .col.b {
    margin: 0;
    text-align: left;
    width: 100%;
  }

  .cols2.type1 .col.s {
    margin-bottom: 17px;
    width: 77%;
  }

  .cols2.type1 .col.center {
    text-align: center;
  }

  .cols2.type1 .col.b {
    width: 93%;
  }

  #myQ {
    right: -90%;
  }

  #myQ.open {
    width: 87%;
  }

  .myQBubble {
    border-radius: 43px;
    margin: 14px 0 5px;
    width: 85px;
    height: 85px;
  }

  .cols2 .col {
    margin: 8px 0;
    width: 100%;
  }

  .cols2.borderCol {
    background: none;
  }

  .content.full .myQBubble {
    border-radius: 43px;
    margin: 14px 0 4px;
    width: 86px;
    height: 86px;
  }

  .content.full .myQBubble .icon {
    background-position: -33px -251px;
    margin-top: 26px;
    width: 20px;
    height: 33px;
  }

  #myQiframe .content.full .myQtext,
  #myQ .content.full .myQtext {
    margin-bottom: 10px;
  }

  #myQiframe .content.full .top,
  #myQ .content.full .top {
    padding-bottom: 20px;
  }

  #myQiframe .content.full .promoImg,
  #myQ .content.full .promoImg {
    height: 197px;
  }

  .logInbox {
    width: 100%;
  }

  .logInbox.form p.error {
    margin-bottom: 15px;
  }

  .space20 {
    height: 15px;
  }

  .space40 {
    height: 20px;
  }

  .navBar .btm div.intro.s {
    width: 100%;
  }

  .combos {
    margin-top: 95px;
  }

  .combos .tabsHeader {
    float: left;
  }

  .combos .cols3 .col {
    border: none;
  }

  .combos .cols3 .col .btm,
  .combos .cols3 .col .cnt {
    text-align: center;
  }

  .combos .cols3 .col {
    background-color: #c7d8df;
  }

  .combos .colsWrap .col > .btm {
    display: block;
  }

  .combos .colsWrap > div .btm {
    position: absolute;
  }

  .combos .cols3 .col .cnt {
    padding-top: 20px;
    width: 100%;
  }

  .combos .colsWrap .col > .btm,
  .combos .cols3 .col {
    margin: 0 5%;
    width: 90%;
  }

  .combos .owl-theme .owl-controls {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -30px;
  }

  .combos .tabsHeader li a {
    font-size: 45px;
  }

  .combos .tabsHeader {
    margin: -83px 0 0;
  }

  .combos .tabsHeader li {
    height: 83px;
  }

  .combos .tabsHeader li a {
    line-height: 95px;
    width: 143px;
  }

  .combos .cols3 {
    margin: 55px 0 84px;
  }

  .combos .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
  }

  .combos .owl-theme .owl-controls .owl-page span,
  .combos .owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 1px solid #35a8e0;
    background-color: #35a8e0;
  }

  .combos .owl-theme .owl-controls .owl-page.active span,
  .combos .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: transparent;
  }

  .combos .cell .view1 td,
  .combos .colsWrap .col p.title {
    font-size: 24px;
  }

  .combos .cell .view1 td span {
    font-size: 15px;
  }

  .combos .cell .view2 td {
    font-size: 13px;
  }

  .notification {
    font-size: 13px;
  }

  .notification .wrap {
    padding: 9px 10px;
  }

  .notification .icon {
    margin-right: 8px;
  }

  .notification .text {
    max-width: 82%;
  }

  .notification.yellow .text {
    max-width: 93%;
  }

  .faqTemp > div.left,
  .faqTemp > div.right {
    padding: 0 5%;
    width: 90%;
    min-height: inherit;
  }

  .faqTemp .accHead {
    font-size: 13px;
    padding-right: 25px;
    line-height: 16px;
  }

  .faqTemp .accCont a,
  .faqTemp .accCont li,
  .faqTemp .accCont p {
    font-size: 15px;
  }

  .faqTemp .accCont a,
  .faqTemp p.info {
    margin-bottom: 15px;
  }

  .faqTemp ul.tabsHeader {
    display: none;
  }

  .tabsHeaderMob {
    display: inline-block;
    padding-top: 35px;
    width: 100%;
  }

  .tabsHeaderMob select {
    background: url("/ext_files/prepaid/q/media/select.png") no-repeat scroll
      98% center #f7f7f7;
    border: 2px solid #d5d5d5;
    color: #666;
    font-family: "Manrope-Normal";
    font-size: 18px;
    -webkit-appearance: none;
    padding-right: 8%;
    width: 100%;
    height: 46px;
  }

  .tabsHeaderMob p.label {
    color: #666;
    font-size: 11px;
    font-family: "Manrope-SemiBold";
    margin-bottom: 5px;
  }

  .faqTemp {
    background-color: #e6f3f8;
    padding-bottom: 50px;
    width: 100%;
  }

  .faqTemp .tab {
    padding: 25px 0 30px;
    width: 100%;
  }

  .faqTemp .accHead .arrow {
    top: auto;
    bottom: 5px;
    margin-top: 0;
  }

  .faqTemp .accCont .inner {
    padding: 15px;
  }

  table.type1.tableHalf th.noMob,
  table.type1.noMob {
    display: none;
  }

  a.mobLink.pdfLink,
  a.mobLink {
    display: block;
  }

  table.tableHalf.table2_3 table:first-child,
  table.tableHalf.table2_3 table {
    width: 100%;
  }

  table.type1.tableFull th,
  table.type1.tableFull td,
  table.type1.tableHalf table:first-child td,
  table.tableHalf.table2_3 th,
  table.tableHalf.table2_3 td {
    text-align: center;
  }

  table.type1.tableHalf td td {
    padding-bottom: 4px;
    padding-top: 4px;
  }

  table.mobTables td:before,
  table.mobTables,
  table.mobTables thead,
  table.mobTables tbody,
  table.mobTables th,
  table.mobTables td,
  table.mobTables tr {
    display: block;
  }

  table.mobTables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.mobTables td {
    border: none;
    position: relative;
    padding-left: 50%;
    padding-right: 5%;
    text-align: right;
    min-height: 15px;
  }

  table.mobTables td:before {
    font-family: "Manrope-Bold";
    color: #2c1919;
    font-size: 9px;
    line-height: 15px;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    padding-left: 5%;
    text-align: left;
    white-space: nowrap;
  }

  table.mobTables tr:nth-child(2n) td:last-child {
    border-bottom: 1px dotted #d5d5d5;
  }

  table.mobTables tr:nth-child(2n + 1) td:last-child {
    border-bottom: 1px dotted #efefef;
  }

  table.mobTables tr:nth-child(2n + 1) td {
    background-color: #d5d5d5;
  }

  table.mobTables tr:nth-child(2n) td {
    background-color: #efefef;
  }

  table.mobTables.equal3 td {
    padding-left: 50%;
    padding-right: 5%;
    width: auto;
  }

  table.mobTables.center td,
  table.mobTables.center td:first-child {
    text-align: right;
  }

  table.type1 td {
    font-size: 16px;
    padding-bottom: 3px;
    padding-top: 3px;
  }

  #myQiframe .table p,
  #myQ .table p {
    margin-bottom: 20px;
  }

  .icon.pdf.dark {
    background-position: -5px -537px;
    width: 11px;
    height: 14px;
  }

  .button.inline.left {
    margin-right: 0;
  }

  .button.inline {
    display: block;
    text-align: center;
    margin: 0 0 15px;
    max-width: 240px;
  }

  .no-touch .field:hover .infoBubble {
    display: none !important;
  }

  .mobInfoBubble {
    display: block;
  }

  .fieldRow label {
    padding-right: 20px;
  }

  .radioBlock.inline p.label {
    margin: 0 0 10px 0;
    font-size: 11px;
    font-family: "Manrope-SemiBold";
    width: 100%;
  }

  .radio label {
    font-size: 11px;
  }

  .radioBlock.inline.full .radio {
    margin-right: 2%;
    width: auto;
  }

  #myQiframe .form p,
  #myQ .form p {
    font-size: 12px;
    line-height: 14px;
  }

  .field span.fieldInfo {
    display: none;
  }

  #myQiframe .content .wrapper > div.colForm,
  #myQ .content .wrapper > div.colForm {
    padding: 0;
    margin: 0 6%;
    width: 88%;
  }

  .space35 {
    height: 12px;
  }

  p.half,
  .blockTitle.half {
    width: 100%;
  }

  .colForm .blockTitle {
    margin-bottom: 0;
  }

  .fieldRow.fieldB .field {
    padding-right: 0;
    width: 100%;
  }

  .results .item p {
    font-size: 12px;
  }

  .blueTitle {
    font-size: 20px;
  }

  .pagination li a {
    font-size: 15px;
    width: 30px;
  }

  .searchBlock .field input.text {
    font-size: 15px;
    padding: 10px 11% 10px 13%;
    width: 76%;
  }

  .results .button {
    font-size: 14px;
  }

  .searchBlock .button {
    font-size: 14px;
    padding: 0 13px;
  }

  .searchBlock .field {
    margin-right: 2.5%;
    width: 54%;
  }

  .searchBlock .field .search {
    background-position: -101px -33px;
    margin-top: -7px;
    width: 15px;
    height: 15px;
  }

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

  .pagination {
    margin: 30px 0;
  }

  table.type1.tableHalf th:first-child {
    display: table-cell;
    text-align: center;
  }

  .tables > div {
    font-size: 14px;
    line-height: 14px;
  }

  .tables {
    padding: 10px 0 20px;
  }

  .tables > .title {
    font-family: "Manrope-Bold";
    margin: 0 4%;
    width: 92%;
  }

  .tables > .title > div {
    display: block;
    float: left;
    padding: 15px 1.9%;
    width: 46%;
    text-align: center;
  }

  .tables .title .top {
    border-bottom: none;
    border-right: 1px solid #bdbdbd;
  }

  .tables > .price {
    border-top: 1px solid #bdbdbd;
    margin: 0 4%;
    width: 92% !important;
  }

  .tables > .price.first {
    border: none;
  }

  .tables .price .top,
  .tables .price .btm {
    border: none;
    float: left;
    display: block;
    width: 50%;
  }

  .colsWrap.steps > div:first-child .seperator {
    display: block;
  }

  .colsWrap.steps > div .seperator {
    background-image: url("/ext_files/prepaid/q/media/arrowOrangeB.png");
    background-position: center center;
    bottom: 0;
    top: auto;
    right: 0;
    margin: 0;
    width: 100%;
    height: 18px;
  }

  .cols3.steps > div {
    margin-bottom: 20px;
    padding-bottom: 18px;
    width: 96%;
  }

  .colsWrap.steps > div .img {
    margin: 0 7% 0 8%;
    max-width: 70px;
    width: 32%;
  }

  .cols3.steps {
    margin-top: 14px;
  }

  .colsWrap.steps > div p {
    font-size: 12px;
    line-height: 15px;
  }

  .colsWrap.steps > div p.title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 4px;
  }

  .cols3.steps .cnt {
    max-width: 52%;
  }

  div.intro.s {
    width: 100%;
  }

  #footer .newsletter .text {
    font-size: 12px;
    display: block;
    float: left;
  }

  #footer .newsletter .submit {
    display: block;
    float: right;
  }

  #header .tools li.search .searchField .submit {
    padding: 0;
    width: 15px;
    height: 15px;
  }

  .no-touch #promoLogin .img {
    position: absolute;
  }

  .no-touch #promoSlider.owl-carousel {
    position: relative;
  }

  .sitemap .level1 > li > a {
    font-size: 26px;
  }

  .sitemap .level1 li li a {
    font-size: 21px;
  }

  .sitemap li li li {
    line-height: 15px;
  }

  .sitemap .level1 li li li a {
    font-size: 13px;
  }

  .sitemap li li {
    margin: 6px 0;
  }

  .sitemap li {
    line-height: 24px;
  }

  .grayContent p {
    font-size: 13px;
    line-height: 17px;
  }

  .grayContent p.title {
    font-size: 20px;
    line-height: 25px;
  }

  .notes p {
    font-size: 11px;
    line-height: 13px;
  }

  .customTitle .num {
    font-size: 110px;
    line-height: 120px;
  }

  .customTitle span.top {
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -1px;
  }

  .customTitle span.main {
    font-size: 52px;
    line-height: 40px;
    letter-spacing: -6px;
  }

  .smartphones.items2.owl-carousel {
    margin-left: 20%;
    width: 60%;
  }

  .smartphones.items2.owl-carousel .owl-wrapper-outer {
    overflow: visible;
  }

  .smartphones.items2 .smartphone .img {
    width: 90%;
  }

  .smartphones.items2 .smartphone .img {
    height: 287px;
  }

  .smartphones.items2 .smartphone .img img {
    max-width: inherit;
    height: 100%;
    width: auto;
  }

  .smartphones.items2 .owl-theme .owl-controls {
    margin-top: 19px;
  }

  .smartphones.items2 .smartphone {
    height: auto;
  }

  #header .tools li.search .searchField {
    top: -5px;
    height: 27px;
  }

  #header .tools li.search .searchField .submit {
    margin-top: 6px;
    margin-right: 11px;
  }

  #header .tools li.search .searchField .text {
    float: left;
    padding: 5px 5%;
    width: 70%;
    height: 17px;
  }

  #header .tools li.search .searchField .text:focus {
    margin: 0;
    border-radius: 0;
  }

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

  .bundle .title {
    padding-bottom: 18px;
  }

  .bundle .row {
    padding: 14px 0;
  }

  .bundle a.button {
    margin: 34px 0 2px;
  }

  #promoBundles .wrapper {
    width: 96%;
  }

  .bundlesNav {
    display: none !important;
  }

  .bundlesWrap .owl-controls {
    display: block !important;
  }

  #mainContainer.openMyQ {
    right: 87%;
  }

  .no-touch #mainContainer.openMyQ #promoSlider.owl-carousel {
    right: 85%;
  }

  .cookiesBar {
    background-color: #333;
    color: #ccc;
    font-size: 10px;
    padding: 8px 7%;
    width: 86%;
  }

  .cookiesBar a {
    color: #ccc;
    border-bottom: 2px solid gray;
  }

  .cookiesBar a.close {
    background-position: -70px -746px;
    top: 50%;
    margin-top: -10px;
  }

  .myQ_app div.right > img {
    display: none;
  }

  .myQ_app a.left,
  .myQ_app a.right {
    display: block;
    float: none;
    margin: 0 0 10px;
    width: 90px;
  }

  .myQ_app div {
    vertical-align: bottom;
  }

  .myQ_app div.right {
    margin-bottom: 6%;
  }

  .sectionsWrap.inner .promo .img {
    background-position: center top;
    background-size: 100% auto;
  }

  #promoLogin .text p.error {
    max-width: 476px;
    width: 100%;
  }

  #myQApp.section div.img {
    margin: 0 10%;
    vertical-align: top;
    text-align: center;
    width: 80%;
  }

  #myQApp.section {
    min-height: inherit;
    height: 688px;
  }

  #myQApp.section div.img {
    margin-top: 30px;
  }

  #myQApp.section div.img img {
    max-width: 200px;
  }

  #myQApp.section div.rightCol {
    margin: 0 2% 10px;
    vertical-align: top;
    width: 96%;
  }

  #myQApp.section h3 {
    font-size: 36px;
    line-height: 30px;
    letter-spacing: -3px;
    margin: 0 0 5px;
  }

  #myQApp.section .qrCode {
    display: none;
  }

  #myQApp.section .buttons a {
    display: inline-block;
    margin: 0 10px 0 0;
  }

  #myQApp.section .buttons {
    margin-right: 0;
  }

  #myQApp.section .header .textWrap img {
    display: inline-block;
  }

  #myQApp.section .header .line {
    display: none;
  }

  #myQApp.section .header {
    text-align: center;
  }

  #myQApp.section .header .textWrap {
    margin: 0;
  }

  #myQApp.section .header img.avatar {
    margin-top: 9px;
    width: 27px;
    height: auto;
  }

  .tools .myAccount .text {
    line-height: 34px;
  }

  .tools .myAccount .text span {
    width: auto;
    max-width: 160px;
  }

  .bundleInner > div.left {
    margin: 30px 5% 20px;
    width: 90%;
  }

  .bundleInner > div.left p {
    font-size: 40px;
    line-height: 35px;
  }

  .content.blue .qlogo {
    display: none;
  }

  #myQApp.section .content {
    margin-top: -200px;
  }

  .content.gray p {
    font-size: 14px;
    line-height: 19px;
  }

  .myQ_app {
    margin-left: -5%;
    width: 110%;
  }

  #footer .block .newsl-popup.error p {
    max-width: inherit;
  }

  .touch #promoSlider .slide .imgBg,
  .touch #promoSlider .slide .img {
    background-attachment: scroll;
  }

  .packs-table td .mobile > img {
    max-width: 220px;
    width: 100%;
  }

  .packs-table td .mobile div.bubble {
    right: -10px;
  }

  .cookiesBar a.button {
    font-size: 11px;
    padding: 3px 9px;
  }

  .promoText.right p.title {
    margin-left: 0%;
  }

  .openVideo .icon {
    margin: -4px 10px 0 0;
  }

  .videoSection .closeBar {
    background-color: #000;
    background-image: none;
    display: inline-block;
    vertical-align: top;
    position: static;
    width: 100%;
    height: 40px;
  }

  .videoSection .close {
    background-position: -204px -822px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 20px;
  }

  .videoSection #video1 {
    position: relative;
  }

  .videoSection .infoBar {
    padding: 15px;
    height: 100px;
  }

  .videoSection .infoBar p {
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    line-height: 19px;
    margin: 0 0 15px;
    width: 100%;
  }

  .videoSection .infoBar a.button {
    padding: 5px 15px;
  }

  .funQ.newsletter {
    width: 100%;
    height: 100%;
    padding-right: 1%;
  }

  .funQ.newsletter .text {
    width: 94%;
    height: 49px;
    margin-bottom: 49px;
    background: none;
    padding-left: 3%;
  }

  .funQ.newsletter .text:focus {
    margin-bottom: 49px;
  }

  .funQ.newsletter .submit {
    float: left;
    width: 45%;
    height: 49px;
    padding-left: 3%;
    padding-right: 3%;
    z-index: 150;
  }

  .funQ.fieldBlock input.submit,
  .funQ.fieldBlock input.text {
    height: 49px;
    float: left;
    position: relative;
    top: auto;
    left: auto;
  }

  .sectionsWrap.inner .bundle,
  .sectionsWrap .funQ .bundle:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }

  .funQ p.extrabold {
    font-size: 40px !important;
  }

  .funQ #fanQCarousel .bundle {
    width: 96%;
  }

  .sectionsWrap .funQ .bundle.small {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .sectionsWrap .funQ .bundle.small:nth-child(3),
  .sectionsWrap .funQ .bundle.small:nth-child(6) {
    margin-right: auto;
  }

  .sectionsWrap .funQ .circles {
    display: block;
    clear: both;
    text-align: center;
    margin: 20px auto 5px auto;
  }

  .sectionsWrap .funQ .bundlesWrap {
    overflow: hidden;
  }

  .funQ #fanQCarousel.threeItems.owl-carousel .owl-wrapper {
    max-width: 8652px;
  }

  .funQ #fanQCarousel.twoItems.owl-carousel .owl-wrapper {
    max-width: 8652px;
  }

  .funQ #fanQCarousel.threeItems.owl-carousel .owl-controls {
    display: block !important;
  }

  .funQ #fanQCarousel.twoItems.owl-carousel .owl-controls {
    display: block !important;
  }

  .nsp_iframe .forma .radioBlock .radio {
    width: auto;
  }

  .nsp_iframe .forma .form input.button {
    width: 50%;
  }

  .nsp_iframe .forma .row.email input {
    width: 80%;
  }

  .nsp_iframe .form .checkbox.full label {
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
  }

  .nsp_iframe .forma .left,
  .nsp_iframe .forma .right {
    width: 100%;
  }

  .nsp_iframe .radioBlock .radio label {
    width: 85%;
  }

  .popup .content.nsp_iframe.nsp_thnks {
    width: 90%;
  }

  .nsp_iframe.nsp_thnks .left,
  .nsp_iframe.nsp_thnks .right,
  .nsp_iframe .nsp_choise .left,
  .nsp_iframe .nsp_choise .right {
    width: 100%;
  }

  .nsp_iframe.nsp_thnks .left .img,
  .nsp_iframe .nsp_choise .left .img {
    text-align: center;
  }

  .faqTemp.cookies-faq .accCont p,
  .faqTemp.cookies-faq .radio label {
    font-size: 14px;
  }

  .faqTemp.cookies-faq {
    margin-bottom: 0;
  }

  .cookiesButton .left p {
    font-size: 13px;
    line-height: 130%;
  }

  .cookiesButton .left {
    width: 100%;
    padding-top: 20px;
  }

  .openMobMenu .mainWrapper {
    position: relative;
  }

  .tabs_Qpostpaid {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .openMobMenu .tabs_Qpostpaid {
    left: 88%;
  }

  .tabs_Qpostpaid .tab_q {
    font-size: 11px;
  }

  .sectionsWrap.inner .bundle.doubleBundle {
    width: 32%;
  }

  .bundle.doubleBundle .title.small {
    font-size: 24px;
    margin-right: 5px;
    padding-bottom: 10px;
  }

  .bundle.doubleBundle .bubble.small,
  .bundle.doubleBundle .row.smallTitle .iconPlus {
    margin-right: 5px;
  }

  .bundle.doubleBundle .row.smallTitle .iconPlus {
    height: auto;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  ul li {
    font-size: 16px;
    line-height: 19px;
  }

  p {
    font-size: 16px;
    line-height: 20px;
  }

  #footer .wrapper {
    width: 96%;
  }

  .wrapper {
    width: 96%;
  }

  .cookiesBar .wrapper {
    width: 98%;
  }

  #promoLogin div.text {
    width: 98%;
  }

  #promoLogin .text div.fieldBlock {
    margin: 9px 0 0 0;
  }

  #promoLogin .img {
    background-position: 26% bottom;
    background-size: auto 60%;
    top: 0%;
    height: 100%;
  }

  #footer {
    padding-top: 60px;
  }

  #footer .block:first-child {
    margin: 0 2% 0 0;
  }

  #footer .block {
    margin: 0 2%;
    width: 27%;
  }

  #footer .block:last-child {
    margin: 0 0 0 2%;
    width: 37%;
  }

  #footer .newsletter {
    width: 100%;
  }

  #footer .newsletter .text {
    padding: 0 2% 0 10%;
    width: 58%;
  }

  #footer .newsletter .submit {
    float: right;
    width: 30%;
  }

  #header #nav li a {
    font-size: 14px;
    padding: 0 5px;
  }

  #header .wrapper {
    width: 98%;
  }

  .section .header .line {
    width: 23%;
  }

  .section .bundle {
    width: 90%;
  }

  .section .header.s .line {
    width: 8%;
  }

  .smartphones.items2 .owl-wrapper-outer {
    margin-bottom: 60px;
  }

  .smartphones.items2 .smartphone {
    padding: 0 15%;
    width: 70%;
  }

  .smartphones .smartphone .img {
    max-width: 240px;
    width: 37%;
  }

  .smartphones .smartphone .desc {
    margin-left: 5%;
    width: 58%;
  }

  .smartphones .smartphone .top {
    left: 44%;
  }

  #promoLogin ul {
    max-width: 80%;
  }

  #promoLogin .text div.fieldBlock {
    max-width: 600px;
    width: 80%;
  }

  #promoLogin .fieldBlock .text {
    padding: 0 5% 0 9%;
    width: 56%;
  }

  #promoLogin .fieldBlock .submit {
    float: right;
    width: 30%;
  }

  #promoSlider .promoText p {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 11px;
    max-width: 51%;
  }

  #promoSlider .promoText p.title {
    font-size: 65px;
    line-height: 60px;
  }

  #promoSlider .promoText {
    margin-top: 170px;
    max-width: 89%;
    height: auto;
  }

  #promoSlider .promoText p.title {
    letter-spacing: -4px;
    margin-bottom: 7px;
    max-width: 59%;
  }

  #header {
    height: 109px;
  }

  #header .logo {
    margin: 10px 0 0 1.3%;
  }

  #header .logo a {
    background-size: 100% auto;
  }

  #header .tools {
    margin: 20px 1.7% 0 0;
  }

  .tools li.myAccount {
    font-size: 13px;
    line-height: 34px;
    height: 34px;
  }

  .tools li.myAccount {
    padding: 0 7px;
    width: 186px;
  }

  .tools li.myAccount .text {
    margin: 0 5px 0 4px;
  }

  #header.fixed #nav {
    margin-top: 21px;
    width: auto;
  }

  #promoSlider .slide.style3 .img,
  #promoSlider .slide.style2 .img,
  #promoSlider .slide.style1 .img {
    background-position: center top;
    background-size: 100% auto;
  }

  #header.fixed .logo {
    margin-left: 0;
  }

  #header.fixed .tools {
    margin-right: 0;
    margin-top: 16px;
  }

  #header #nav {
    margin-top: 12px;
  }

  #header #nav {
    text-align: right;
    width: 80%;
    height: 28px;
  }

  #header #nav li {
    display: inline-block;
    float: none;
  }

  #header #nav li:hover .arrow {
    opacity: 0;
  }

  #header #nav li:hover .megaMenu {
    display: none;
  }

  .smartphones {
    margin-top: -144px;
  }

  .smartphones.item1 {
    position: static;
    margin-top: 20px;
  }

  #header.fixed .tools .myAccount {
    margin-right: 0;
    padding: 0 5px;
  }

  .smartphones.item1 .smartphone .desc {
    margin-left: 0;
    width: 100%;
  }

  .smartphones.item1 .smartphone {
    position: relative;
  }

  .smartphones.item1 .smartphone .img {
    margin-bottom: 20px;
    max-width: 210px;
    width: 30%;
  }

  .smartphones.item1 .smartphone .top {
    left: 33%;
    top: 7%;
  }

  .promoCarouselWrap .wrapper {
    width: 96%;
  }

  #promoCarousel {
    margin: 0 3%;
    width: 94%;
  }

  .promoCarouselNav .next {
    right: 0%;
  }

  .promoCarouselNav .prev {
    left: 0%;
  }

  #promoCarousel .item {
    font-size: 17px;
  }

  #promoCarousel .item:hover,
  #promoCarousel .active .item {
    font-size: 20px;
  }

  .section .bundle .shadow {
    background-size: 100% auto;
    left: -1%;
    width: 103%;
  }

  .inner .promoText p {
    font-size: 17px;
    margin: 0 0 0 9%;
    max-width: 42%;
  }

  .inner .promoText p.title {
    font-size: 65px;
    line-height: 62px;
    max-width: 50%;
  }

  .innerBanner {
    margin-top: 10px;
    height: auto;
  }

  .innerBanner .text {
    margin: 60px 10% 0;
    text-align: center;
    width: 80%;
  }

  .innerBanner .img {
    background-position: center center;
    position: static;
    width: 100%;
    height: 315px;
  }

  .colsWrap > div .img img {
    max-width: 96%;
    height: auto;
  }

  .colsWrap > div p.title {
    font-size: 25px;
    line-height: 25px;
  }

  .colsWrap {
    margin-top: 60px;
  }

  .cols4 > div {
    margin: 0 2% 50px;
    width: 46%;
  }

  .inner .promo.noImg .promoText p.title {
    margin-bottom: 13px;
  }

  .sectionsWrap.inner .promo.noImg {
    height: 408px;
  }

  .sectionsWrap.inner .promoText {
    margin-top: 160px;
  }

  .sectionsWrap.inner .bundle {
    margin: 55px 2% 20px;
    width: 45.5%;
  }

  .navBar .btm {
    padding-bottom: 8px;
  }

  div.intro.s,
  .navBar .btm div.intro.s {
    width: 52%;
  }

  div.intro p {
    font-size: 16px;
  }

  .navBar .btm .wrapper {
    width: 96%;
  }

  .navBar .btm p {
    font-size: 16px;
  }

  div.intro p.intro,
  .navBar .btm p.intro {
    font-size: 23px;
    letter-spacing: -0.75px;
  }

  .sectionsWrap.inner .bundleInner .bundle {
    width: 48%;
  }

  .bundleInner div.info {
    margin: 55px 0 0 5%;
    width: 45%;
  }

  .popup.alert .content {
    margin: 0 17%;
    width: 66%;
  }

  .form .field {
    margin-left: 4%;
    width: 48%;
  }

  .form .field.dFirst {
    clear: none;
    margin-left: 4%;
  }

  .form .field.tFirst {
    clear: left;
    margin-left: 0;
  }

  .form {
    margin: 35px 0% 20px;
    width: 100%;
  }

  .logInbox.form {
    margin: 0;
    width: 84%;
  }

  .form .packs-table .item td.quant {
    padding-left: 3%;
    padding-top: 6%;
    vertical-align: top;
  }

  .form .packs-table.radioBlock .item td.quant {
    vertical-align: middle;
  }

  .form .packs-table.radioBlock .item td.quant .select {
    margin-top: -35px;
  }

  .form .packs-table .item td:first-child {
    padding-right: 3%;
  }

  .form .packs-table .item {
    margin-right: 0;
    width: 49%;
  }

  .form .packs-table .item:first-child {
    margin-right: 2%;
  }

  .field.select .select-box.s {
    width: 20%;
  }

  .field.select.inline .select-box {
    margin: 0 0 0 2%;
  }

  .field.select .select-box.m2 {
    width: 47%;
  }

  .field.select .select-box.m {
    width: 25%;
  }

  .field.captcha .img {
    width: 53%;
  }

  .field.captcha .text {
    width: 29%;
  }

  table.total th:first-child,
  table.total td:first-child {
    padding-left: 20px;
  }

  .notes li {
    max-width: 97%;
  }

  .blockTitle.s {
    width: 99%;
  }

  .form.mapForm {
    margin: 0 0% 50px;
    width: 99%;
  }

  .mapForm > div.field {
    margin-left: 7.5%;
    width: 48%;
  }

  .mapForm .field.checkboxes {
    width: 43%;
  }

  .form.mapForm > div {
    vertical-align: top;
  }

  .form.mapForm .field.checkboxes > label {
    margin-bottom: 10px;
  }

  .form.mapForm > div.submit {
    margin-top: 27px;
  }

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

  .cols2.type1 .col.s,
  .cols2.type1 .col.b {
    margin: 0;
    text-align: left;
    width: 100%;
  }

  .cols2.type1 .col.s {
    margin-bottom: 10px;
    width: 88%;
  }

  .cols2.type1 .col.center {
    text-align: center;
  }

  .navBar .top td a {
    font-size: 15px;
  }

  .navBar .top table {
    width: 100%;
  }

  #myQ {
    right: -92%;
    width: 91%;
  }

  .no-touch #mainContainer.openMyQ #promoSlider.owl-carousel {
    right: 89%;
  }

  #mainContainer.openMyQ {
    right: 91%;
  }

  .cols2.borderCol {
    padding-top: 42px;
  }

  .combos > .wrapper {
    width: 85%;
  }

  .combos .colsWrap > div p.title {
    line-height: 27px;
    max-width: 89%;
  }

  .combos .tabsHeader {
    margin-right: -7%;
  }

  .combos .cell .view2 td {
    font-size: 13px;
    line-height: 15px;
    padding: 0 5%;
  }

  .combos .cell .view {
    min-height: 80px;
  }

  .bundle .shadow {
    background-size: 100% 100%;
    left: -1%;
    width: 103%;
    height: 100%;
  }

  .faqTemp .accHead,
  .faqTemp .tabsHeader li a {
    font-size: 16px;
  }

  .faqTemp .tabsHeader .iconWrap {
    width: 23%;
  }

  .faqTemp .tabsHeader .text {
    padding-right: 2%;
    width: 75%;
  }

  .faqTemp {
    margin: 0 2% 60px;
    width: 96%;
  }

  a.button {
    padding: 9px 20px;
  }

  .radioBlock.inline p.label {
    width: 38%;
  }

  .searchBlock .field input.text {
    padding: 10px 8% 10px 11%;
    width: 81%;
  }

  .navBar .top ul li.active a {
    font-size: 17px;
  }

  .navBar .top ul.list6 li.active a,
  .navBar .top ul.list6 li a {
    font-size: 14px;
  }

  .navBar .top ul li a {
    font-family: "Manrope-SemiBold";
    font-size: 15px;
  }

  .navBar .top ul li .text {
    line-height: 16px;
  }

  .tables > div {
    font-size: 22px;
    line-height: 22px;
  }

  .tables > .title > div {
    padding-left: 5%;
    padding-right: 5%;
  }

  .homepage #sectionsNav,
  #sectionsNav {
    display: none;
  }

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

  .smartphones.items2 .smartphone {
    height: auto;
  }

  #promoBundles .wrapper {
    width: 96%;
  }

  .myQ_app div.right {
    width: 197px;
  }

  .sectionsWrap.inner .promo .img {
    background-position: center top;
    background-size: 100% auto;
  }

  #promoLogin .text p.error {
    max-width: 80%;
  }

  #myQApp.section h3 {
    letter-spacing: -3px;
    font-size: 45px;
    line-height: 40px;
  }

  #myQApp.section div.rightCol {
    margin-bottom: 33px;
  }

  .bundleInner > div.left {
    width: 49%;
  }

  .content.blue .qlogo {
    display: none;
  }

  .cookiesBar a.button {
    font-size: 11px;
    padding: 3px 9px;
  }

  .faqTemp.cookies-faq {
    margin-bottom: 0;
  }

  .cookiesButton .left p {
    font-size: 13px;
    line-height: 130%;
  }

  #promoSlider .promoText.right p.title {
    margin-left: 41%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #promoLogin .wrapper {
    width: 98%;
  }

  #promoLogin div.text {
    width: 48%;
  }

  #promoLogin ul {
    max-width: 96%;
  }

  #promoLogin .img {
    background-position: 30% bottom;
    background-size: auto 98%;
  }

  #promoLogin .text div {
    font-size: 46px;
  }

  .no-touch .smartphones.item1 .smartphone .desc {
    margin-left: 4%;
    width: 68%;
  }

  .no-touch .smartphones.item1 {
    margin-top: 20px;
  }

  .no-touch .smartphones.item1 .smartphone .img {
    max-width: 190px;
    width: 26%;
  }

  .no-touch .smartphones.item1 .smartphone .top {
    left: 27%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .no-touch .smartphones.item1 .smartphone .desc {
    margin-left: 3%;
    width: 71%;
  }

  .no-touch .smartphones.item1 .smartphone .img {
    width: 26%;
  }

  .no-touch .smartphones.item1 .smartphone .top {
    left: 27%;
  }

  .no-touch .smartphones.item1 {
    margin-top: 20px;
  }

  .no-touch .smartphones.item1 .smartphone .img {
    max-width: 190px;
  }
}

@media screen and (min-width: 500px) and (max-width: 767px) {
  .inner .promo.promoImg .img,
  #promoSlider .slide .img,
  #promoSlider .slide .imgBg {
    height: 500px;
  }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
  .touch .homepage #sectionsNav {
    display: none;
  }
}

@media (max-width: 1030px) {
  .sectionsWrap.inner .promo.promoImg.boy .img {
    background-position: center center;
    background-size: cover;
  }

  .carousel_f .bundle .bubble {
    margin: 0 0 30px;
  }

  .bundlesWrap .owl-controls {
    display: block !important;
  }
}

@media (max-width: 767px) {
  form#loginForm {
    padding: 0 20px;
  }

  #myQiframe .form.logInbox {
    width: 100%;
    margin: 0 auto;
    max-width: 350px;
  }

  body .commBox .inner {
    min-height: 0;
  }

  .pack_col_3 {
    width: 50%;
  }

  .pack_box {
    width: 100%;
    float: left;
    padding: 29px 0;
    margin-top: 0;
  }

  .pack_box:before,
  .pack_box.last:before {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    left: 0;
    top: -7px;
    right: auto;
    width: 51%;
    height: 20px;
  }

  .pack_box:after,
  .pack_box.last:after {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    right: 0;
    left: auto;
    top: -7px;
    width: 51%;
    height: 20px;
  }

  .inner_pack {
    width: 90%;
    margin: auto auto 20px auto;
    float: none;
    padding-right: 0;
  }

  .pack_box.last {
    padding: 30px 0;
  }

  .pack_box .note {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
  }

  .pack_wrapper {
    padding: 20px 0 0 0;
  }

  .info_tooltip p {
    right: -70px;
    bottom: 35px;
    left: auto;
    top: auto;
    margin: auto;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 63px;
    width: 140px;
  }

  .info_tooltip p:before {
    top: auto;
    bottom: -24px;
    width: 0;
    height: 0;
    margin: auto;
    left: 0;
    content: "";
    right: 0;
    border-right: solid 15px transparent;
    border-top: solid 10px #fffad5;
    border-left: solid 15px transparent;
  }

  .margin_btm_90 {
    margin-bottom: 20px;
  }

  .sectionsWrap.inner .promo.promoImg.boy .img {
    background-position: -60px center;
  }
}

@media (max-width: 490px) {
  .pack_col_3 {
    width: 100%;
  }

  .inner_pack {
    width: 95%;
  }

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

@media only screen and (max-width: 768px) {
  #cookies-popup .inner-content {
    padding-left: 5%;
    padding-right: 5%;
  }

  #cookies-popup h1 {
    font-size: 40px;
  }

  #cookies-popup button {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #cookies-popup .controls a:link,
  #cookies-popup .controls a:visited {
    position: static;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sectionsWrap.inner .bundle.doubleBundle {
    width: 32%;
  }

  .bundle.doubleBundle .title.small {
    font-size: 24px;
    margin-right: 5px;
    padding-bottom: 10px;
  }

  .bundle.doubleBundle .bubble.small,
  .bundle.doubleBundle .row.smallTitle .iconPlus {
    margin-right: 5px;
  }

  .bundle.doubleBundle .row.smallTitle .iconPlus {
    height: auto;
    margin-bottom: 10px;
  }
}

.mbMenuIcon {
  position: absolute;
  top: 32px;
  left: 40px;
  width: 32px;
  height: 16px;
  border-top: 2px solid #fff;
  transition: 0.3s ease-out;
}

.mbMenuIcon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.mbMenuIcon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.mbMenuIcon.open {
  top: 31px;
  border: none;
}

.mbMenuIcon.open:before {
  left: 0;
  top: 7px;
  width: 24px;
  background-color: #fff;
  transform: rotate(45deg);
}

.mbMenuIcon.open:after {
  left: 0;
  top: 7px;
  width: 24px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.mbMenuContainer {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 120px 80px;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  transition: transform 0.3s ease-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.mbMenuContainer.open {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  transform: translate3d(0, 100%, 0);
}

.mbMainMenu li {
  padding: 12px 0;
}

.mbMainMenu li a {
  color: #f4f2f2;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.mbAltMenu li {
  padding: 15px 0;
}

.mbAltMenu li a {
  font-family: Manrope-Regular;
  color: rgba(244, 242, 242, 0.3);
  font-size: 1rem;
  text-transform: uppercase;
}

.mbMenuContainer .borderBot {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(244, 242, 242, 0.1);
}

.mbMenuContainer .footSocials {
  border: none;
  padding-bottom: 120px;
}

.mbMenuContainer .footSocials a {
  color: rgba(244, 242, 242, 0.3);
}

.mbHozBanner {
  margin: 20px auto;
}

.mbHozBanner img {
  width: 320px;
  height: 50px;
  margin: 0 auto;
}

.mbMenuContainer .newsltrForm input {
  border: none;
  border-bottom: 1px solid rgba(244, 242, 242, 0.3);
  background-color: transparent;
  color: #fff;
  padding: 8px 0;
  width: 100%;
}

.mbMenuContainer .newsltrForm .btnSend {
  width: 15px;
  height: 15px;
  margin-top: 8px;
}

.mbMenuIcon {
  display: none;
}

@media (min-width: 2560px) {
}

@media (min-width: 1900px) {
}

@media (max-width: 2560px) {
}

@media (max-width: 1920px) {
}

@media (max-width: 1899px) {
}

@media (max-width: 1680px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 1279px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1150px) {
}

@media (max-width: 1050px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {
}

@media (max-width: 990px) {
}

@media (max-width: 768px) {
}

@media (max-width: 700px) {
}

@media (max-width: 612px) {
}

@media (max-width: 480px) {
}

@media (max-width: 414px) {
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}

@media (max-width: 768px) {
  .suggestedPackages .container {
    padding: 0;
  }

  .suggestedPackages .col_12 {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  body .dbsect {
    padding-top: 25px;
    padding-bottom: 20px;
  }

  body .dbsect_item {
    width: 100%;
    margin: 20px 0;
  }

  body .dbsect_inner {
    margin: 0;
  }
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #2e4035;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2e4035;
}

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

ul li,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p {
  line-height: 1.5;
  margin-top: 0;
}

input {
  outline: none;
}

img {
  display: block;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.bold {
  font-weight: 600;
}

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

h1,
h2,
h3,
h4 {
  font-family: "Manrope-Normal";
}

.hvBold {
  font-weight: 900;
}

b {
  font-weight: 600;
}

.fLight {
  font-weight: 300;
}

.mdOverflowNo {
  overflow: hidden;
}

.overflowNo {
  overflow: hidden;
}

button {
  cursor: pointer;
}

.marg0 {
  margin: 0;
}

.bgBlack {
  background-color: #000;
}

.bgWhite {
  background-color: #fff9f0;
}

.bgGray {
  background-color: #eee7d6;
}

.bgGrayLight {
  background-color: #f9f3e4;
}

.bgBeige {
  background-color: #f7d0af;
}

.bgOrange {
  background-color: #f54d23;
}

.bgBlue {
  background-color: #0e28b8;
}

.bgGreen {
  background-color: #3fd3d0;
}

.bgBrown {
  background-color: #ede6d5;
}

.clrWhite {
  color: #fff;
}

.clrBlack {
  color: #000;
}

.clrOrange {
  color: #f54d23;
}

.clrBrown {
  color: #d9d3c5;
}

.tcenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.clearfix {
  clear: both;
}

.upCase {
  text-transform: uppercase;
}

.spacer {
  margin: 1rem 0;
}

.inline {
  display: inline-block;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.noFloat {
  float: none;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.bgBlue p {
  color: #fff;
}

.row {
  clear: both;
}

.row:before {
  content: " ";
  display: table;
  clear: both;
}

.row:after {
  content: " ";
  display: table;
  clear: both;
}

[class*="col_"] {
  padding: 0 15px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col_12 {
  width: 100%;
  float: none;
}

.col_11 {
  width: 91.66%;
}

.col_10 {
  width: 83.33%;
}

.col_9 {
  width: 75%;
}

.col_8 {
  width: 66.66%;
}

.col_7 {
  width: 58.33%;
}

.col_6 {
  width: 50%;
}

.col_5 {
  width: 41.66%;
}

.col_4 {
  width: 33.33%;
}

.col_3 {
  width: 25%;
}

.col_2 {
  width: 16.66%;
}

.col_1 {
  width: 8.33%;
}

.colCenter {
  margin: 0 auto;
  float: none;
}

.colCustom400 {
  width: 100%;
  max-width: 400px;
}

.colLeft8 {
  margin-left: 66.66%;
}

.colLeft6 {
  margin-left: 50%;
}

.colLeft5 {
  margin-left: 41.66%;
}

.colLeft4 {
  margin-left: 33.33%;
}

.colLeft2 {
  margin-left: 16.66%;
}

.colLeft1 {
  margin-left: 8.33%;
}

.noPad {
  padding-left: 0;
  padding-right: 0;
}

.noPadLeft {
  padding-left: 0;
}

.noPadRight {
  padding-right: 0;
}

[class*="flexClm"] {
  padding: 0 15px;
  flex-grow: 0;
  flex-shrink: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexClm12 {
  flex-basis: 100%;
  max-width: 100%;
}

.flexClm11 {
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.flexClm10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.flexClm9 {
  flex-basis: 75%;
  max-width: 75%;
}

.flexClm8 {
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.flexClm7 {
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.flexClm6 {
  flex-basis: 50%;
  max-width: 50%;
}

.flexClm5 {
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.flexClm4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.flexClm3 {
  flex-basis: 25%;
  max-width: 25%;
}

.flexClm2 {
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.flexClm1 {
  flex-basis: 8.33%;
  max-width: 8.33%;
}

[class*="hgt"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hgt12 {
  height: 100%;
}

.hgt11 {
  height: 91.66%;
}

.hgt10 {
  height: 83.33%;
}

.hgt9 {
  height: 75%;
}

.hgt8 {
  height: 66.66%;
}

.hgt7 {
  height: 58.33%;
}

.hgt6 {
  height: 50%;
}

.hgt5 {
  height: 41.66%;
}

.hgt4 {
  height: 33.33%;
}

.hgt3 {
  height: 25%;
}

.hgt2 {
  height: 16.66%;
}

.hgt1 {
  height: 8.33%;
}

.wrapper {
  width: 100%;
  max-width: 1080px;
}

.mainConContainer {
  margin: 3rem auto;
}

.container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerNoPad {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerFull {
  width: 100%;
  padding: 0 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.containerSmall {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexRowContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexRowCenterContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cols3.eqBlock.colsWrap {
  padding: 0 25px;
  box-sizing: border-box;
  margin: 10px auto;
}

.horizontal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100vh;
  justify-content: center;
}

.vertical {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100vw;
  width: 100vw;
}

.popUp {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.popUp.open {
  opacity: 1;
  visibility: visible;
  z-index: 9990;
}
.myq-popup.popContent {
  display: flex;
  flex-direction: column;
}

.myq-popup.popContent .inner {
  flex: unset;
}

.myq-popup.popContent .inner-buttons {
  flex: unset;
}

.popContent {
  position: relative;
  background-color: #fff;
  padding: 45px;
  color: #8d8d93;
  width: 100%;
  max-width: 760px;
  max-height: calc(100% - 60px);
  font-size: 0.875rem;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.popContent a {
  color: #f54d23;
}

.popContent .inner {
  position: relative;
  flex: 1;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow: auto;
}

.popContent.pop400 {
  max-width: 400px;
  height: 400px;
}

.popContent p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}

.popContent .blockTitle,
.popContent h3 {
  color: #000;
  text-align: center;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 1.5rem;
}

.popContent li {
  padding: 5px 0;
  font-size: 1rem;
}

.popContent .btnClose {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 50rem;
  border: 3px solid #fff;
  background-color: #c3c5c4;
  z-index: 890;
}

.popContent .btnClose::before {
  position: absolute;
  top: 19px;
  left: 4px;
  content: "";
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
}

.popContent .btnClose::after {
  position: absolute;
  top: 19px;
  left: 4px;
  content: "";
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.tablet .popContent {
  max-height: 400px;
}

.mobile .popContent {
  max-height: 280px;
}

.tablet .popContent .inner {
  max-height: 400px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobile .popContent .inner {
  max-height: 280px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.cmnBtn {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  padding: 10px 30px;
  margin-top: 20px;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s ease-out;
}

a.cmnBtn {
  color: #fff;
}

.cmnBtn:hover {
  background-color: #0e28b8;
}

.btnSearch {
  width: 18px;
  height: 18px;
  background-image: url("../media/iconSearchWhite.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  color: #fff;
  border: none;
}

.f54Title {
  font-size: 3.375rem;
}

.f48Title {
  font-size: 3rem;
}

.f44Title {
  font-size: 2.75rem;
}

.f40Title {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
  margin: 50px 0 30px 0;
  color: #000;
}

.f32Title {
  font-size: 2rem;
}

.f28Title {
  font-size: 1.75rem;
  font-weight: bold;
  color: #4c4c4c;
  margin: 15px 0 30px 0;
}

.f25Title {
  font-size: 1.5625rem;
  font-weight: bold;
}

.f24Title {
  font-size: 1.5rem;
}

.f20Title {
  font-size: 1.25rem;
}

.f16Title {
  font-size: 1rem;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.f14 {
  font-size: 14px;
}

.f12 {
  font-size: 12px;
}

.cmnTitle {
  position: relative;
  font-size: 2.5rem;
  margin-bottom: 30px;
  font-weight: 900;
  line-height: 1.2;
  color: #000;
}

.aboveSideTitle {
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: -8px;
  line-height: 1;
  color: #000;
}

.aboveSideTitle.qStarTitle {
  font-size: 2rem;
}

.qLtr {
  position: absolute;
  width: 63px;
  height: 78px;
  background-image: url("");
}

.innerGridTitle {
  padding-left: 30px;
}

.secTitle {
  font-weight: 800;
  margin-bottom: 25px;
  line-height: 1.2;
  color: #000;
}

html,
body {
  min-height: 100%;
  font-size: 16px;
  font-family: "Manrope-Normal";
  background-color: #fff9f0;
  overflow-x: inherit;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f4f2f2;
}

.mainWrapper {
  position: relative;
  margin: 0;
  width: 100%;
  min-height: 100%;
  padding: 71px 0 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mainWrapper.menuPadding {
  padding-top: 120px;
}

.overHidden {
  overflow: hidden;
}

.mainHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  padding: 10px 0;
  max-height: 72px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mainHeader .mainLogo {
  margin: 0;
  flex-basis: 15%;
  max-width: 15%;
}

.mainHeader .mainLogo a {
  display: block;
  width: 70px;
  margin: 0;
}

.mainHeader .flexContainer {
  position: relative;
  max-width: 1500px;
  justify-content: space-between;
}

.mainMenu {
}

.mainMenu a {
  position: relative;
  display: block;
  font-size: 1rem;
  padding-bottom: 5px;
  color: #fff9f0;
  text-transform: uppercase;
}

.mainMenu > ul {
  margin: 0;
}

.mainMenu ul > li {
  display: inline-block;
  padding: 0 20px;
  margin-top: 15px;
}

.mainMenu ul > li > a {
  transition: 0.2s ease-out;
}

.mainMenu ul > li > a::after {
  content: "";
  width: 0;
  transition: width 0.2s ease-out;
}

.mainMenu ul > li > a:hover {
  color: #3fd3d0;
}

.mainMenu ul > li.active a::after,
.mainMenu ul > li > a:hover::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3fd3d0;
}

.mainMenu ul > li.active a {
  color: #3fd3d0;
}

.menuTools li {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}

.menuTools li:last-child {
  margin: 0;
}

.menuTools > li > a {
  display: block;
  width: 18px;
  height: 18px;
  color: #fff9f0;
  cursor: pointer;
  transition: color 0.2s ease-out;
}

.menuTools li.active > a {
  color: #3fd3d0;
}

.menuTools li.iconProfile {
  padding: 5px;
  border-radius: 50em;
  background-color: #3fd3d0;
}

.menuTools li > a:hover {
  color: #3fd3d0;
}

.menuTools li > a svg {
  fill: currentColor;
}

.headerSearch {
  position: absolute;
  right: 30px;
  top: 10px;
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out;
  box-sizing: border-box;
}

.headerSearch.open {
  opacity: 1;
  visibility: visible;
}

.btnClose {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1rem;
  vertical-align: middle;
}

a.btnClose {
  color: #fff;
}

.headerSearch .btnSearch {
  vertical-align: middle;
  margin-right: 10px;
}

.headerSearch input[type="text"],
.headerSearch input[type="search"] {
  background: transparent;
  border: none;
  color: #fff;
}

.headerSearch input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}

.headerSearch input[type="text"]::-moz-placeholder {
  color: #fff;
}

.headerSearch input[type="text"]:-ms-input-placeholder {
  color: #fff;
}

.headerSearch input[type="text"]:-moz-placeholder {
  color: #fff;
}

.menuTools > li > .drop {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: -10px;
  padding: 5px 0;
  text-align: left;
}

.menuTools > li > .drop li {
  width: 100%;
  margin: 0;
}

.menuTools > li > .drop li a {
  width: auto;
  display: block;
  color: #fff;
}

.menuTools > li > .drop li {
  padding: 5px 10px;
  display: block;
  box-sizing: border-box;
}

.menuTools > li:hover > .drop {
  opacity: 1;
  visibility: visible;
}

.menuTools > li > .drop li.active a {
  color: #3fd3d0;
}

.menuTools > li.active > .drop {
  right: 0;
  left: auto;
  text-align: right;
  margin-top: 0;
  padding-top: 1rem;
}

.menuTools > li.active > .drop li a {
  padding: 5px 0;
}

.mainFooter {
  padding: 50px 0;
}

.footTitle {
  font-size: 12px;
  margin: 30px 0 15px;
  text-transform: uppercase;
  color: #000;
}

.footList li {
  font-size: 14px;
  color: #22242f;
  margin-bottom: 15px;
  padding: 0;
}

.footList li a {
  color: #22242f;
}

.blockSpan {
  display: block;
  font-size: 10px;
}

.footSocials {
  margin-top: 35px;
}

.footSocials li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

.footSocials li a {
  display: inline-block;
  color: #3fd3d0;
  height: 20px;
  transition: 0.3s ease;
}

.footSocials li a:hover {
  color: #000;
}

.footSocials li a svg {
  width: auto;
  height: 100%;
  fill: currentColor;
}

.footNewsLetterForm {
  position: relative;
  margin-bottom: 20px;
}

.footNewsLetterForm input[type="email"] {
  font-size: 1rem;
  border: none;
  color: #fff;
  height: 50px;
  border-radius: 40px;
  padding: 15px 30px;
  width: calc(100% + 29px);
  margin-left: -29px;
  background-color: #3fd3d0;
  box-sizing: border-box;
}

.footNewsLetterForm .footSubmit {
  position: absolute;
  top: 0;
  right: -3px;
  width: 80px;
  height: 50px;
  border: none;
  background-color: transparent;
  background-image: url("/files/1/Q_v4/Redesign/footSubmit.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.footNewsLetterForm input[type="email"]::-webkit-input-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]::-moz-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]:-ms-input-placeholder {
  opacity: 1;
}

.footNewsLetterForm input[type="email"]:-moz-placeholder {
  opacity: 1;
}

.footBottom {
  font-size: 10px;
  color: #000;
  margin-top: 70px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footBottom ul {
  text-align: center;
  margin: 0;
}

.footBottom a {
  color: #000;
  font-size: 10px;
}

.footBottom li {
  display: inline-block;
  padding: 0 15px;
  line-height: 1;
  text-transform: uppercase;
}

.copyR img {
  display: inline-block;
  width: 24px;
  margin-top: -4px;
  margin-right: 20px;
  vertical-align: top;
}

.copyR span {
  vertical-align: top;
}

.madeBy img {
  max-width: 121px;
  float: right;
}

.footNltContainer {
  position: relative;
}

.mainFooter a,
.mainHeader a {
  text-decoration: none;
}

input.invalid {
  box-shadow: 0 0 5px #f54d23;
}

@keyframes sliderTimer {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes sliderTimer {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.ltoRTitle {
  position: absolute;
  top: 0;
  animation: leftToRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fadeIn {
  animation: fadeIn 1.5s ease-in forwards;
}

.fadeInBounce {
  animation: fadeInBounce 1.5s ease-in forwards;
}

.scaleOut {
  animation: scaleOut 0.6s ease-in forwards;
}

@keyframes fadeInBounce {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  60% {
    transform: scale(1.1);
  }

  80% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInBounce {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.1);
  }

  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

.fadeInBounceFast {
  animation: fadeInBounce 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

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

.slider1dv3 .sliderItem {
  width: 100%;
  height: 33vw;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.slider1dv3 .sliderItem .container {
  margin-top: 10%;
}

.slider1dv3 .sliderItem h1 {
  font-size: 3.5rem;
  font-weight: 900;
  color: #fff9f0;
  max-width: 500px;
  margin: 30px 0 10px 0;
  line-height: 1.25;
  letter-spacing: -2px;
}

.slider1dv3 .sliderItem .cmnBtn {
  align-self: flex-start;
}

.slider1dv3 .owl-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 50px;
  z-index: 5;
}

.slider1dv3 p {
  color: #fff;
}

.sliderH2 {
  color: #fff;
}

.owl-carousel .owl-dots .owl-dot {
  vertical-align: middle;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  border: 3px solid #fff;
  background-color: #f54d23;
}

.owl-carousel .owl-dots .owl-dot.active span {
  width: 16px;
  height: 16px;
  background-color: #f54d23;
}

.owl-carousel .owl-dots .owl-dot:hover span {
  background-color: #fff;
}

.radiusCorners {
  border-radius: 40px;
}

.fullWindowSection {
  padding: 1px 0;
  height: 100vw;
}

.cmnSection {
  padding-top: 50px;
}

.relative {
  position: relative;
}

.sideGradient {
  position: absolute;
  left: 0;
  top: 0;
  width: 134px;
  height: 100%;
  background: -moz-linear-gradient(
    left,
    rgba(237, 230, 213, 1) 0%,
    rgba(237, 230, 213, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(237, 230, 213, 1) 0%,
    rgba(237, 230, 213, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(237, 230, 213, 1) 0%,
    rgba(237, 230, 213, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ede6d5', endColorstr='#00ede6d5', GradientType=1);
}

.bundle,
.section .bundle {
  border-radius: 40px;
}

.bundle .shadow {
  display: none;
}

.icon.bubble {
  display: block;
  background-image: none;
  color: #22242f;
  font-size: 3rem;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 1.2;
}

.bundle .row .text .orange,
.bundle .row .text span {
  font-size: 22px;
  margin: 0 0 0 8px;
  line-height: 2;
}

.bundle .title {
  font-size: 24px;
  letter-spacing: 0;
  margin-top: 16px;
  line-height: 1.3;
}

.bundle .bonus {
  background-color: #f54d23;
  top: -25px;
  letter-spacing: 0;
}

.bundle .bonus .arrow {
  display: none;
}

.bundle .row .text .gray {
  font-size: 14px;
  font-weight: 400;
}

.bundle .row .text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}

.bundle a.bundleActivated,
.bundle a.button {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  padding: 10px 30px;
  margin-top: 20px;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
  background-color: #f54d23;
  transition: 0.3s ease-out;
  cursor: pointer;
}

.bundle a.bundleActivated:hover,
.bundle a.button:hover {
  background-color: #0e28b8;
}

.bundle a.more {
  display: inline-block;
  color: #196cde;
  background-image: none;
  margin-top: 15px;
}

.bundleFreetext img {
  max-width: 95px;
  margin: 20px auto;
}

.bundleFreetext {
  margin-top: 10px;
  font-size: 1rem;
  letter-spacing: 0;
  font-family: "Manrope-Normal";
}

.myOffersBanner {
  border-radius: 20px;
}

.myQTable {
  background-color: #eee7d6;
  border-radius: 20px;
  border: none;
}

.myQTable td .price {
  color: #f54d23;
  font-weight: 900;
  line-height: 1;
}

.myQTable td .cur {
  display: inline-block;
  color: #f54d23;
  vertical-align: top;
  font-size: 20px;
  font-weight: 900;
  padding-top: 10px;
}

.myQTable table:first-child {
  border-right: 1px solid rgba(34, 36, 47, 0.1);
}

.myQTable table {
  margin: 25px 0 30px;
}

.myQTable td .text,
.myQTable td .date {
  text-align: left;
  display: block;
  font-size: 14px;
}

.myQTable td .date {
  font-size: 14px;
  font-weight: 900;
}

#myQiframe .content .item > p,
#myQ .content .item > p {
  margin-bottom: 1rem;
}

#myQiframe .content .item,
#myQ .content .item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(34, 36, 47, 0.1);
}

#myQiframe .content .item:last-child,
#myQ .content .item:last-child {
  border: none;
}

#myQiframe .content .item .pack,
#myQ .content .item .pack {
  border: none;
}

#myQiframe .content .item .pack .name,
#myQ .content .item .pack .name {
  font-weight: 900;
  font-size: 32px;
}

#myQiframe .content .item .pack .det,
#myQ .content .item .pack .det {
  font-size: 12px;
  color: #22242f;
  opacity: 0.5;
  margin-top: 10px;
}

#myQiframe {
  background-color: #fff9f0;
}

#myQiframe .sidebar,
#myQ .sidebar {
  background-color: #fff9f0;
}

#myQiframe .info > div,
#myQ .info > div {
  color: #22242f;
}

#myQiframe .logout,
#myQ .logout {
  display: none;
}

#myQiframe input.button {
  background-color: #f54d23;
  border-radius: 40px;
  transition: 0.2s ease-out;
}

#myQiframe input.button:hover {
  background-color: #0e28b8;
}

.myOffersAllItems {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.myOfferItem {
  max-width: 50%;
  flex-basis: 50%;
  padding: 15px;
  box-sizing: border-box;
}

.myOfferItem .imgPlace {
  height: 17vw;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-size: cover;
  background-position: left center;
}

.myOfferItem .textPlace {
  background-color: #f54d23;
  color: #fff;
  padding: 20px 30px 30px 30px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.myOfferItem .textPlace h3 {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

.myOfferItem .textPlace .btn {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 25px;
  width: 200px;
  text-align: center;
  border-radius: 40px;
}

.myOfferItem .infoArea {
  font-size: 10px;
  margin-top: 10px;
  margin-left: 15px;
}

.navBar.navBarMenu {
  margin-top: 5rem;
  margin-top: 3rem;
}

.navBar .top {
  background: transparent;
}

.navBar .top ul li {
  color: #196cde;
  border-bottom: 4px solid rgba(34, 36, 47, 0.1);
}

.navBar .top ul li.active {
  border-bottom: 4px solid #f54d23;
}

.navBar .top ul li a {
  color: #196cde;
  font-weight: 400;
  font-size: 1.25rem;
  border: none;
}

.navBar .top ul li.active a {
  background-color: transparent;
  color: #22242f;
  font-size: 1.25rem;
}

.navBar .top ul li .shadow {
  display: none;
}

.commercialHomeBoxes {
  padding: 80px 0 50px 0;
}

.commBox .inner {
  position: relative;
  min-height: 240px;
  padding: 0 30px;
  overflow: hidden;
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #f9f3e4;
  background-size: auto 100%;
}

.commBox .inner h2 {
  width: 40%;
  margin-top: 30px;
  padding-bottom: 80px;
  color: #000;
}

.commBox .inner .cmnBtn {
  position: absolute;
  display: inline-block;
  top: auto;
  bottom: 30px;
  left: 30px;
}

.bgBlue .cmnBtn.bgBlack:hover,
.sliderItem .cmnBtn.bgBlack:hover {
  background-color: #000;
}

.bgBlue .cmnBtn.bgWhite:hover,
.sliderItem .cmnBtn.bgWhite:hover {
  background-color: #fff9f0;
}

.bgBlue .cmnBtn.bgGray:hover,
.sliderItem .cmnBtn.bgGray:hover {
  background-color: #eee7d6;
}

.bgBlue .cmnBtn.bgGrayLight:hover,
.sliderItem .cmnBtn.bgGrayLight:hover {
  background-color: #f9f3e4;
}

.bgBlue .cmnBtn.bgBeige:hover,
.sliderItem .cmnBtn.bgBeige:hover {
  background-color: #f7d0af;
}

.bgBlue .cmnBtn.bgOrange:hover,
.sliderItem .cmnBtn.bgOrange:hover {
  background-color: #f54d23;
}

.bgBlue .cmnBtn.bgBlue:hover,
.sliderItem .cmnBtn.bgBlue:hover {
  background-color: #0e28b8;
}

.bgBlue .cmnBtn.bgGreen:hover,
.sliderItem .cmnBtn.bgGreen:hover {
  background-color: #3fd3d0;
}

.bgBlue .cmnBtn.bgBrown:hover,
.sliderItem .cmnBtn.bgBrown:hover {
  background-color: #ede6d5;
}

.qstar {
  padding: 30px 30px 380px 30px;
  color: #fff;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.qstar .imgTitle {
  margin: 30px 0;
  max-width: 170px;
}

.qstar p {
  width: 100%;
  max-width: 300px;
}

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

.sliderPackages {
  position: relative;
  width: calc(100% + 100px);
  margin-left: -100px;
  margin-top: -36px;
}

.sliderPackages .extra-info {
  font-size: 1rem;
}

.sliderPackages .owl-item {
  z-index: 3;
}

.sliderPackages .euroLbl {
  font-size: 3rem;
  font-weight: bold;
}

.rollover img {
  max-width: 87px;
  margin: 10px auto;
}

.sliderPackages sup {
  font-size: 1.6rem;
  line-height: 0;
  margin-left: 5px;
  letter-spacing: 0;
  vertical-align: middle;
  margin-top: -20px;
  font-weight: bold;
  display: inline-block;
}

.packPriceLbl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  font-size: 2rem;
  width: 75px;
  height: 93px;
  background-image: url("../Images/qLabel.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  box-sizing: border-box;
  padding-top: 20px;
}

.packPriceLbl .euroLbl {
  display: inline-block;
  font-size: 1rem;
  margin-top: 5px;
  vertical-align: top;
}

.boxGrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  color: #fff;
  padding: 30px 80px;
  box-sizing: border-box;
}

.boxGrow .cmnBtn {
  align-self: center;
  margin-bottom: 50px;
}

.boxGrow img {
  width: auto;
  max-width: 100%;
  margin: 50px auto;
}

.boxGrowMargin {
  margin-top: 80px;
}

.secGrow .f40Title {
  width: 70%;
  box-sizing: border-box;
}

.btnGApp {
  display: inline-block;
  margin-right: 20px;
  margin-top: 15px;
}

.btnGApp img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.secGApp .f40Title {
  margin: 80px 0 10px 0;
}

.cards {
  position: relative;
}

.cardPackage {
  position: absolute;
  width: 300px;
  padding: 30px;
  text-align: center;
  transition: ease-in-out 0.25s;
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  left: 0;
  box-sizing: border-box;
}

.cardPackage.first {
  z-index: 30;
  opacity: 1;
}

.cardPackage.second {
  z-index: 20;
  left: 80px;
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

.cardPackage.third {
  z-index: 10;
  left: 160px;
  -ms-transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
  transform: scale(0.6, 0.6);
}

.cardPackage .maskOpacity {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff9f0;
  border-radius: 40px;
}

.cardPackage.first .maskOpacity {
  opacity: 0;
  visibility: hidden;
}

.cardPackage.second .maskOpacity {
  opacity: 0.6;
}

.cardPackage.third .maskOpacity {
  opacity: 0.8;
}

.cardPackage .packPriceLbl {
  position: absolute;
  top: -50px;
  left: calc(50% - 37px);
}

.cardPackage > h3 {
  font-size: 24px;
  font-weight: 900;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee7d6;
  color: #000;
}

.cardPackage a.cmnBtn {
  margin-top: 10px;
}

.cardPackage.first a.cmnBtn {
  background-color: #196cde;
}

.cardPackage .simpleMore {
  font-size: 12px;
  display: block;
  margin-top: 15px;
  color: #196cde;
}

.cardPackage li {
  color: #818181;
  font-size: 14px;
  padding: 5px 0;
}

.cardPackage li .clrOrange {
  font-weight: 900;
  font-size: 22px;
}

.cardPackage .bundleBot {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  margin-top: 30px;
  font-family: "Manrope-Extra-Bold";
}

.cardPackage .bundleBot .extra-info {
  font-family: "Manrope-Normal";
}

.qSupreme .arrows {
  margin-top: 560px;
}

.qSupreme .arrows a {
  font-size: 30px;
  font-family: Manrope-Regular;
  color: #fff;
  margin-right: 20px;
  text-decoration: none;
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
}

.qSupreme .arrows a span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50rem;
  background-color: #0e28b8;
}

.qSupreme .arrows a span img {
  max-width: 18px;
}

.regStepsContainer {
  padding-bottom: 50px;
  padding-top: 40px;
}

.bulletstep {
  position: relative;
  margin-top: 60px;
  font-size: 20px;
}

.bulletNumb {
  display: inline-block;
  margin-left: -45px;
  margin-right: 15px;
  color: #fff;
  border-radius: 50em;
  background-color: #f54d23;
  vertical-align: middle;
}

.bulletNumb > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-weight: bold;
}

span.bulletContent {
  display: inline-block;
  width: calc(100% - 100px);
  vertical-align: middle;
}

.choiceBox {
  position: relative;
  background-color: #ede6d5;
  padding: 50px 50px 55px 50px;
  text-align: center;
}

.choiceBox h3 {
  font-size: 20px;
  max-width: 250px;
  margin: 0 auto 20px auto;
}

.pseudoOr {
  z-index: 2;
}

.pseudoOr::after {
  content: "Ξ®";
  position: absolute;
  right: -55px;
  top: calc(50% - 40px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50rem;
  background-color: #fff9f0;
  color: #f54d23;
}

.qPhoneForm {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  max-width: 500px;
  z-index: 1;
}

.qPhoneForm input[type="text"] {
  background-color: #fff;
  border-radius: 100px;
  font-size: 14px;
  border: none;
  width: 100%;
  min-width: 200px;
  padding: 15px 150px 15px 20px;
  box-sizing: border-box;
}

.referBox a.cmnBtn.bgOrange {
  background-color: #3fd2cf;
}

.qPhoneForm .btnFormSend {
  position: absolute;
  height: 47px;
  top: 0;
  right: 0;
  background-color: #f54d23;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 0 30px;
  text-transform: uppercase;
  font-size: 1rem;
}

.qPhoneForm .message {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  font-size: 13px;
  font-style: normal;
  z-index: -1;
  color: #f54d23;
  padding: 0 35px;
  transition: ease 0.3s all;
}

.qPhoneForm .message.visible {
  opacity: 1;
  top: 50px;
}

.qPhoneForm + p {
  max-width: 400px;
}

.qSupreme .arrows {
}

p.referTip {
  position: relative;
  font-size: 13px;
  padding-left: 35px;
}

p.referTip::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/ext_files/prepaid/q/media/iconPen.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  background-color: #f54d23;
  border-radius: 50rem;
}

.coneLogo {
  padding-left: 10%;
  padding-top: 60px;
  text-align: right;
}

.coneLogo img {
  display: inline-block;
  max-width: 340px;
}

.referBox {
  position: relative;
  margin-top: 50px;
  padding: 30px 20px 40px 20px;
  font-size: 18px;
  line-height: 1.4;
}

.referBox .leftSide_1 {
  padding-left: 90px;
}

.referBox .leftSide_1 p {
  max-width: 270px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.referNumb {
  position: absolute;
  top: 20px;
  left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: #3fd2cf;
  border-radius: 50rem;
  color: #fff;
}

.referBox .rightSide_1 {
  text-align: center;
  padding-right: 140px;
}

.referBox .rightSide_1 h3 {
  font-size: 1.125rem;
  margin: 10px 0 0 0;
  color: #000;
}

.orSeperator {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.orSymbol {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 50rem;
  color: #f54d23;
  margin: 20px auto;
}

.orSeperator::before {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 100%;
  content: "";
  height: 4px;
  background-color: #fff;
  z-index: 0;
}

.referBox.v1 {
  background-position: right 65% bottom 0;
  background-size: 30%;
  background-repeat: no-repeat;
}

.referBox.v2 {
  background-position: right 0 top 0;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.referBox .leftSide_2 {
  padding: 20px 15px 20px 110px;
}

.referBox.v2 .rightSide {
  position: relative;
  padding: 30px 20px;
  padding-left: 70px;
}

.iconTips {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 18px;
  width: 50px;
  height: 50px;
  border-radius: 50rem;
  background-color: #f54d23;
  color: #fff;
}

.comingSoonContainer .vertical {
  max-width: 480px;
  color: #0e28b8;
  text-align: center;
  padding: 30px;
}

.comingSoonContainer img {
  max-width: 330px;
  margin: 20px auto;
}

.comingSoonContainer .horizontal {
  height: 100%;
  padding: 150px 0;
}

.comingSoonContainer {
  background-image: url("/ext_files/prepaid/q/media/KONE_2A.png");
  background-repeat: no-repeat;
  background-position: bottom right -100px;
}

.reasonsToTrust {
  padding: 1px 0 1px 0;
}

.trustBox {
  background-color: rgba(255, 249, 240, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  margin: 30px 5px 70px 5px;
  box-sizing: border-box;
}

.trustBox.flexClm2 {
  flex-basis: 14.6%;
  max-width: 14.6%;
  margin: 30px 1% 70px 1%;
}

.trustBox p {
  font-size: 12px;
  text-transform: uppercase;
}

.trustBox > img {
  width: auto;
  max-width: 100%;
  margin-bottom: 20px;
}

.redesignBoxes {
  padding: 4rem 0;
}

.redesignBoxes .colsWrap .eqItem .img {
  background-color: transparent;
  margin: 0 auto;
  margin-bottom: -40px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  max-width: 200px;
}

.redesignBoxes .colsWrap .eqItem {
  position: relative;
  padding: 0;
}

.redesignBoxes .colsWrap .eqItem .cnt {
  position: relative;
  background-color: #fff9f0;
  border-radius: 40px;
  z-index: 2;
  padding: 40px 40px 90px 40px;
  box-sizing: border-box;
}

.redesignBoxes .cols3.eqBlock.colsWrap {
}

.redesignBoxes .colsWrap .eqItem p.title {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}

.redesignBoxes .colsWrap .eqItem .btm {
  position: absolute;
  left: 40px;
  bottom: 30px;
  width: calc(100% - 80px);
  background-color: #f54d23;
  border-radius: 40px;
  margin-top: 20px;
  box-sizing: border-box;
}

.redesignBoxes .colsWrap .eqItem a.button {
  display: block;
  background-color: transparent;
  text-align: center;
  transition: 0.3s ease-out;
}

.redesignBoxes .colsWrap .eqItem a.button:hover {
  background-color: #0e28b8;
}

.redesignBoxes.bgWhite .colsWrap .eqItem .cnt {
  background-color: #eee7d6;
}

.qWizard {
  padding-top: 60px;
  padding-bottom: 70px;
  color: #fff;
}

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

.qWizard p {
  color: #fff;
}

.qWizard .cmnTitle {
  color: #fff;
}

#bundlesCarousel {
  padding-bottom: 4rem;
}

.bundle {
  margin-top: 10px;
}

.myOffersBanner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f54d23;
  border-radius: 20px;
  border: none;
  padding: 25px 20px;
  color: #fff;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.myOffersBanner .textArea {
  padding-right: 30px;
  flex: 5;
}

.myOffersBanner .btnArea {
  border: 1px solid #fff;
  padding: 5px 25px;
  border-radius: 40px;
  text-align: center;
}

.myOffersBanner h3,
.myOffersBanner p,
.myOffersBanner a {
  color: #fff;
}

.bundle,
.section .bundle {
  width: 90%;
  padding: 0 30px 20px 30px;
  box-sizing: border-box;
}

.bundle.disabled a.button {
  pointer-events: none;
}

.bundle.disabled a.button::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 40px;
  z-index: 5;
  pointer-events: none;
}

.qWizard .leftSide p {
  display: none;
}

.qOnlineSettings {
  color: #fff;
}

.sectionsWrap.inner .wizardCarousel .bundle > .bundle {
  width: 100%;
  margin: 0;
  padding: 0;
}

.wizardCarousel .owl-nav {
  display: none;
}

.carousel_f .bundle .bubble {
  margin-bottom: 0;
}

.pack_wrapper .wrapper {
  padding: 0 20px;
  box-sizing: border-box;
}

.notes_container {
  position: relative;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  border: none;
}

.notes_container::before {
  position: absolute;
  top: 0;
  left: 30px;
  content: "";
  width: calc(100% - 60px);
  height: 1px;
  background-color: #ccc;
}

ol li {
  background: none;
}

.squareList {
  list-style-type: disc;
  color: #878787;
}

.squareList li {
  padding: 0 0 0 38px;
  position: relative;
  margin: 0 0 14px;
  font-size: 17px;
}

.squareList li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #66aae7;
  top: 8px;
  left: 0;
}

.squareList ul li {
  font-size: 15px;
  line-height: 22px;
  list-style: none;
}

.squareList ul li:before {
  background-color: #aaacaf;
}

a.pdfLink .icon {
  display: inline-block;
  vertical-align: middle;
}

a.jpgLink,
a.zipLink,
a.pdfLink {
  color: #4c4c4c;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  margin: 0;
  position: relative;
  padding: 15px 10px;
  min-height: 34px;
  width: 100%;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

a.jpgLink:hover,
a.zipLink:hover,
a.pdfLink:hover {
  background-color: #e7e7e7;
}

.inlineLinks .pdfIcon {
  width: 29px;
  height: 34px;
  background-image: url("/ext_files/prepaid/q/media/pdf-icon.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

a.pdfLink .arrow {
  background-image: url("/ext_files/prepaid/q/media/download-icon.png");
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  width: 26px;
  height: 26px;
}

.noteBlock {
  margin: 20px 0;
}

.noteBlock .title {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}

.noteBlock ol li,
.noteBlock ul li {
  background-position: left 6px;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  padding-left: 30px;
  margin-bottom: 5px;
}

.noteBlock .label {
  background-color: #00b1eb;
  color: #fffefe;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  margin: 0 0 10px;
  padding: 0 6px;
  vertical-align: top;
}

.bundlesWrap.owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: -60px;
  width: calc(100% + 120px);
}

.bundlesWrap.owl-theme .owl-nav .owl-prev {
  float: left;
}

.bundlesWrap.owl-theme .owl-nav .owl-next {
  float: right;
}

.bundlesWrap.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent;
}

.bundlesWrap .disabled .bundleArrow {
  background-color: #d9d3c5;
}

.bundlesWrap .bundleArrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50rem;
  background-color: #0e28b8;
}

.bundlesWrap .bundleArrow img {
  max-width: 18px;
}

.faqTemp .accCont ul li,
ul.conentList li {
  background-image: none;
}

.faqTemp .tab p.blueTitle,
div.intro p.intro {
  color: #000;
  margin-bottom: 1.5rem;
}

#historyTable td img {
  display: inline-block;
  max-width: 19px;
}

ul li {
  color: #282726;
  font-size: 18px;
  line-height: 22px;
  list-style: none;
  padding: 0 0 20px 0;
  background: none;
}

ul {
  margin-top: 1rem;
}

ul.bullets {
  margin-bottom: 2rem;
}

ul.bullets > li {
  background: url("/ext_files/prepaid/q/media/plusIcon.png") no-repeat scroll
    left 7px;
  padding: 0 0 20px 22px;
}

.widthAuto {
  width: auto;
}

.pack_col_3 .pack_box,
.pack_box {
  padding: 71px 20px;
}

input.button,
a.button {
  background-color: #f54d23;
  border-radius: 100px;
  transition: 0.3s ease-out;
}

input.button:hover,
a.button:hover {
  background-color: #0e28b8;
}

#myQiframe .sidebar ul li a,
#myQ .sidebar ul li a {
  border: none !important;
}

.colsWrap.smallIcons > div .img {
  max-width: 150px;
  margin: 0 auto 10px auto;
  margin-left: auto;
  margin-right: auto;
}

.cols3.eqBlock.colsWrap.margBot {
  margin-bottom: 3rem;
}

.removeproduct img {
  width: 12px;
}

.form .packs-table .item td.quant {
  padding-left: 15px;
  box-sizing: border-box;
}

.checkbox label {
  width: calc(100% - 50px);
  display: inline-block;
  box-sizing: border-box;
}

.field.captcha .img,
.field.captcha .text,
.select .select-box,
input.text {
  border-radius: 40px;
}

.help_steps {
  background-color: #0e28b8;
  color: #fff;
}

.help_steps h3 {
  color: #fff;
}

.help_steps ul li {
  background-image: none;
  color: #fff;
  padding-left: 0;
}

textarea:focus,
input.text:focus {
  border-radius: 40px;
}

.content.blue {
  background-color: transparent;
}

#cookies-popup {
  top: auto;
  bottom: 0;
  left: 0;
  height: auto;
  padding-bottom: 20px;
  border-top: 2px solid #f54d23;
}

#cookies-popup .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #0e28b8;
}

#cookies-popup .content {
  width: auto;
  max-width: none;
  position: relative;
  z-index: 99999;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  text-align: center;
}

#cookies-popup h1 {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 0;
  display: block;
}

#cookies-popup .cyan,
#cookies-popup p.cyan,
#cookies-popup p {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin: 0;
}

#cookies-popup p:not(.cyan) {
  font-size: 12px;
}

#cookies-popup .controls {
  margin-top: 20px;
  text-align: center;
}

.navBar .top ul {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

.navBar .top ul::after {
  content: "";
  position: absolute;
  width: calc(100% - 60px);
  height: 4px;
  left: 30px;
  bottom: -4px;
  background-color: rgba(34, 36, 47, 0.1);
}

.navBar .top ul.list6 li.active,
.navBar .top ul.list6 li {
  width: auto;
  height: auto;
  padding-bottom: 5px;
  border: none;
}

.navBar .top ul.list6 li:not(.active) {
}

.navBar .top ul.list6 li.active a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  background-color: #f54d23;
  width: 100%;
  height: 4px;
}

.navBar .top ul li.active a,
.navBar .top ul li a {
  padding: 0 !important;
  width: 100%;
  margin: 0 !important;
  height: auto;
}

.navBar .top ul li .text {
  top: 0 !important;
  margin: 0 !important;
}

.bundle .inner {
  padding-bottom: 130px;
}

.bundle .inner .bundlePrice {
  font-size: 3rem;
  line-height: 1;
}

.bundle .inner .extra-info {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  letter-spacing: 0;
  font-family: "Manrope-Normal";
}

.bundleBot {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

#myQiframe .mobNav .selectWrap,
#myQ .mobNav .selectWrap {
  border-radius: 40px;
}

.myOffersBanner .btnArea .btn {
  font-size: 1rem;
}

.bundleBot sup {
  position: relative;
  font-size: 1.6rem;
  line-height: 0;
  margin-left: 5px;
  letter-spacing: 0;
  vertical-align: middle;
  top: -10px;
}

.icon4g {
  max-width: 95px;
  margin: 20px auto;
}

.cols4 {
  margin: 30px auto;
}

div.intro {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  box-sizing: border-box;
}

#bp_div {
  background-color: #f7d0af;
}

#myQiframe .myQtext,
#myQ .myQtext a.orange {
  color: #f54d23;
}

a.orange,
.orange {
  color: #f54d23;
}

.myQBubble {
  background-color: transparent;
}

.content.full .myQBubble .icon {
  background-image: url("/files/1/Q_v4/Redesign/my_account_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 29px;
  width: 75px;
  height: 75px;
}

.countdownHolder {
  width: 450px;
  margin: 0 auto;
  font: 32px/1.5 "Manrope-Extra-Bold";
  text-align: center;
  letter-spacing: -3px;
}

.position {
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 20px;
  left: -3px;
}

.digit {
  position: absolute;
  display: block;
  width: 20px;
  border-radius: 0;
  text-align: center;
  color: #272727;
  letter-spacing: -3px;
}

.countDays {
}

.countDiv0 {
}

.countHours {
}

.countDiv1 {
}

.countMinutes {
}

.countDiv2 {
}

.countSeconds {
}

.countDiv {
  display: inline-block;
  width: 15px;
  height: 1.6em;
  position: relative;
}

.countDiv:before,
.countDiv:after {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #272727;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.5em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countDiv:after {
  top: 0.9em;
}

.counterOffer .bundle {
  margin-top: 55px;
  padding-bottom: 20px;
}

.counterOffer .bundle .bubble {
  margin: -25px 0 30px;
  letter-spacing: -5px;
  font-size: 63px;
}

.counterOffer .bundle .bubble .sup {
  font-size: 35px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  line-height: 84px;
  margin-left: 3px;
}

.counterOffer .bundle .title {
  border-bottom: 1px dotted #cbcbcb;
  color: rgba(0, 0, 0, 0.85);
  font-size: 40px;
  font-family: "Manrope-Extra-Bold";
  text-align: center;
  line-height: 40px;
  letter-spacing: -4px;
  padding-bottom: 23px;
  position: relative;
  margin: 0 10%;
  width: 80%;
}

.counterOffer .countdownLeft {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 55px 2.5% 20px;
  width: 32%;
  padding-bottom: 0;
  background-color: #f54d23;
  text-align: center;
  border-radius: 40px;
}

.counterOffer .countdownLeft .shadow {
  background: url("/ext_files/prepaid/q/media/bundleShadow.png") no-repeat
    scroll 0 0;
  background-size: 100% auto;
  left: -0.5%;
  position: absolute;
  top: 15px;
  z-index: 0;
  width: 102.5%;
  height: 90%;
  display: none;
}

.counterOffer .countBlueTop {
  background-color: #0e28b8;
  display: inline-block;
  text-align: center;
  padding: 0 10%;
  padding-bottom: 35px;
  padding-top: 40px;
  position: relative;
  width: 80%;
  border-radius: 40px 40px 0 0;
}

.counterOffer .countBlueTop h2 {
  font-size: 40px;
  color: #fff;
  font-family: "Manrope-Extra-Bold";
  line-height: 40px;
  letter-spacing: -3px;
}

.counterOffer .countdownLeftBottom {
  display: inline-block;
  width: 100%;
  position: relative;
}

.counterOffer .countdownLeftBottom h2 {
  font-size: 28px;
  color: #fff;
  font-family: "Manrope-Extra-Bold";
  line-height: 40px;
  letter-spacing: -1px;
  padding-bottom: 20px;
}

.counterOffer .circleCounter {
  display: inline-block;
  width: 280px;
  height: 280px;
  position: relative;
  margin: 20px auto;
}

.counterOffer .donut {
  display: none;
}

.counterOffer .donut.end {
  display: block;
}

.counterOffer #countdown {
  z-index: 301;
  position: absolute;
  top: calc(50% - 32px);
  left: 0;
  width: 280px;
}

.counterOffer .countdownLeftBottom:after {
  content: "";
  position: absolute;
  right: -18px;
  top: 20%;
  width: 20px;
  height: 36px;
}

.counterOffer .countdownLeftBottom .pie-value {
  opacity: 0;
}

.counterOffer .bundle.countdownRight {
  width: 45%;
  border-radius: 0;
  display: inline-block;
  margin: 55px 0 0 4%;
  border-radius: 40px;
}

.counterOffer .bundle.countdownRight .shadow {
  background: url("/ext_files/prepaid/q/media/bundleShadow.png") no-repeat
    scroll 0 0;
  background-size: 100% auto;
  left: -1%;
  position: absolute;
  top: 15px;
  z-index: 0;
  width: 102.8%;
  height: 90%;
}

.counterOffer .counterBG {
  display: none;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.counterOffer .endPromo {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 18;
  left: 50%;
  margin-left: -50%;
  width: 100%;
}

.counterOffer .endPromo img {
  width: 100%;
  max-width: 389px;
  margin: 0 auto;
}

.counterOffer .notes_container {
  font-size: 20px;
  margin: 0;
  padding: 13px 0;
}

.counterOffer .notes_container {
  font-size: 20px;
  margin: 0;
  padding: 13px 0;
}

.counterOffer .notes_container {
  width: 100%;
  border-top: solid 1px #ccc;
  padding: 13px 0;
  float: left;
  margin: 40px 0 23px 0;
  font-size: 11px;
  color: #999;
}

.counterOffer #countdownDays {
  position: absolute;
  top: calc(50% + 14px);
  font-size: 14px;
  color: #fff;
  width: 100%;
  text-align: center;
}

.counterOffer #countdownDays span {
  display: inline-block;
  width: 22%;
  font-weight: bold;
  text-align: center;
}

.counterOffer .bundleFreetext {
  font-size: 16px;
  letter-spacing: 0;
}

.counterOffer .endCounder .bundle .title {
  color: rgba(0, 0, 0, 0.2);
}

.counterOffer .endCounder .countBlueTop h2,
.counterOffer .endCounder .donut,
.counterOffer .endCounder #countdown,
.counterOffer .endCounder #countdownDays {
  opacity: 0.2;
}

.counterOffer .endCounder .countdownLeft .countBlueTop {
  background-color: #bab7b4;
}

.counterOffer .endCounder .counterBG {
  display: block;
}

.counterOffer .endCounder .endPromo {
  display: block;
}

.counterOffer .endCounder .bundle .bubble {
  z-index: 6;
}

.counterOffer .endCounder .countdownLeftBottom h2 {
  display: none;
}

.grayTextColor {
  color: #878787;
}

.grayTextColor li {
  color: #878787;
  list-style: disc;
  padding-bottom: 5px;
}

ul.grayTextColor {
  padding-left: 20px;
}

.dbsect {
  padding: 55px 18px 40px 18px;
}

.dbsect_inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -50px;
}

.dbsect_item {
  width: calc(50% - 100px);
  margin: 0 50px;
}

.dbsect_number {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  letter-spacing: -0.04em;
  color: #eee7d6;
  border-radius: 50%;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 10px;
}

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

.dbsect_item p {
  font-weight: normal;
  font-size: 15px;
  color: #22242f;
  margin: 0;
}

.dbsect_image_wrap {
  margin-bottom: 30px;
  background: #fff9f0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.squareList li:before {
  background-color: #0e28b8;
}

.bundleWithInfo {
  display: flex;
  padding-bottom: 50px;
  align-items: center;
}

.bundleWithInfo .bundle {
  width: 100%;
  max-width: 340px;
}

.bundleWithInfo .bundleInfo {
  padding-left: 50px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.referBox .field-validation-error {
  font-size: 13px;
  font-style: normal;
  z-index: -1;
  color: #f54d23;
  padding: 0 6px;
  transition: ease 0.3s all;
  margin-top: 0;
  line-height: 1;
}

.slider1dv3 .sliderItem h2.full {
  width: 100%;
  max-width: 100%;
}

.cmnBtn.cmnBtn_outline {
  border: 2px solid #fff;
  background-color: transparent;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.learnsect {
  background: #fff9f0;
  padding-bottom: 40px;
}

.learnsect .faqTemp.cookies-faq,
.learnsect .faqTemp.cookies-faq > div,
.learnsect .faqTemp.cookies-faq .accItem {
  max-width: 100%;
}

.learnsect .accItem + .accItem {
  margin-top: 10px;
}

.learnsect .faqTemp.cookies-faq {
  padding: 25px 40px 40px 40px;
  border-radius: 40px;
}

.learnsect a {
  color: #22242f;
  font-size: 22px;
  text-decoration: underline;
  width: 100%;
  display: inline-block;
  margin-top: 30px;
  text-align: center;
}

.learnsect .accWrapper a {
  margin: 0;
  width: auto;
  font-size: inherit;
}

.sliderItem_btn_row {
  display: flex;
  margin: 0 -8px;
  flex-wrap: wrap;
}

.sliderItem_btn_row .cmnBtn {
  min-width: 215px;
  height: 48px;
  line-height: 28px;
  margin-left: 8px;
  margin-right: 8px;
}

.play_btn {
  width: 28px;
  height: 28px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #fff;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}

.play_btn:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  left: 10px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
}

.sliderItem_share_row {
  margin-top: 40px;
}

.commBox .inner h2,
.commBox .inner h1,
.commBox .inner p {
  width: 40%;
  margin-top: 30px;
  padding-bottom: 80px;
  color: #000;
  font-weight: bold;
}

.cmnTitle .smallTitle {
  font-size: 2rem;
  display: block;
  line-height: 1;
  margin-bottom: -8px;
}

.sliderTitle {
  font-size: 3.5rem;
  font-weight: 900;
  color: #fff9f0;
  max-width: 500px;
  margin: 30px 0 10px 0;
  line-height: 1.25;
  letter-spacing: -2px;
  width: 100%;
  max-width: 100%;
}

.mbBtnMenu {
  position: relative;
  display: none;
  width: 28px;
  min-width: 28px;
  flex-basis: 28px;
  height: 20px;
}

.mbBtnMenu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.mbBtnMenu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 70%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.mbBtnMenu.open:before {
  left: 0;
  top: 7px;
  width: 24px;
  background-color: #fff;
  transform: rotate(45deg);
}

.mbBtnMenu.open:after {
  left: 0;
  top: 7px;
  width: 24px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.mbFootCol {
  display: none;
}

.mbMenuIcon {
  display: none;
}

@media (min-width: 2560px) {
}

@media (min-width: 1900px) {
}

@media (max-width: 2560px) {
}

@media (max-width: 1920px) {
}

@media (max-width: 1899px) {
}

@media (max-width: 1680px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1400px) {
  .mainMenu ul > li {
    padding: 0 10px;
    margin-top: 13px;
  }

  .mainMenu ul > li > a {
    font-size: 16px;
  }
}

@media (max-width: 1366px) {
  .slider1dv3 .sliderItem .container {
    position: absolute;
    bottom: 50px;
  }

  .slider1dv3 .sliderItem h1,
  .sliderTitle {
    font-size: 2.5rem;
  }

  .slider1dv3 .owl-dots {
    bottom: 20px;
  }
}

@media (max-width: 1280px) {
}

@media (max-width: 1279px) {
}

@media (max-width: 1200px) {
  .bulletNumb {
    margin-left: 0;
  }

  .bundlesWrap {
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
  }

  .bundlesWrap.owl-theme .owl-nav {
    left: 0;
    width: 100%;
  }
}

@media (max-width: 1199px) {
}

@media (max-width: 1150px) {
}

@media (max-width: 1050px) {
}

@media (max-width: 1024px) {
  .cmnTitle {
    font-size: 2.5rem;
  }

  .slider1dv3 .sliderItem {
    height: 50vh;
    background-position: top right;
    min-height: 255px;
  }

  .slider1dv3 .sliderItem .container {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 60px;
  }

  .slider1dv3 .owl-dots {
    bottom: 15px;
  }

  .slider1dv3 .sliderItem h1,
  .sliderTitle {
    font-size: 2.5rem;
    max-width: 463px;
  }

  .referBox .rightSide_1 {
    padding-right: 15px;
  }
}

@media (max-width: 1023px) {
  .mainWrapper {
    padding: 60px 0 0 0;
  }

  .mainHeader .flexContainer {
    padding: 0 20px;
    justify-content: flex-start;
  }

  .mainHeader .mainLogo {
    flex-basis: auto;
    z-index: 4;
  }

  .mainHeader .mainLogo a {
    width: 55px;
  }

  .mainHeader {
    max-height: 60px;
  }

  .mbBtnMenu {
    display: inline-block;
    margin-top: 11px;
    margin-left: 25px;
    align-self: flex-start;
  }

  .mainMenu {
    position: absolute;
    top: 50px;
    left: -100vw;
    width: 100vw;
    opacity: 0;
    height: calc(100vh - 60px);
    text-align: center;
    overflow: auto;
    visibility: hidden;
    transition: left 0.3s ease-out;
    background-color: #0e28b8;
  }

  .mainMenu.open {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .mainMenu ul > li {
    display: block;
    padding: 15px 0;
    margin: 0;
  }

  .mainMenu ul > li > a {
    font-size: 1rem;
    display: inline-block;
  }

  .mainMenu ul > li > a:hover::after {
    content: none;
  }

  .menuToolsWrap {
    margin-top: 8px;
    max-width: 60%;
    flex-basis: 60%;
    margin-left: auto;
  }

  .headerSearch {
    padding: 30px 20px 15px 20px;
    top: 50px;
    right: 0;
    width: 100vw;
  }

  .headerSearch input[type="search"] {
    width: calc(100% - 60px);
  }

  .headerSearch .btnClose {
    float: right;
    margin-top: 5px;
  }
}

@media (max-width: 991px) {
  .referBox .leftSide_3 {
    width: 100%;
  }

  .referBox.v2 {
    background-image: none !important;
  }

  .referBox .leftSide_2 {
    width: 100%;
  }

  .referBox.v2 .rightSide {
    width: 100%;
    padding: 20px 15px;
    padding-left: 70px;
  }

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

@media (max-width: 990px) {
}

@media (max-width: 900px) {
  .mainFooter {
    padding: 10px 0 30px 0;
  }

  .mainFooter .container {
    padding: 0 20px;
  }

  .mainFooter .col_5,
  .mainFooter .col_4,
  .mainFooter .col_3 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .footNewsLetterForm + p,
  .footNewsLetterForm {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .footNewsLetterForm input[type="email"] {
    margin: 0;
    width: 100%;
  }

  .footBottom {
    border: none;
    margin-top: 0;
    padding: 20px 0;
  }

  .footBottom .col_8 {
    display: none;
  }

  .footBottom .col_2 {
    width: 50%;
    margin-top: 30px;
  }

  .footBottom .mbFootCol {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .footBottom .mbFootCol li {
    display: block;
    padding: 10px 0;
  }

  .copyR img {
    margin-right: 5px;
  }

  .footSocials li {
    padding: 0 10px;
    margin: 0;
  }

  .mbExpandable {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-right: 20px;
  }

  .mbExpandable::after {
    position: absolute;
    right: 0;
    top: 5px;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
  }

  .mbExpandable.open::after {
    transform: rotate(180deg);
  }

  .footList {
    max-height: 0;
    visibility: hidden;
  }

  .footList.open {
    max-height: none;
    visibility: visible;
  }
}

@media (max-width: 768px) {
  .slider1dv3 .sliderItem h1,
  .sliderTitle {
    max-width: 390px;
  }

  .col_6 {
    width: 100%;
  }

  .commBox {
    margin-bottom: 2.5rem;
  }

  .boxGrow {
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 420px;
  }

  .boxGrowMargin {
    margin-top: 2.5rem;
  }

  .f40Title {
    margin-top: 0;
    font-size: 2rem;
  }

  .secGrow .f40Title {
    width: 100%;
  }

  .cmnSection .col_6 {
    padding-top: 2rem;
  }

  ul li {
    background-image: none;
  }

  .cmnSection {
    padding-top: 30px;
  }

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

  .reasonsToTrust {
    padding-bottom: 50px;
  }

  .trustBox.flexClm2 {
    max-width: 31.33%;
    flex-basis: 31.33%;
    margin: 1rem 1%;
  }

  .secTitle {
    font-size: 2rem;
  }

  .bulletstep {
    font-size: 1rem;
  }

  .choiceBox {
    margin-bottom: 2rem;
  }

  .pseudoOr::after {
    top: auto;
    right: auto;
    left: calc(50% - 40px);
    bottom: -55px;
  }

  .qPhoneForm input[type="text"] {
    padding: 15px 20px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7px;
  }

  .qPhoneForm .btnFormSend {
    position: relative;
    margin-top: 1rem;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .qPhoneForm .message {
    position: relative;
    top: inherit;
    height: 0;
    overflow: hidden;
    padding: 0;
  }

  .qPhoneForm .message.visible {
    position: relative;
    top: inherit;
    height: auto;
    padding: 5px 20px;
  }

  .secGApp .cmnBtn {
    display: block;
    max-width: 280px;
  }

  .coneLogo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .regStepsContainer .row {
    display: flex;
    flex-wrap: wrap;
  }

  .regStepsContainer .coneLogo.col_6 {
    order: -1;
    margin-bottom: 40px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .navBar .top,
  .navBar.navBarMenu {
    display: block;
    margin: 0;
    overflow-x: visible;
  }

  .navBar .top ul {
    display: block;
    overflow-x: auto;
    padding: 30px 30px;
    white-space: nowrap;
  }

  .navBar .top ul.list6 li {
    display: inline-block;
    width: auto;
    min-width: 200px;
  }

  .redesignBoxes .colsWrap .eqItem {
    margin-bottom: 2rem;
  }

  .redesignBoxes .colsWrap .eqItem .img,
  .colsWrap > div .img {
    margin-right: 3%;
    margin-bottom: 0;
  }

  .redesignBoxes .colsWrap .eqItem .cnt,
  .colsWrap > div .cnt {
    width: 50%;
    padding: 30px;
  }

  .colsWrap > div .img img {
    max-width: none;
  }

  .redesignBoxes .colsWrap .eqItem .btm {
    position: relative;
    width: 100%;
    left: auto;
    bottom: auto;
  }

  .qSupreme .col_5,
  .qSupreme .col_7 {
    width: 100%;
  }

  .qSupreme .col_5 {
    margin: 3rem 0;
  }

  .sliderPackages {
    width: 100%;
    margin: 0;
  }

  .cardPackage.third,
  .cardPackage.second,
  .cardPackage {
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 100%;
    margin-bottom: 30px;
    transform: none !important;
    opacity: 1 !important;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .cardPackage .maskOpacity {
    opacity: 0 !important;
  }

  .cardPackage.first a.cmnBtn {
    background-color: #f54d23;
  }

  .qSupreme .arrows {
    display: none;
  }

  .content.full .myQBubble .icon {
    background-position: center;
    margin-top: 26px;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 700px) and (max-height: 500px) {
  .slider1dv3 .sliderItem {
    background-size: 130% auto;
  }
}

@media (max-width: 700px) {
  .cmnTitle {
    font-size: 2rem;
  }

  .slider1dv3 .sliderItem {
    height: 75vh;
  }

  .slider1dv3 .sliderItem h1,
  .sliderTitle {
    font-size: 2rem;
    max-width: 370px;
  }
}

@media (max-width: 612px) {
  .referBox .bgBlue,
  .referBox .bgBlue ul li,
  .referBox {
    font-size: 16px;
  }

  .referBox .leftSide_3 {
    padding: 0 26px 26px;
  }

  .leftSide_3desc {
    font-size: 16px;
  }

  .flex-wrap__col {
    width: 100%;
  }

  .referBox-title {
    padding-left: 0;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
  }

  .flex-wrap__col h3 {
    font-size: 17px;
  }

  .container {
    padding: 0 15px;
  }

  div.intro {
    padding-right: 20px;
    padding-left: 20px;
  }

  .innerBanner div.intro {
    margin-left: auto;
    margin-right: auto;
  }

  .commBox .inner {
    background-position: top right;
  }

  .commBox .inner h2 {
    width: 40%;
  }

  .qWizard .flexClm7 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .qWizard .leftSide p {
    display: block;
  }

  .qWizard .rightSide {
    display: none;
  }

  .btnGApp {
    display: inline-block;
    width: 110px;
    margin-left: 0;
    margin-right: 10px;
  }

  .bundle,
  .section .bundle {
    width: 95%;
  }

  .popContent {
    padding: 20px;
  }

  .popContent p,
  .popContent li {
    font-size: 0.875rem;
  }

  .referBox {
    padding-left: 0;
    padding-right: 0;
  }

  .referNumb {
    left: 10px;
  }

  .coneLogo {
    padding-top: 10px;
  }

  .referBox .rightSide_1,
  .referBox .leftSide_2,
  .referBox .leftSide_1 {
    width: 100%;
    padding-left: 15px;
  }

  .referBox .leftSide_2,
  .referBox .leftSide_1 {
    margin-top: 35px;
  }

  .referBox.v1 {
    background-image: none !important;
  }

  .referBox.v2 {
    padding-top: 30px;
  }

  .referNumb {
    font-size: 1rem;
    width: 40px;
    height: 40px;
  }

  .qPhoneForm {
    margin-top: 30px;
  }

  .bundlesWrap .bundleArrow {
    width: 40px;
    height: 40px;
  }

  .bundlesWrap {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .bundlesWrap.owl-theme .owl-nav {
    left: -10px;
    width: calc(100% + 20px);
  }

  .bundlesWrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
  }

  .bundle,
  .section .bundle {
    padding: 0 15px 20px 15px;
  }

  .suggestedPackages .container {
    padding-right: 0;
  }
}

@media (max-width: 480px) {
  .redesignBoxes .colsWrap .eqItem .img,
  .colsWrap > div .img {
    margin-right: 0%;
    width: 100%;
    margin-bottom: -35px;
  }

  .redesignBoxes .colsWrap .eqItem .cnt,
  .colsWrap > div .cnt {
    width: 100%;
    padding: 30px;
  }

  .bundle .title {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .commBox .inner h2,
  .commBox .inner h1,
  .commBox .inner p {
    width: 100%;
    padding-bottom: 0;
  }

  .commBox .inner {
    background-position: top center;
    background-size: 100% auto;
    text-align: center;
    padding-top: 90vw;
    padding-bottom: 30px;
  }

  .commBox .inner h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }

  .commBox .inner .cmnBtn {
    position: relative;
    left: auto;
    bottom: auto;
  }

  .colsWrap > div .img img {
    max-width: 200px;
    width: 200px;
  }
}

@media (max-width: 414px) {
  .field-txt p,
  #myQiframe .field-txt p {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  .trustBox.flexClm2 {
    max-width: 48%;
    flex-basis: 48%;
  }

  .bulletstep {
    font-size: 14px;
  }
}

@media (max-width: 404px) {
  .myOffersBanner {
    flex-direction: column;
  }

  .myOffersBanner .btnArea {
    margin-top: 25px;
  }
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
  .qPhoneForm input[type="text"] {
    font-size: 12px;
  }

  .bundle a.button {
    font-size: 12px;
  }
}

@media (max-width: 320px) {
}

@media screen and (max-width: 667px) {
  #myQiframe .sidebar a.close,
  #myQ .sidebar a.close {
    top: 12px;
  }

  #myQiframe .content,
  #myQiframe .sidebar,
  #myQ .content,
  #myQ .sidebar {
    width: 100%;
    height: auto;
  }

  #myQiframe .myQtext,
  #myQ .myQtext {
    margin-bottom: 10px;
    max-width: 34%;
  }

  #myQiframe .content.full .top {
    padding-bottom: 20px;
  }

  #myQiframe .sidebar ul,
  #myQ .sidebar ul {
    display: none;
  }

  #myQiframe .content .wrapper > div.info,
  #myQ .content .wrapper > div.info {
    margin-bottom: 21px;
    padding-bottom: 25px;
    text-align: center;
  }

  #myQiframe .logout,
  #myQ .logout {
    float: none;
    display: inline-block;
    margin: 15px 0 0 0;
  }

  #myQiframe .content,
  #myQ .content {
    padding-top: 0;
  }

  #myQiframe .info,
  #myQ .info {
    background-color: #f2f2f2;
  }

  #myQiframe .content .wrapper {
    padding-bottom: 100px;
    padding-top: 0;
    margin: 0;
    width: 100%;
  }

  #myQiframe .accountBlock,
  #myQiframe .content .item,
  #myQiframe .mobNav {
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
  }

  #myQ .content .wrapper {
    padding-bottom: 100px;
    padding-top: 0;
    width: 100%;
  }

  #myQiframe .info > .border,
  #myQ .info > .border {
    border-top: 1px solid #ccc;
    border-bottom: none;
    margin-bottom: 28px;
    padding-top: 11px;
  }

  #myQiframe .info > div,
  #myQ .info > div {
    width: 75%;
  }

  #myQiframe .info > .refresh,
  #myQ .info > .refresh {
    padding-right: 15px;
    position: relative;
    width: auto;
    max-width: 60%;
  }

  #myQiframe .info > .refresh a.refresh,
  #myQ .info > .refresh a.refresh {
    margin-top: -6px;
    position: absolute;
    right: 0;
    top: 50%;
  }

  .myQTable table {
    max-width: 100%;
    width: 100%;
  }

  .myQTable td .cur,
  .myQTable td .price {
    font-size: 60px;
    line-height: 60px;
  }

  .myQTable td .text {
    font-size: 13px;
  }

  .myQTable td .text.s {
    font-size: 10px;
  }

  .myQTable td .date {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -3px;
  }

  .myQTable table td,
  .myQTable table:first-child td {
    padding: 0 7%;
  }

  .myQTable table:first-child {
    border: none;
  }

  .myQTable .border {
    background-color: #cbcbcb;
    float: left;
    margin: 0 15%;
    width: 70%;
    height: 1px;
  }

  #myQ .mobNav,
  #myQiframe .mobNav {
    display: block;
  }

  #myQiframe .content.full,
  #myQ .content.full {
    padding-bottom: 20px;
  }

  .button.inline.left {
    margin-right: 0;
  }

  .button.inline {
    display: block;
    text-align: center;
    margin: 0 0 15px;
    max-width: 240px;
  }

  #myQiframe .form {
    margin: 0 5% 20px;
    width: 90%;
  }

  .blockTitle {
    font-size: 14px;
    margin-bottom: 18px;
    padding-bottom: 3px;
  }

  .form .field {
    margin: 0 0 12px 0;
    padding-right: 0;
    width: 100%;
  }

  .fieldRow label {
    padding-right: 20px;
  }

  .field label {
    font-size: 11px;
    margin-bottom: 6px;
  }

  .mobInfoBubble {
    cursor: pointer;
    display: block;
  }

  .no-touch .field:hover .infoBubble,
  .field:hover .infoBubble {
    display: none !important;
  }

  #myQiframe .notification.yellow {
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
  }

  #myQiframe .bundle {
    margin: 55px auto 20px;
    width: 90%;
    max-width: 324px;
  }

  .blockTitle.orange {
    margin: 0 5% 18px;
    width: 90%;
  }

  .cols2.borderCol {
    background: none;
  }

  #myQiframe .content.full .promoImg {
    height: 197px;
  }

  .cols2.borderCol {
    background: none;
  }

  .cols2 .col {
    margin: 8px 0;
    width: 100%;
  }

  .item.balance .myQTable table:first-child,
  .item .myQTable table:first-child {
    width: 100%;
  }

  .myQTable table:nth-child(odd) {
    border-right: none;
  }

  .notification.yellow .text {
    max-width: 88%;
  }

  .notification .icon {
    margin-right: 10px;
  }

  #myQiframe .content .table {
    margin: 0 5%;
    width: 90%;
  }

  table.mobTables td:before,
  table.mobTables,
  table.mobTables thead,
  table.mobTables tbody,
  table.mobTables th,
  table.mobTables td,
  table.mobTables tr {
    display: block;
  }

  table.mobTables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.mobTables td {
    border: none;
    position: relative;
    padding-left: 50%;
    padding-right: 5%;
    text-align: right;
    min-height: 15px;
  }

  table.mobTables td:before {
    font-family: "Manrope-Bold";
    color: #2c1919;
    font-size: 9px;
    line-height: 15px;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    padding-left: 5%;
    text-align: left;
    white-space: nowrap;
  }

  table.mobTables tr:nth-child(2n) td:last-child {
    border-bottom: 1px dotted #d5d5d5;
  }

  table.mobTables tr:nth-child(2n + 1) td:last-child {
    border-bottom: 1px dotted #efefef;
  }

  table.mobTables tr:nth-child(2n + 1) td {
    background-color: #d5d5d5;
  }

  table.mobTables tr:nth-child(2n) td {
    background-color: #efefef;
  }

  table.mobTables.equal3 td {
    padding-left: 50%;
    padding-right: 5%;
    width: auto;
  }

  table.mobTables.center td,
  table.mobTables.center td:first-child {
    text-align: right;
  }

  table.type1 td {
    font-size: 16px;
    padding-bottom: 3px;
    padding-top: 3px;
  }

  #myQiframe .info > .border span.orange {
    display: block;
  }

  #myQiframe .popup.alert .content {
    font-size: 20px;
    line-height: 24px;
  }

  a.button.left {
    margin-right: 4%;
  }

  #myQiframe .offerBlock {
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
    min-height: inherit;
  }

  #QRegisterStep2 .field.select.inlineField {
    width: 55% !important;
  }
}

@media screen and (min-width: 668px) and (max-width: 931px) {
  #myQiframe .sidebar ul li a,
  #myQ .sidebar ul li a {
    font-size: 14px;
  }

  #myQiframe .content.full .wrapper,
  #myQ .content.full .wrapper {
    width: 98%;
  }

  .form .field {
    margin-left: 4%;
    width: 50%;
  }

  #myQiframe .bundle {
    min-width: 316px;
    margin: 55px 2% 20px;
    width: 46%;
  }

  .notification.yellow .text {
    max-width: 94%;
  }

  a.button.left {
    margin-right: 4%;
  }

  #myQiframe .offerBlock h3 {
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 2px;
    letter-spacing: -2px;
  }

  #myQiframe .bundlesWrap {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  #myQiframe .offerBlock {
    min-height: inherit;
  }

  #myQiframe .offerBlock .img img {
    width: 100%;
    height: auto;
  }

  body .commBox .inner {
    min-height: 0;
  }
}

@media screen and (max-width: 1279px) {
  .myOffersMenuLink:after {
    right: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .myOfferItem {
    margin: 20px 0;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .myOfferItem .imgPlace {
    height: 27vw;
  }
}

@media screen and (max-width: 667px) {
  .myOfferItem {
    margin: 0 0;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 30px;
  }

  .myOfferItem .textPlace {
    padding: 10px 20px 20px 20px;
  }

  .myOfferItem .imgPlace {
    height: 50vw;
  }

  .myOfferItem .textPlace h3 {
    font-size: 1.2rem;
  }

  .myOfferItem .textPlace .btn {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  .counterOffer .countdownLeft {
    width: 40%;
    margin-right: 3.5%;
  }

  .counterOffer .bundle.countdownRight {
    width: 51%;
    margin-left: 0;
  }

  .counterOffer .bundle.countdownRight .bundle {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .counterOffer .countdownLeft {
    margin: 0 1%;
    max-width: 400px;
    width: 98%;
    margin-bottom: 5em;
  }

  .counterOffer .bundle.countdownRight {
    margin: 0 1%;
    max-width: 400px;
    width: 98%;
  }

  .counterOffer .bundle.countdownRight .bundle {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 500px) {
  .counterOffer .countdownLeftBottom:after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .bundleWithInfo {
    flex-direction: column;
    padding-top: 50px;
  }

  .bundleWithInfo .bundle {
    max-width: inherit;
  }

  .bundleWithInfo .bundleInfo {
    padding-left: inherit;
  }
}

#cookies-popup .controls a:link,
#cookies-popup .controls a:visited {
  left: calc(50% + 260px);
}

@media (max-width: 768px) {
  #cookies-popup .controls button {
    margin-top: 10px;
  }
}

.futureBundle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cmnBtn.bgBlack {
  background-color: #000;
}

.cmnBtn.bgWhite {
  background-color: #fff9f0;
}

.cmnBtn.bgGray {
  background-color: #eee7d6;
}

.cmnBtn.bgGrayLight {
  background-color: #f9f3e4;
}

.cmnBtn.bgBeige {
  background-color: #f7d0af;
}

.cmnBtn.bgOrange {
  background-color: #f54d23;
}

.cmnBtn.bgBlue {
  background-color: #0e28b8;
}

.cmnBtn.bgGreen {
  background-color: #3fd3d0;
}

.form .checkbox.full.noMargin .input {
  vertical-align: top;
}

.footNewsLetterForm input[type="email"]:-webkit-autofill,
.footNewsLetterForm input[type="email"]:-webkit-autofill:hover,
.footNewsLetterForm input[type="email"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #3fd3d0 inset;
  transition: background-color 5000s ease-in-out 0s;
}

form#QRegisterStep1FormInside {
  padding: 0 20px;
}

.radioBlock span.input.icon {
  margin-right: 8px;
}

td.img img {
  margin-left: 10px;
}

#cookies-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

#cookies-popup .bg {
  background: rgba(235, 102, 8, 0.95);
  width: 100%;
  height: 100%;
}

#cookies-popup .content {
  width: 100%;
  max-width: 760px;
  position: absolute;
  z-index: 99999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

#cookies-popup h1 {
  font-family: "Manrope-Extra-Bold";
  font-weight: normal;
  font-size: 50px;
  color: #462309;
  margin-bottom: 35px;
  line-height: 1;
}

#cookies-popup .cyan,
#cookies-popup p.cyan {
  font-family: "Manrope-SemiBold";
  font-weight: normal;
  font-size: 21px;
  color: #462309;
}

#cookies-popup p {
  margin-bottom: 35px;
  line-height: 1;
}

#cookies-popup p:not(.cyan) {
  font-size: 18px;
  color: #fff;
}

#cookies-popup button {
  font-family: "Manrope-Normal";
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background: #35a8e0;
  border: none;
  outline: 0;
  width: 235px;
  height: 39px;
}

#cookies-popup .controls {
  position: relative;
}

#cookies-popup .controls a:link,
#cookies-popup .controls a:visited {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: underline;
  position: absolute;
  left: calc(50% + 150px);
  top: 13px;
}

#cookies-popup button:hover,
#cookies-popup .controls a:hover {
  opacity: 0.8;
}

#cookies-popup {
  height: auto;
  bottom: 0;
  left: 0;
}

#cookies-popup .bg {
  top: 0;
  left: 0;
  position: absolute;
}

#cookies-popup .content {
  position: relative;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: auto;
  max-width: 1060px;
  margin: 0 auto;
  padding: 25px 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#cookies-popup .inner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

#cookies-popup .controls a {
  white-space: nowrap;
}

#cookies-popup p {
  margin-bottom: 15px;
}

#cookies-popup .controls {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

#cookies-popup .field.checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 7.5px;
}

#cookies-popup .field.checkbox.disabled {
  opacity: 0.55;
}

body #cookies-popup .field.checkbox label {
  color: #fff;
  margin-left: 10px;
  font-size: 12px;
  font-family: "Manrope-SemiBold";
}

#cookies-popup .cookie_checkboxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  max-width: 100%;
}

body #cookies-popup button {
  border-radius: 20px;
  font-size: 14px;
  width: 200px;
  margin: 10px;
}

body #cookies-popup .cyan,
body #cookies-popup p.cyan,
body #cookies-popup p {
  font-size: 12px;
}

.accCont.disabled {
  cursor: default !important;
}

body #cookies-popup p a {
  color: #fff;
  text-decoration: underline;
}

body #cookies-popup .content {
  max-width: 100%;
  width: 100%;
}

#cookies-popup h3 {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 0;
  display: block;
  font-family: "Manrope-Extra-Bold";
  font-weight: normal;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  #cookies-popup .inner-content {
    padding-left: 5%;
    padding-right: 5%;
  }

  #cookies-popup h1 {
    font-size: 40px;
  }

  #cookies-popup button {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #cookies-popup .controls a:link,
  #cookies-popup .controls a:visited {
    position: static;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  #cookies-popup .cookie_checkboxes {
    padding: 5px 10px;
  }

  #cookies-popup button {
    margin: 5px 10px;
  }

  #cookies-popup p {
    margin-bottom: 8px;
  }

  #cookies-popup .content {
    padding: 15px 22px;
  }
}

#cookies-popup {
  top: auto;
  bottom: 0;
  left: 0;
  height: auto;
  padding-bottom: 20px;
  border-top: 2px solid #f54d23;
}

#cookies-popup .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #0e28b8;
}

#cookies-popup .content {
  width: 100%;
  max-width: none;
  position: relative;
  z-index: 99999;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  text-align: center;
}

#cookies-popup h1 {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 0;
  display: block;
}

#cookies-popup .cyan,
#cookies-popup p.cyan,
#cookies-popup p {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin: 0;
}

#cookies-popup p:not(.cyan) {
  font-size: 12px;
}

#cookies-popup .controls {
  margin-top: 20px;
  text-align: center;
}

#cookies-popup .field.checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 7.5px;
}

.checkbox .input {
  background-position: -314px -49px;
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
}

@media screen and (min-width: 900px) {
  .form.mapForm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .form.mapForm .field.checkboxes > label {
    top: -8px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .fieldRow.fieldB .inlineField .select-box {
    width: 100%;
  }

  #QRegisterStep2 .field.select.inlineField {
    width: 100% !important;
  }
}

.sectionParagraph {
  max-width: 650px;
  padding: 40px 0;
  margin: 0 auto;
  text-align: center;
  font-family: Manrope-Normal;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
}

.sectionParagraph h3 {
  padding-bottom: 20px;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #000000;
}

.simOrderForm .checkbox.full.noMargin {
  margin: 0 15px 15px 15px;
}

.small-title-center {
  font-family: Manrope-Normal;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-top: 80px;
}

.dotSim {
  width: 2px;
  height: 2px;
  background: #f54d23;
  transform: rotate(90deg);
  display: inline-block;
  margin: 0 2px;
}

#myQiframe .simOrderForm.form {
  max-width: 470px;
  margin: 50px auto 0;
  text-align: left;
}

.simOrderForm label {
  font-family: Manrope-Normal;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #666666;
}

.simOrderForm .selectWrap {
  background: url("/ext_files/prepaid/q/media/selectArrow.png") no-repeat scroll
    95% #f2f2f2;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  width: 100%;
  height: 44px;
}

.simOrderForm .selectWrap select {
  background-color: transparent;
  border: none;
  color: #666;
  font-family: "Manrope-Normal";
  font-size: 18px;
  padding: 0 10% 0 0;
  width: 105.5%;
  height: 100%;
  padding: 10px 22px;
}

.span-or {
  margin: 0 15px;
}

.simOrderForm .selectWrap {
  border-radius: 40px;
}

.form_checkbox-wrapper {
  display: block;
  width: 100%;
}

.margin-checkbox {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.form_checkbox-wrapper input[type="checkbox"] {
  display: none;
}

.form_checkbox-wrapper .form_checkbox {
  margin-left: 35px;
  padding-top: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
}

.form_checkbox-wrapper input[type="checkbox"] + .checkbox-icon {
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
}

.form_checkbox-wrapper input[type="checkbox"]:checked + .checkbox-icon {
  background: #f54d23;
}

.form_checkbox-wrapper input[type="checkbox"]:checked + .checkbox-icon:after {
  content: "";
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

.bgLightGray {
  background-color: #fff9f0;
}

.group-images-simOrder {
  padding-top: 60px;
  text-align: center;
}

input.cmnBtn[type="submit"] {
  border-radius: 100px;
}

.simOrderImg {
  display: inline-block;
  padding: 0 25px;
}

.twoButtonsFlex {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin: 20px auto;
}

a.bgTransparentBorder.cmnBtn {
  background: transparent;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 30px;
}

.pop-up-simOrder .popContent.radiusCorners {
  background: #0e28b8;
  border-radius: 50px;
}

.line-background {
  text-align: center;
  margin: 0 auto;
}

.pop-up-simOrder .popContent .inner {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 560px;
  height: auto;
  font-family: Manrope-Normal;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
}

.group-offer {
  text-align: center;
  margin: 0 auto 60px;
}

.pop-up-simOrder .popContent .btnClose {
  content: url("/ext_files/prepaid/q/media/closeModalSimOrder.png");
  border: none;
  background-color: unset;
  border-radius: 0;
  width: auto;
  height: auto;
  bottom: unset;
  top: 27px;
  left: unset;
  right: 40px;
  cursor: pointer;
}

.pop-up-simOrder .popContent .btnClose:after {
  content: "";
}

.pop-up-simOrder .popContent .btnClose:before {
  content: "";
}

.myOffersBanner.bgBeige {
  background-color: #eee7d6;
}

.myOffersBanner.bgBeige h3,
.myOffersBanner.bgBeige p,
.myOffersBanner.bgBeige a {
  color: #000;
}

.myOffersBanner.bgBeige .btnArea {
  border: 1px solid #000;
}

.infinity-icon {
  display: inline-block;
  padding-right: 10px;
}

.cmnSectionStrategy .cmnBtn {
  cursor: pointer;
}

.pop-up-simOrder .inner {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .pop-up-simOrder .popContent.radiusCorners {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    height: auto;
    /* min-height: 500px; */
  }
}

@media only screen and (max-width: 640px) {
  .line-background {
    text-align: center;
    margin: 0 auto;
  }

  .twoButtonsFlex {
    margin-top: 10px;
  }

  .group-offer {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 375px) {
  .pop-up-simOrder .popContent.radiusCorners {
    min-height: 450px;
  }
}

#myQiframe .sidebar ul li ul {
  margin-bottom: 0;
}

.form .formBlock .blockSubtitle {
  font-size: 16px;
  font-family: "Manrope-Normal";
}

.sim-container .radioBlock span {
  font-size: 18px;
}

.packs-table .item img {
  width: 296px;
}

.notes ol li {
  list-style: decimal inside;
}

.notes ul li {
  list-style: disc inside;
}

div#activate-bundle-buttons {
  text-align: center;
  margin: 20px 0 10px 0;
}

div#activate-bundle-buttons a {
  width: 119px;
  margin: 0 5px;
}

#bundle-redirect-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 40, 180, 0.9);
  visibility: hidden;
  z-index: 9999;
}

#bundle-redirect-overlay.open {
  visibility: visible;
}

#activate-bundle-img {
  margin: 0 auto;
}

@media screen and (max-width: 400px) {
  div#body-overlay-container {
    top: 30%;
    height: 70%;
  }
}

#header-overlay-svg {
  padding: 25px 40px;
  position: relative;
}

#body-overlay-container {
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(14, 40, 180, 0.7);
  border-top: 1px solid rgb(70 97 240);
  text-align: center;
  padding-top: 30px;
}

.bundle-activate-subtitle {
  color: white;
  padding-top: 20px;
  max-width: 590px;
  margin: 0 auto;
}

#buttons-container {
  margin-top: 20px;
}

a.modal-button {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Manrope-Normal";
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  padding: 9px 30px;
  text-decoration: none;
  text-align: center;
  border-radius: 100px;
  height: 30px;
  width: 140px;
  margin: 10px 10px;
}

.activate-bundle-button {
  background-color: #f54d23;
}

.cancel-bundle-button {
  background-color: #35a8e0;
}

.data-jump-tooltip-container {
  cursor: pointer;
  align-content: center;
}

.bundle .row.data-jump {
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-area {
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: fit-content;
  align-self: center;
}

.bundle-banner {
  justify-content: center;
}

.bundle-banner .textArea p {
  margin: 0;
}

#pop-up-level1 .inner,
#pop-up-bubble.bundle-activated .inner {
  align-self: center;
  width: 85%;
  text-align: center;
}

#pop-up-level1 .inner:not(.modal) {
  width: 90%;
  text-align: left;
}

#pop-up-level1 .inner-buttons,
#pop-up-bubble.bundle-activated .inner-buttons {
  text-align: center;
  margin: 30px 0px;
}

#pop-up-level1 .btnDataJump,
#pop-up-bubble.bundle-activated .btnDataJump {
  margin: 0 10px;
  font-size: 20px;
  font-family: Manrope-bold;
}