@import '../../components/bs-tooltips.css';

html.no-js .js-platform-switch .js-pc {
  position: relative;
  left: auto
}

html.no-js .js-platform-switch .js-android,
html.no-js .js-platform-switch .js-android-market,
html.no-js .js-platform-switch .js-ios,
html.no-js .js-platform-switch .js-mac {
  position: absolute;
  left: -9999px
}

html.js-pc .js-platform-others .js-pc {
  display: none
}

html.js-pc .js-platform-switch .js-android,
html.js-pc .js-platform-switch .js-android-market,
html.js-pc .js-platform-switch .js-ios,
html.js-pc .js-platform-switch .js-mac {
  display: none
}

html.js-android .js-platform-others .js-android {
  display: none
}

html.js-android .js-platform-switch .js-pc,
html.js-android .js-platform-switch .js-android-market,
html.js-android .js-platform-switch .js-ios,
html.js-android .js-platform-switch .js-mac {
  display: none
}

html.js-ios .js-platform-others .js-ios {
  display: none
}

html.js-ios .js-platform-switch .js-android,
html.js-ios .js-platform-switch .js-android-market,
html.js-ios .js-platform-switch .js-pc,
html.js-ios .js-platform-switch .js-mac {
  display: none
}

html.js-mac .js-platform-others .js-mac {
  display: none
}

html.js-mac .js-platform-switch .js-android,
html.js-mac .js-platform-switch .js-android-market,
html.js-mac .js-platform-switch .js-pc,
html.js-mac .js-platform-switch .js-ios {
  display: none
}

.button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 0 15px
}

.button:hover,
.button:focus,
.button.focus,
.button:active,
.button.active {
  text-decoration: none;
  background-image: none !important
}

.button.button-green.button-large {
  background-image: -webkit-linear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: -o-linear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57c231), to(#399e2d));
  background-image: -moz- oldlinear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: linear-gradient(to bottom, #57c231 0, #399e2d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57c231', endColorstr='#ff399e2d', GradientType=0);
  color: #ffffff
}

.button.button-green.button-large:hover,
.button.button-green.button-large:focus,
.button.button-green.button-large.focus,
.button.button-green.button-large:active,
.button.button-green.button-large.active {
  background-color: #399e2d
}

.button.button-gray {
  color: #ffffff;
  background-color: #778099
}

.button.button-gray:hover,
.button.button-gray:focus,
.button.button-gray.focus,
.button.button-gray:active,
.button.button-gray.active {
  background-color: #636b80
}

.button.button-green {
  background-image: -webkit-linear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: -o-linear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57c231), to(#399e2d));
  background-image: -moz- oldlinear-gradient(top, #57c231 0, #399e2d 100%);
  background-image: linear-gradient(to bottom, #57c231 0, #399e2d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57c231', endColorstr='#ff399e2d', GradientType=0);
  color: #ffffff
}

.button.button-green,
.button.button-green,
.button.button-green.focus,
.button.button-green:active,
.button.button-green.active {
  background-color: #399e2d
}

.button.button-mid {
  min-width: 177px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 15px 9px 15px;
  font-size: 18px;
  letter-spacing: -0.03em;
  font-family: AVGSans_4, Verdana
}

.button.button-orange.button-large,
.button.button-orange.button-mid,
.button.button-orange.button-small {
  background-image: -webkit-linear-gradient(top, #fe691f 0, #ff471c 100%);
  background-image: -o-linear-gradient(top, #fe691f 0, #ff471c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe691f), to(#ff471c));
  background-image: -moz- oldlinear-gradient(top, #fe691f 0, #ff471c 100%);
  background-image: linear-gradient(to bottom, #fe691f 0, #ff471c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe691f', endColorstr='#ffff471c', GradientType=0);
  color: #ffffff
}

.button.button-orange.button-large:hover,
.button.button-orange.button-large:focus,
.button.button-orange.button-large.focus,
.button.button-orange.button-large:active,
.button.button-orange.button-large.active {
  background-color: #ff471c
}

.button.button-orange.button-mid:hover,
.button.button-orange.button-mid:focus,
.button.button-orange.button-mid.focus,
.button.button-orange.button-mid:active,
.button.button-orange.button-mid.active {
  background-color: #ff471c
}

.button.button-orange.button-small:hover,
.button.button-orange.button-small:focus,
.button.button-orange.button-small.focus,
.button.button-orange.button-small:active,
.button.button-orange.button-small.active {
  background-color: #ff471c
}

.button.button-blue.button-large {
  background-image: -webkit-linear-gradient(top, #40acff 0, #249efc 100%);
  background-image: -o-linear-gradient(top, #40acff 0, #249efc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #40acff), to(#249efc));
  background-image: -moz- oldlinear-gradient(top, #40acff 0, #249efc 100%);
  background-image: linear-gradient(to bottom, #40acff 0, #249efc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40acff', endColorstr='#ff249efc', GradientType=0);
  color: #ffffff
}

.button.button-blue.button-large:hover,
.button.button-blue.button-large:focus,
.button.button-blue.button-large.focus,
.button.button-blue.button-large:active,
.button.button-blue.button-large.active {
  background-color: #249efc
}

.button.button-darkblue.button-large {
  background-image: -webkit-linear-gradient(top, #00a1e7 0, #008fce 100%);
  background-image: -o-linear-gradient(top, #00a1e7 0, #008fce 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a1e7), to(#008fce));
  background-image: -moz- oldlinear-gradient(top, #00a1e7 0, #008fce 100%);
  background-image: linear-gradient(to bottom, #00a1e7 0, #008fce 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e7', endColorstr='#ff008fce', GradientType=0);
  color: #ffffff
}

.button.button-darkblue.button-large:hover,
.button.button-darkblue.button-large:focus,
.button.button-darkblue.button-large.focus,
.button.button-darkblue.button-large:active,
.button.button-darkblue.button-large.active {
  background-color: #00a1e7
}

.button.button-black.button-large {
  background-image: -webkit-linear-gradient(top, #626c6a 0, #434844 100%);
  background-image: -o-linear-gradient(top, #626c6a 0, #434844 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #626c6a), to(#434844));
  background-image: -moz- oldlinear-gradient(top, #626c6a 0, #434844 100%);
  background-image: linear-gradient(to bottom, #626c6a 0, #434844 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff626c6a', endColorstr='#ff434844', GradientType=0);
  color: #ffffff
}

.button.button-black.button-large:hover,
.button.button-black.button-large:focus,
.button.button-black.button-large.focus,
.button.button-black.button-large:active,
.button.button-black.button-large.active {
  background-color: #434844
}

.button.button-grey.button-large {
  background-image: -webkit-linear-gradient(top, #e0eaf1 0, #d5e1e7 100%);
  background-image: -o-linear-gradient(top, #e0eaf1 0, #d5e1e7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0eaf1), to(#d5e1e7));
  background-image: -moz- oldlinear-gradient(top, #e0eaf1 0, #d5e1e7 100%);
  background-image: linear-gradient(to bottom, #e0eaf1 0, #d5e1e7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0eaf1', endColorstr='#ffd5e1e7', GradientType=0);
  color: #5c707b
}

.button.button-grey.button-large:hover,
.button.button-grey.button-large:focus,
.button.button-grey.button-large.focus,
.button.button-grey.button-large:active,
.button.button-grey.button-large.active {
  background-color: #d5e1e7
}

.button.button-nevada.button-large {
  background-image: -webkit-linear-gradient(top, #5c707b 0, #46555e 100%);
  background-image: -o-linear-gradient(top, #5c707b 0, #46555e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5c707b), to(#46555e));
  background-image: -moz- oldlinear-gradient(top, #5c707b 0, #46555e 100%);
  background-image: linear-gradient(to bottom, #5c707b 0, #46555e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c707b', endColorstr='#ff46555e', GradientType=0);
  color: #ffffff
}

.button.button-nevada.button-large:hover,
.button.button-nevada.button-large:focus,
.button.button-nevada.button-large.focus,
.button.button-nevada.button-large:active,
.button.button-nevada.button-large.active {
  background-color: #46555e
}

.button.button-nevada.button-large.button-outlined {
  background-image: none !important;
  border: 1px solid #5c707b !important;
  -webkit-filter: none !important;
  filter: none !important;
  color: #5c707b
}

.button.button-nevada.button-large.button-outlined:hover,
.button.button-nevada.button-large.button-outlined:focus,
.button.button-nevada.button-large.button-outlined.focus,
.button.button-nevada.button-large.button-outlined:active,
.button.button-nevada.button-large.button-outlined.active {
  background-color: transparent !important
}

.button.button-red.button-large {
  background-image: -webkit-linear-gradient(top, #f40e03 0, #c9042a 100%);
  background-image: -o-linear-gradient(top, #f40e03 0, #c9042a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f40e03), to(#c9042a));
  background-image: -moz- oldlinear-gradient(top, #f40e03 0, #c9042a 100%);
  background-image: linear-gradient(to bottom, #f40e03 0, #c9042a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff40e03', endColorstr='#ffc9042a', GradientType=0);
  color: #ffffff
}

.button.button-red.button-large:hover,
.button.button-red.button-large:focus,
.button.button-red.button-large.focus,
.button.button-red.button-large:active,
.button.button-red.button-large.active {
  background-color: #c9042a
}

.button.button-dark-red.button-large {
  background-image: -webkit-linear-gradient(top, #bd1515 0, #9f0909 100%);
  background-image: -o-linear-gradient(top, #bd1515 0, #9f0909 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bd1515), to(#9f0909));
  background-image: -moz- oldlinear-gradient(top, #bd1515 0, #9f0909 100%);
  background-image: linear-gradient(to bottom, #bd1515 0, #9f0909 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1515', endColorstr='#ff9f0909', GradientType=0);
  color: #ffffff
}

.button.button-dark-red.button-large:hover,
.button.button-dark-red.button-large:focus,
.button.button-dark-red.button-large.focus,
.button.button-dark-red.button-large:active,
.button.button-dark-red.button-large.active {
  background-color: #9f0909
}

.button.button-white.button-large {
  background-color: #ffffff;
  color: #000000
}

.button.button-white.button-small {
  color: #ffffff;
  border: 1px solid #ffffff
}

.button.button-white.button-small::before,
.button.button-white.button-small::after {
  border-color: #ffffff !important
}

.button.button-blue.button-small {
  color: #006AC2;
  border: 1px solid #006AC2
}

.button.button-blue.button-small::before,
.button.button-blue.button-small::after {
  border-color: #40acff !important
}

.button.button-small {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 16px;
  padding: 6px 16px 6px 16px
}

.button.button-small.arrow-left::before {
  content: "< "
}

.button.button-small.arrow-left.icon-right::before {
  content: " "
}

.button.button-small.arrow-left.icon-right::after {
  content: " <"
}

.button.button-small.arrow-right::before {
  content: "> "
}

.button.button-small.arrow-right.icon-right::before {
  content: " "
}

.button.button-small.arrow-right.icon-right::after {
  content: " >"
}

.button.button-small.top::before,
.button.button-small.top:before {
  font-family: AVGIconFont, Verdana;
  content: "\e606\e020"
}

.button.button-small.top.icon-right::before,
.button.button-small.top.icon-right:before {
  content: ""
}

.button.button-small.top.icon-right::after,
.button.button-small.top.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e020\e606"
}

.button.button-small.bottom::before,
.button.button-small.bottom:before {
  font-family: AVGIconFont, Verdana;
  content: "\e600\e020"
}

.button.button-small.bottom.icon-right::before,
.button.button-small.bottom.icon-right:before {
  content: ""
}

.button.button-small.bottom.icon-right::after,
.button.button-small.bottom.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e020\e600"
}

.button.button-small.tick::before,
.button.button-small.tick:before {
  font-family: AVGIconFont, Verdana;
  content: "\e605";
  line-height: 50%;
  padding-right: 7px
}

.button.button-small.tick.icon-right::before,
.button.button-small.tick.icon-right:before {
  content: ""
}

.button.button-small.tick.icon-right::after,
.button.button-small.tick.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e605";
  line-height: 50%;
  padding-left: 7px
}

.button.button-small.plus::before,
.button.button-small.plus:before {
  font-family: AVGIconFont, Verdana;
  content: "\e604\e020"
}

.button.button-small.plus.icon-right::before,
.button.button-small.plus.icon-right:before {
  content: ""
}

.button.button-small.plus.icon-right::after,
.button.button-small.plus.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e604"
}

.button.button-small.play-right::before,
.button.button-small.play-right:before {
  font-family: AVGIconFont, Verdana;
  content: "\e603\e020"
}

.button.button-small.play-right.icon-right::before,
.button.button-small.play-right.icon-right:before {
  content: ""
}

.button.button-small.play-right.icon-right::after,
.button.button-small.play-right.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e020\e603"
}

.button.button-small.play-left::before,
.button.button-small.play-left:before {
  font-family: AVGIconFont, Verdana;
  content: "\e602\e020"
}

.button.button-small.play-left.icon-right::before,
.button.button-small.play-left.icon-right:before {
  content: ""
}

.button.button-small.play-left.icon-right::after,
.button.button-small.play-left.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e020\e602"
}

.button.button-small.minus::before,
.button.button-small.minus:before {
  font-family: AVGIconFont, Verdana;
  content: "\e601\e020"
}

.button.button-small.minus.icon-right::before,
.button.button-small.minus.icon-right:before {
  content: ""
}

.button.button-small.minus.icon-right::after,
.button.button-small.minus.icon-right:after {
  font-family: AVGIconFont, Verdana;
  content: "\e601"
}

.button.button-large {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 15px 20px 15px;
  min-width: 200px;
  font-size: 18px;
  letter-spacing: -0.03em;
  font-family: AVGSans_4, Verdana
}

@media (max-width:768px) {
  .button.button-large {
    min-width: 100%
  }
}

.button.button-large.button-text-large {
  padding: 17px 15px 17px 15px
}

.button.button-large.button-small-only {
  padding: 21px 15px 21px 15px
}

.button.button-large.button-small-only.two-lines,
.button.button-large.button-text-large.button-small-only.two-lines {
  padding: 12px 15px 12px 15px
}

.button.button-large.button-content-only.button-text-large.two-lines {
  padding: 4px 15px 4px 15px
}

.button.button-large.button-content-only.two-lines {
  padding: 10px 15px 10px 15px
}

.button.button-large.button-text-large.two-lines {
  padding: 8px 15px 8px 15px
}

.button.button-large.button-outlined {
  padding: 17px 14px 17px 14px
}

.button.button-large.two-lines {
  padding: 11px 15px 11px 15px
}

.button.button-large.two-lines.button-outlined {
  padding: 9px 14px 9px 14px
}

.button.button-large>span {
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.button.button-large small {
  font-size: 14px;
  line-height: 18px;
  font-family: Verdana, sans-serif;
  display: block
}

.button.button-large.button-text-large small {
  font-size: 16px
}

.button.button-block {
  display: block;
  min-width: 0
}

.button.button-shadow {
  box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.4);
  -msie-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.4)
}

.button-block+.button-block {
  margin-top: 5px
}

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

a.countdownBtnChange {
  display: none !important
}

.button.hub-tag {
  margin: 0 .4rem 0 0;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: .4em .8em;
  line-height: 1.3;
  font-size: .9rem;
  -webkit-transition: color .2s, background .2s;
  -o-transition: color .2s, background .2s;
  -moz-transition: color .2s, background .2s;
  transition: color .2s, background .2s
}

.button.hub-tag.button-column {
  margin: 0 0 .8em
}

.button.hub-tag.button-blue {
  border-color: #0099bb;
  color: #0099bb;
  background: transparent
}

.button.hub-tag.button-blue:hover {
  color: #fff;
  background: #0099bb
}

@media (min-width:768px) {
  .button.hub-tag.button-text-small {
    padding: .2rem .4rem;
    font-size: .72rem
  }
}

.button.hub-tag .text-small {
  margin: 0;
  font-size: 100% !important;
  line-height: 1 !important
}

.button-flat {
  background-color: #008941;
  color: #fff;
  font-size: 18px;
  padding: 14px 25px 16px;
  font-family: 'Roboto';
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #008941;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  -moz-transition: background-color .2s;
  transition: background-color .2s
}

.button-flat:hover {
  color: #fff;
  background-color: #007035
}

.button-flat.button-outline {
  -webkit-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s
}

.button-flat.button-outline:not(:hover) {
  color: #008941;
  background-color: transparent
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 11px 57px 9px 30px;
  background-color: #D6DAE0;
  color: #000;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  max-width: 300px;
  border: 1px solid #bbc1cc;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.form-select:disabled {
  cursor: initial;
  padding: 11px 30px 9px 30px
}

.form-select-arrow {
  position: relative;
  display: inline-block
}

.form-select-arrow:after {
  content: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-arrow-down.png');
  display: block;
  position: absolute;
  top: 8px;
  right: 15px;
  pointer-events: none
}

.form-select-arrow.disabled:after {
  content: ''
}

.form-select-arrow select::-ms-expand {
  display: none
}

@media only screen and (min-width: 1056px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  .row.actionbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 20px
  }
}

.vue-action-box {
  height: 100%
}

.vue-action-box .actionbox-container {
  position: relative;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 44px 20px 32px;
  width: 100%;
  height: 100%
}

@media only screen and (max-width: 767px) {
  .vue-action-box .actionbox-container {
    min-width: 335px
  }
}

.vue-action-box .form-select-container {
  display: inline-block;
  top: -19px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  min-height: 70px
}

@media only screen and (max-width: 767px) {
  .vue-action-box .form-select-container {
    position: relative;
    text-align: center
  }
}

.vue-action-box .form-select-container .form-select-arrow .form-select {
  background-color: #FFF;
  border: solid 1px #D6DAE0;
  padding-bottom: 11px
}

.vue-action-box .form-select-container .form-select-arrow .form-select:disabled {
  cursor: initial;
  background-color: #D6DAE0;
  color: #4B5563;
  margin: 0;
  opacity: 1
}

.vue-action-box .form-select-container .form-select-arrow:after {
  content: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-arrow-down-blue.png')
}

.vue-action-box .form-select-container .disabled:after {
  content: ''
}

.vue-action-box .box {
  text-align: center;
  border-right: 1px solid #D6DAE0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.vue-action-box .box a {
  color: #000;
  text-decoration: underline
}

.vue-action-box .box a.actionbox-button,
.vue-action-box .box a.try-button {
  min-width: 139px;
  padding: 11px 36px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57c131), to(#399f2d));
  background-image: -webkit-linear-gradient(top, #57c131, #399f2d);
  background-image: -moz- oldlinear-gradient(top, #57c131, #399f2d);
  background-image: -o-linear-gradient(top, #57c131, #399f2d);
  background-image: linear-gradient(to bottom, #57c131, #399f2d);
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  margin: 20px 0 10px 0;
  font-family: AVGSans_4, Verdana
}

.vue-action-box .box a.actionbox-button:hover,
.vue-action-box .box a.try-button:hover,
.vue-action-box .box a.actionbox-button:focus,
.vue-action-box .box a.try-button:focus,
.vue-action-box .box a.actionbox-button:active,
.vue-action-box .box a.try-button:active {
  background-image: none;
  background-color: #399e2d
}

.vue-action-box .box a .trial-button {
  display: inline-block;
  min-width: 139px;
  padding: 11px 20px 11px 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #2a7de1;
  background-color: #FFF;
  border: 1px solid #2a7de1;
  background-position: 9% 50%;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  font-family: AVGSans_4, Verdana
}

.vue-action-box .box a .trial-button:hover {
  background-color: #408be4;
  color: #FFF
}

.vue-action-box .box a .trial-button.win {
  background-image: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/win-blue.png')
}

.vue-action-box .box a .trial-button.win:hover {
  background-image: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/win-white.png') !important
}

.vue-action-box .box a .trial-button.mac {
  background-image: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/mac-blue.png');
  margin-top: -17px
}

.vue-action-box .box a .trial-button.mac:hover {
  background-image: url('https://cf.value4it.com/share/common/rc/AVG/Ultimate/mac-white.png') !important
}

.vue-action-box .box p {
  color: #D6DAE0;
  font-size: 14px;
  padding: 0 20px
}

.vue-action-box .box .installments-wrapper .installments-value {
  font-weight: 600;
  color: #000
}

.vue-action-box .box:last-of-type {
  border-right: none
}

@media only screen and (max-width: 767px) {
  .vue-action-box .box {
    width: 100%;
    border-right: none;
    display: none
  }

  .vue-action-box .box:first-of-type {
    display: block
  }
}

.vue-action-box .actionbox-buy {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media only screen and (max-width: 767px) {
  .vue-action-box .actionbox-buy {
    display: block;
    width: 100%
  }
}

.vue-action-box .actionbox-title {
  color: #4B5563;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  display: block;
  margin-bottom: 25px
}

@media only screen and (min-width: 1056px) {
  .vue-action-box .hide-desktop-title {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .vue-action-box .hide-mobile-title {
    display: none
  }
}

@media only screen and (min-width: 1056px) {
  .vue-action-box .hide-desktop-period {
    display: none
  }
}

.vue-action-box .platforms {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: -20px;
  max-width: 125px;
  min-height: 30px
}

.vue-action-box .actionbox-price-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 50px
}

.vue-action-box .price-wrapper {
  color: #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  font-weight: 300;
  margin-bottom: -25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 70px;
  font-size: 46px
}

.vue-action-box .price-wrapper.price-row-medium {
  font-size: 36px
}

.vue-action-box .price-wrapper .integer {
  font-size: 1em;
  line-height: .8em;
  letter-spacing: -0.044em
}

.vue-action-box .price-wrapper .decimal {
  font-size: .391em;
  height: 1em;
  line-height: 1em;
  margin-left: 3px
}

.vue-action-box .price-wrapper .price-prefix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2px
}

.vue-action-box .price-wrapper .price-prefix .currency {
  font-size: .391em;
  line-height: 1em
}

.vue-action-box .price-wrapper .price-suffix {
  text-align: left
}

.vue-action-box .price-wrapper .period {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  position: relative;
  color: #767683;
  text-align: left;
  margin-left: 5px;
  font-size: .348em;
  line-height: 1.3em
}

.vue-action-box .label {
  background-color: #d4e5f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 auto 16px;
  padding: 2px 9px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle
}

.vue-action-box .label-table-mobile {
  display: none
}

.vue-action-box .label-text {
  font-size: 14px;
  text-transform: uppercase;
  line-height: normal;
  color: #2a7de1
}

.vue-action-box .label-placeholder {
  height: 24px;
  margin-bottom: 16px
}

.vue-action-box .rendered-price {
  display: inline
}

.vue-action-box .period-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.vue-action-box .old-price {
  display: inline-block;
  font-size: 16px;
  color: #778099;
  text-decoration: line-through
}

.vue-action-box .month-price {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: #5C707B
}

.vue-action-box .discount-placeholder {
  height: 24px
}

.vue-action-box .header-footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.vue-action-box .header-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.vue-action-box .labelActive {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 auto;
  -moz-box-flex: 2;
  -ms-flex: 2 0 auto;
  flex: 2 0 auto
}

.vue-action-box .footer-wrap {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 auto;
  -moz-box-flex: 2;
  -ms-flex: 2 0 auto;
  flex: 2 0 auto
}

.vue-action-box .footer-wrap .cta-note .renewal-trigger {
  cursor: pointer;
  font-size: 14px;
  width: 90%;
  display: block;
  margin: 0 auto
}

.vue-action-box .button {
  margin-bottom: 8px;
  margin-top: 20px
}

.vue-action-box .button span {
  min-width: 139px
}

.vue-action-box .bottom-text {
  font-size: 13px;
  color: #767683;
  font-weight: normal;
  margin: 0 auto;
  padding: 0 10px
}

.vue-action-box .store-link {
  display: block;
  margin-top: 25px
}

.vue-action-box .horizontal-toggler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -19px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .vue-action-box .horizontal-toggler {
    margin: 0 20px
  }
}

.vue-action-box .horizontal-toggler .horizontal-toggler-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbc1cc
}

@media only screen and (max-width: 767px) {
  .vue-action-box .horizontal-toggler .horizontal-toggler-container {
    max-width: 100%
  }
}

.vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
  cursor: pointer;
  line-height: 32px;
  min-width: 80px;
  margin: 3px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap
}

.vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option.disabled {
  cursor: initial;
  background-color: #D6DAE0;
  color: #4B5563;
  line-height: 40px;
  margin: 0
}

.vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option:last-child:not(:only-child) {
  border-right: none
}

.vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option.active {
  background-color: #EBECF0;
  color: #000;
  font-weight: bold;
  letter-spacing: -0.3px
}

.actionbox-btm .vue-action-box {
  -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1)
}

.store .vue-action-box .box a.actionbox-button,
.store .vue-action-box .box a.try-button {
  font-size: 18px;
  min-width: 139px;
  background-color: #2a7de1;
  background-image: none;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  margin: 20px 0 10px 0;
  font-family: AVGSans_4, Verdana;
  padding: 0
}

.store .vue-action-box .box a.actionbox-button span,
.store .vue-action-box .box a.try-button span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 6px 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 56px;
  line-height: .85;
  font-weight: bold
}

.store .vue-action-box .box a.actionbox-button:hover,
.store .vue-action-box .box a.try-button:hover,
.store .vue-action-box .box a.actionbox-button:focus,
.store .vue-action-box .box a.try-button:focus,
.store .vue-action-box .box a.actionbox-button:active,
.store .vue-action-box .box a.try-button:active {
  background-image: none;
  background-color: #2a7de1
}

@media only screen and (min-width: 768px) and (max-width: 1055px) {
  .actionbox-facelift .span8 {
    -webkit-flex-basis: 76%;
    -ms-flex-preferred-size: 76%;
    flex-basis: 76%;
    padding-left: 0
  }
}

.actionbox-facelift .vue-action-box .actionbox-container {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.actionbox-facelift .vue-action-box .toggler-option.disabled {
  background-color: #FFF;
  color: #4B5563;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 38px
}

.actionbox-facelift .vue-action-box .form-select-arrow .form-select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFF;
  border: solid 1px #D6DAE0;
  padding-bottom: 11px
}

.actionbox-facelift .vue-action-box .form-select-arrow:after {
  content: url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-arrow-down-blue.png)
}

.actionbox-facelift .vue-action-box .form-select-container {
  display: inline-block;
  top: -19px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  min-height: 70px
}

@media only screen and (max-width: 767px) {
  .actionbox-facelift .vue-action-box .form-select-container {
    position: relative
  }
}

.actionbox-facelift .vue-action-box .box {
  text-align: center;
  border-right: 1px solid #D6DAE0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 767px) {
  .actionbox-facelift .vue-action-box .box {
    border-right: none
  }
}

.actionbox-facelift .vue-action-box .box a {
  color: #2a7de1;
  padding-bottom: 2px;
  border-bottom: 1px dotted #2a7de1
}

.actionbox-facelift .vue-action-box .box a:hover,
.actionbox-facelift .vue-action-box .box a:focus,
.actionbox-facelift .vue-action-box .box a:active {
  text-decoration: none
}

.actionbox-facelift .vue-action-box .box:last-of-type {
  border-right: none
}

.actionbox-facelift .vue-action-box p {
  color: #4B5563;
  font-size: 14px;
  padding: 0;
  margin: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  .actionbox-facelift .vue-action-box {
    width: 100%;
    border-right: none;
    display: none
  }

  .actionbox-facelift .vue-action-box:first-of-type {
    display: block
  }
}

.actionbox-facelift .vue-action-box .actionbox-buy {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media only screen and (max-width: 767px) {
  .actionbox-facelift .vue-action-box .actionbox-buy {
    padding-top: 10px;
    display: block;
    width: 100%
  }
}

.actionbox-facelift .vue-action-box .actionbox-title {
  color: #1e222a;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  display: block;
  margin-bottom: 16px
}

.actionbox-facelift .vue-action-box .promotion .price-wrapper {
  color: #2a7de1
}

.actionbox-facelift .vue-action-box .platforms {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 15px;
  max-width: 125px;
  min-height: 30px
}

.actionbox-facelift .vue-action-box .actionbox-price-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 50px
}

.actionbox-facelift .vue-action-box .price-wrapper {
  color: #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 300;
  margin-bottom: -25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 70px
}

.actionbox-facelift .vue-action-box .price-wrapper .integer {
  font-size: 48px;
  line-height: 40px;
  letter-spacing: normal;
  font-weight: normal
}

.actionbox-facelift .vue-action-box .price-wrapper .currency,
.actionbox-facelift .vue-action-box .price-wrapper .decimal {
  font-size: 22px;
  line-height: 22px
}

.actionbox-facelift .vue-action-box .label {
  font-size: 14px !important;
  background-color: #d4e5f9;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  display: inline-block;
  margin-bottom: 16px;
  margin-top: 0;
  padding: 2px 9px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle
}

.actionbox-facelift .vue-action-box .label-table-mobile {
  display: none
}

.actionbox-facelift .vue-action-box .label-text {
  font-size: 14px;
  text-transform: uppercase;
  line-height: normal;
  color: #2a7de1;
  font-weight: bold
}

.actionbox-facelift .vue-action-box .label-placeholder {
  height: 24px;
  margin-bottom: 16px
}

.actionbox-facelift .vue-action-box .period-wrap {
  display: inline;
  margin-bottom: 5px
}

.actionbox-facelift .vue-action-box .discount-placeholder {
  height: 24px
}

.actionbox-facelift .vue-action-box a.actionbox-button {
  font-size: 18px;
  min-width: 139px;
  background-color: #2a7de1;
  background-image: none;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  margin-bottom: 12px;
  margin-top: 20px;
  font-family: AVGSans_4, Verdana;
  padding: 0
}

.actionbox-facelift .vue-action-box a.actionbox-button span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 6px 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 56px;
  line-height: .85;
  font-weight: bold
}

.actionbox-facelift .vue-action-box a.actionbox-button:hover,
.actionbox-facelift .vue-action-box a.actionbox-button:focus,
.actionbox-facelift .vue-action-box a.actionbox-button:active {
  background-image: none;
  background-color: #4796f5
}

.actionbox-facelift .vue-action-box .bottom-text {
  font-size: 14px;
  color: #4B5563;
  font-weight: 500;
  margin: 0 auto
}

.actionbox-facelift .vue-action-box .bottom-text p {
  margin-bottom: 5px
}

.actionbox-facelift .vue-action-box .actionbox-btm .vue-action-box {
  -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1)
}

.actionbox-facelift .vue-action-box .horizontal-toggler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -19px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .actionbox-facelift .vue-action-box .horizontal-toggler {
    margin: 0 20px
  }
}

.actionbox-facelift .vue-action-box .horizontal-toggler .horizontal-toggler-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid rgba(199, 205, 215, 0.6)
}

@media only screen and (max-width: 767px) {
  .actionbox-facelift .vue-action-box .horizontal-toggler .horizontal-toggler-container {
    max-width: 100%
  }
}

.actionbox-facelift .vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option {
  background-color: #FFF;
  color: #000;
  cursor: pointer;
  line-height: 40px;
  min-width: 80px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap
}

.actionbox-facelift .vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option.disabled {
  cursor: initial;
  color: #4B5563
}

.actionbox-facelift .vue-action-box .horizontal-toggler .horizontal-toggler-container .toggler-option:last-child:not(:only-child) {
  border-right: none
}

.action-box-trial .box {
  height: 100%
}

.action-box-trial .actionbox-title {
  margin-bottom: 50px
}

.action-box-trial .actionbox-subtitle {
  color: #4B5563
}

.footer-wrap .cta-note .renewal-trigger,
.footer-wrap .subscription-trigger {
  cursor: pointer;
  white-space: nowrap
}

.footer-wrap .cta-note .renewal-trigger .icon-info,
.footer-wrap .subscription-trigger .icon-info {
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
  position: relative;
  top: 3px;
  left: 3px;
  background: url('https://static2.avg.com/4/web/i/ico/ico-info-16x16-white.png') no-repeat;
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -o-background-size: 18px 18px;
  background-size: 18px 18px
}

.footer-wrap .cta-note .renewal-trigger:hover .icon-info,
.footer-wrap .subscription-trigger:hover .icon-info {
  background: url('https://static2.avg.com/4/web/i/ico/ico-info-16x16-dark.png') no-repeat;
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -o-background-size: 18px 18px;
  background-size: 18px 18px
}

.en-gb .footer-wrap .cta-note .renewal-trigger {
  white-space: unset
}

.modal-open {
  overflow: hidden
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8005;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal-close {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("../i/avg/img/components/modal/close.png") no-repeat 0 0;
  cursor: pointer;
  float: right;
  border: none
}

.modal-close:hover,
.modal-close:active,
.modal-close:focus,
.modal-close:target {
  opacity: .6
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0
}

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: .6;
  filter: alpha(opacity=60)
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.2px
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.2
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

#renewal-modal,
#subscription-details-modal {
  background: rgba(7, 29, 43, 0.8)
}

#renewal-modal .modal-content,
#subscription-details-modal .modal-content {
  padding: 80px 104px;
  border: none
}

#renewal-modal .modal-header,
#subscription-details-modal .modal-header,
#renewal-modal .modal-body,
#subscription-details-modal .modal-body {
  padding: 0;
  border: none
}

#renewal-modal .modal-header,
#subscription-details-modal .modal-header {
  margin-bottom: 24px
}

#renewal-modal .modal-header h5,
#subscription-details-modal .modal-header h5 {
  font-size: 32px;
  line-height: 48px
}

#renewal-modal .modal-header .close,
#subscription-details-modal .modal-header .close {
  position: absolute;
  top: 40px;
  right: 32px;
  opacity: 1;
  margin: 0;
  float: none;
  padding: 16px;
  border: 1px solid #D1D5DB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear
}

@media (max-width:767px) {

  #renewal-modal .modal-header .close,
  #subscription-details-modal .modal-header .close {
    top: 20px
  }
}

#renewal-modal .modal-header .close:hover,
#subscription-details-modal .modal-header .close:hover {
  background: #efefef
}

#renewal-modal .modal-header .close span,
#subscription-details-modal .modal-header .close span {
  height: 24px;
  display: block
}

#renewal-modal .modal-body .container-fluid,
#subscription-details-modal .modal-body .container-fluid {
  padding: 0
}

#renewal-modal .modal-body .row,
#subscription-details-modal .modal-body .row {
  margin: 0
}

#renewal-modal .modal-body p,
#subscription-details-modal .modal-body p {
  font-size: 14px;
  line-height: 21px;
  color: #4B5563
}

#renewal-modal .modal-body p:last-of-type,
#subscription-details-modal .modal-body p:last-of-type {
  margin-bottom: 30px
}

#renewal-modal .close-button,
#subscription-details-modal .close-button {
  font-weight: bold;
  font-size: 18px;
  padding: 16px 24px;
  background: none;
  border: 1px solid #D1D5DB;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear
}

#renewal-modal .close-button:hover,
#subscription-details-modal .close-button:hover {
  background: #efefef
}

@media (min-width:480px) {
  .modal-dialog {
    width: 600px;
    margin: 50px auto
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
  }

  .modal-sm {
    width: 300px
  }
}

@media (min-width:768px) {
  .modal-lg {
    width: 1060px
  }
}

.modal-full {
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 20000
}

.modal-full .modal-body,
.modal-full .modal-content {
  height: 100%;
  padding: 0
}

@media (min-width:220px) {

  #renewal-modal .modal-dialog,
  #subscription-details-modal .modal-dialog {
    width: 100%
  }

  #renewal-modal .modal-dialog .modal-content,
  #subscription-details-modal .modal-dialog .modal-content {
    padding: 80px 40px 40px
  }
}

@media (min-width:768px) {

  #renewal-modal .modal-dialog,
  #subscription-details-modal .modal-dialog {
    width: 768px
  }

  #renewal-modal .modal-dialog .modal-content,
  #subscription-details-modal .modal-dialog .modal-content {
    padding: 80px 104px
  }
}

@media (min-width:1060px) {

  #renewal-modal .modal-dialog,
  #subscription-details-modal .modal-dialog {
    width: 1060px
  }
}

.info-button {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  background: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-info-16x16-white.png") no-repeat;
  position: relative;
  top: 3px;
  left: 3px
}

.info-button:hover {
  background: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-info-16x16-dark.png") no-repeat
}

[data-abtest-chosen="GLOWEB-6722-A"] [data-abtest]:not([data-abtest="GLOWEB-6722-A"]),
[data-abtest-chosen="GLOWEB-6722-B"] [data-abtest]:not([data-abtest="GLOWEB-6722-B"]),
[data-abtest-chosen="GLOWEB-6722-C"] [data-abtest]:not([data-abtest="GLOWEB-6722-C"]),
[data-abtest-chosen="GLOWEB-6722-D"] [data-abtest]:not([data-abtest="GLOWEB-6722-D"]),
[data-abtest-chosen="GLOWEB-6722-CONTROL"] [data-abtest]:not([data-abtest="GLOWEB-6722-CONTROL"]),
body:not([data-abtest-chosen]) [data-abtest]:not([data-abtest$="-CONTROL"]) {
  display: none
}

.deal-info-trigger {
  cursor: pointer;
  font-size: 14px
}

.deal-info-trigger span:not(.icon-info) {
  color: #2a7de1;
  text-decoration: underline
}

.deal-info-trigger:hover span {
  text-decoration: none
}

.tooltip {
  font-size: 12px;
  padding: 16px 0
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 10px;
  right: -webkit-calc(50% - 5px);
  right: -moz-calc(50% - 5px);
  right: calc(50% - 5px);
  height: 10px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 11px
}

.tooltip .tooltip-inner {
  max-width: 275px;
  padding: 7px
}

#deal-info {
  background: rgba(7, 29, 43, 0.8)
}

#deal-info .modal-content {
  max-width: 450px;
  padding: 1.5rem;
  margin: 0 auto
}

#deal-info h3 {
  font-size: 2rem;
  line-height: 1.5
}

#deal-info .modal-header {
  border: none
}

#deal-info .modal-body p {
  font-size: 14px;
  margin-bottom: 2rem
}

#deal-info button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 19px 24px;
  font-size: 18px;
  line-height: 1;
  height: 56px;
  background-color: white;
  border: 1px solid #008941;
  color: #008941;
  font-weight: 700
}

#deal-info button:hover {
  color: white;
  background-color: #008941
}

.button.primary.green.outline span {
  margin-left: 0
}

.button.primary.green.outline span::after {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-arrow-right.png");
  margin-top: 2px;
  margin-left: 18px
}

.button.primary.green.outline span:hover::after {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-arrow-right-white.png");
  margin-top: 2px;
  margin-left: 18px
}

.combined-actionbox .actionboxes-list .btn.more {
  color: #778099;
  border-color: CurrentColor
}

.combined-actionbox .actionboxes-list .btn.more:hover {
  color: #2276D9
}

.combined-actionbox .actionboxes-wrapper .actionbox-title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #4B5563;
  background-color: #FFF;
  border: 1px solid #DBDFE5
}

.combined-actionbox .vue-action-box .label {
  background-color: #CCE7D9
}

.combined-actionbox .vue-action-box .label .label-text {
  color: #007137
}

@media only screen and (min-width: 1056px) {
  .combined-actionbox .vue-action-box .header-footer-wrap {
    height: auto
  }
}

.combined-actionbox .vue-action-box .header-footer-wrap .footer-wrap .cta-note .renewal-trigger {
  color: #4B5563
}

#top {
  text-align: center;
  color: #FFF
}

#top .container {
  padding-bottom: 40px;
  padding-top: 48px;
  background: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/bg-hero.jpg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 10%
}

@media only screen and (max-width: 767px) {
  #top .container {
    padding-bottom: 70px;
    padding-top: 40px;
    background-position: 15% 50%
  }
}

#top .container .product-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px
}

@media only screen and (max-width: 767px) {
  #top .container .product-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
  }
}

#top .container .product-icon h1 {
  font-size: 56px;
  color: #FFF;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  #top .container .product-icon h1 {
    margin-bottom: 0;
    font-size: 42px
  }
}

#top .container .product-icon img {
  margin-right: 24px
}

@media only screen and (max-width: 767px) {
  #top .container .product-icon img {
    margin-right: 0;
    margin-bottom: 8px
  }
}

#top .container p {
  color: #FFF
}

#top .container p.sub-h1 {
  margin-bottom: 52px
}

@media only screen and (max-width: 767px) {
  #top .container p.sub-h1 {
    margin-bottom: 40px
  }
}

#top .container .top-hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px
}

@media only screen and (max-width: 767px) {
  #top .container .top-hint {
    margin-top: 10px
  }
}

#top .container .top-hint img {
  margin-right: 10px
}

#top .container .top-hint p {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  #top .container .top-hint p {
    font-size: 14px
  }
}

.section-1 .container {
  padding-top: 88px;
  padding-bottom: 0;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .section-1 .container {
    padding-top: 64px;
    padding-bottom: 0
  }
}

.section-1 .container h2 {
  margin-bottom: 24px
}

.section-1 .container .header p {
  font-size: 16px;
  margin-bottom: 64px
}

@media only screen and (max-width: 767px) {
  .section-1 .container .header p {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .tabs .container {
    padding-left: 0;
    padding-right: 0
  }
}

.tabs .container .tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 767px) {
  .tabs .container .tab {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.tabs .container .tab .line {
  display: none;
  width: 100%;
  height: 3px
}

.tabs .container .tab a {
  width: 100%
}

@media only screen and (max-width: 767px) {
  .tabs .container .tab a {
    text-align: center
  }
}

.tabs .container .tab a:hover,
.tabs .container .tab a:active,
.tabs .container .tab a:focus {
  text-decoration: none
}

.tabs .container .tab a h5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  .tabs .container .tab a h5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 70px
  }
}

.tabs .container .tab a h5:before {
  margin-right: 16px;
  width: 32px;
  height: 32px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

@media only screen and (max-width: 767px) {
  .tabs .container .tab a h5:before {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
    margin-bottom: 8px;
    width: 24px;
    height: 24px
  }
}

.tabs .container .tab a .tab-1 h5 {
  color: #6D768D
}

.tabs .container .tab a .tab-1 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-internet-security.png")
}

.tabs .container .tab a .tab-2 h5 {
  color: #6D768D
}

.tabs .container .tab a .tab-2 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-cleanup.png")
}

.tabs .container .tab a .tab-3 h5 {
  color: #6D768D
}

.tabs .container .tab a .tab-3 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-secure.png")
}

.tabs .container .tab a .tab-4 h5 {
  color: #6D768D
}

.tabs .container .tab a .tab-4 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-premium.png")
}

.tabs .container .tab a .tab-5 h5 {
  color: #6D768D
}

.tabs .container .tab a .tab-5 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-antitrack.png")
}

.tabs .container .tab a.expand h5::before {
  -webkit-filter: none;
  filter: none
}

.tabs .container .tab a.expand .line {
  display: block;
  background: #008941
}

.tabs .container .tab a.expand .tab-1 h5 {
  color: #1E222A
}

.tabs .container .tab a.expand .tab-1 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-internet-security.png")
}

.tabs .container .tab a.expand .tab-2 h5 {
  color: #1E222A
}

.tabs .container .tab a.expand .tab-2 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-cleanup.png")
}

.tabs .container .tab a.expand .tab-3 h5 {
  color: #1E222A
}

.tabs .container .tab a.expand .tab-3 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-secure.png")
}

.tabs .container .tab a.expand .tab-4 h5 {
  color: #1E222A
}

.tabs .container .tab a.expand .tab-4 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-premium.png")
}

.tabs .container .tab a.expand .tab-5 h5 {
  color: #1E222A
}

.tabs .container .tab a.expand .tab-5 h5:before {
  content: url("https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-antitrack.png")
}

.tabs .container .tab .tab-1,
.tabs .container .tab .tab-2,
.tabs .container .tab .tab-3,
.tabs .container .tab .tab-4,
.tabs .container .tab .tab-5 {
  padding: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {

  .tabs .container .tab .tab-1,
  .tabs .container .tab .tab-2,
  .tabs .container .tab .tab-3,
  .tabs .container .tab .tab-4,
  .tabs .container .tab .tab-5 {
    padding: 20px 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.tabs .container .tab .tab-1 .tab-title h5,
.tabs .container .tab .tab-2 .tab-title h5,
.tabs .container .tab .tab-3 .tab-title h5,
.tabs .container .tab .tab-4 .tab-title h5,
.tabs .container .tab .tab-5 .tab-title h5 {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {

  .tabs .container .tab .tab-1 .tab-title h5,
  .tabs .container .tab .tab-2 .tab-title h5,
  .tabs .container .tab .tab-3 .tab-title h5,
  .tabs .container .tab .tab-4 .tab-title h5,
  .tabs .container .tab .tab-5 .tab-title h5 {
    font-size: 14px
  }
}

#section-tab-content-1,
#section-tab-content-2,
#section-tab-content-3,
#section-tab-content-4,
#section-tab-content-5 {
  padding-bottom: 70px;
  padding-top: 88px
}

@media only screen and (max-width: 767px) {

  #section-tab-content-1,
  #section-tab-content-2,
  #section-tab-content-3,
  #section-tab-content-4,
  #section-tab-content-5 {
    padding-top: 70px
  }
}

#section-tab-content-1.js-ds-none-tab-content,
#section-tab-content-2.js-ds-none-tab-content,
#section-tab-content-3.js-ds-none-tab-content,
#section-tab-content-4.js-ds-none-tab-content,
#section-tab-content-5.js-ds-none-tab-content {
  display: none !important;
  visibility: hidden !important
}

#section-tab-content-1.js-ds-none-tab-content.active,
#section-tab-content-2.js-ds-none-tab-content.active,
#section-tab-content-3.js-ds-none-tab-content.active,
#section-tab-content-4.js-ds-none-tab-content.active,
#section-tab-content-5.js-ds-none-tab-content.active {
  display: block !important;
  visibility: visible !important
}

#section-tab-content-1.tab-content .image,
#section-tab-content-2.tab-content .image,
#section-tab-content-3.tab-content .image,
#section-tab-content-4.tab-content .image,
#section-tab-content-5.tab-content .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px) {

  #section-tab-content-1.tab-content .image,
  #section-tab-content-2.tab-content .image,
  #section-tab-content-3.tab-content .image,
  #section-tab-content-4.tab-content .image,
  #section-tab-content-5.tab-content .image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

@media only screen and (max-width: 767px) {

  #section-tab-content-1.tab-content .text .button,
  #section-tab-content-2.tab-content .text .button,
  #section-tab-content-3.tab-content .text .button,
  #section-tab-content-4.tab-content .text .button,
  #section-tab-content-5.tab-content .text .button {
    margin-bottom: 45px
  }
}

#section-tab-content-1.tab-content .text .product-title,
#section-tab-content-2.tab-content .text .product-title,
#section-tab-content-3.tab-content .text .product-title,
#section-tab-content-4.tab-content .text .product-title,
#section-tab-content-5.tab-content .text .product-title {
  margin-bottom: 24px
}

#section-tab-content-1.tab-content .text .product-title span,
#section-tab-content-2.tab-content .text .product-title span,
#section-tab-content-3.tab-content .text .product-title span,
#section-tab-content-4.tab-content .text .product-title span,
#section-tab-content-5.tab-content .text .product-title span {
  font-size: 14px;
  color: #008941;
  font-weight: 700;
  margin-left: 14px
}

#section-tab-content-1.tab-content .text p.subh2,
#section-tab-content-2.tab-content .text p.subh2,
#section-tab-content-3.tab-content .text p.subh2,
#section-tab-content-4.tab-content .text p.subh2,
#section-tab-content-5.tab-content .text p.subh2 {
  margin-bottom: 40px
}

@media only screen and (max-width: 767px) {

  #section-tab-content-1.tab-content .text p.subh2,
  #section-tab-content-2.tab-content .text p.subh2,
  #section-tab-content-3.tab-content .text p.subh2,
  #section-tab-content-4.tab-content .text p.subh2,
  #section-tab-content-5.tab-content .text p.subh2 {
    font-size: 14px
  }
}

@media only screen and (max-width: 767px) {

  #section-tab-content-1.tab-content .text h2,
  #section-tab-content-2.tab-content .text h2,
  #section-tab-content-3.tab-content .text h2,
  #section-tab-content-4.tab-content .text h2,
  #section-tab-content-5.tab-content .text h2 {
    margin-bottom: 24px
  }
}

#section-tab-content-4 .content-1 {
  margin-bottom: 165px
}

@media only screen and (max-width: 767px) {
  #section-tab-content-4 .content-1 {
    margin-bottom: 96px
  }
}

.features .container {
  padding-top: 44px;
  padding-bottom: 66px;
  text-align: center;
  background: #1E222A
}

@media only screen and (max-width: 767px) {
  .features .container {
    padding-top: 40px;
    padding-bottom: 76px
  }
}

.features .container .box-wrapper {
  margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  .features .container .span12 {
    width: 100%
  }
}

@media only screen and (min-width: 1300px) {
  .features .container .span12 {
    width: auto
  }
}

@media (min-width:1300px) and (max-width:1400px) {
  .features .container .span12 {
    width: 100%
  }
}

.features .container.main {
  padding-top: 52px
}

@media only screen and (max-width: 767px) {
  .features .container.main {
    padding-top: 24px;
    padding-bottom: 46px
  }
}

.features .container p {
  color: #FFF
}

.features .container p.product-title {
  color: #2276D9;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 16px
}

.features .container h2,
.features .container h4,
.features .container h3 {
  color: #FFF
}

.features .container h2 {
  margin-bottom: 48px
}

@media only screen and (max-width: 767px) {
  .features .container h2 {
    margin-bottom: 22px
  }
}

.features .container h3 {
  margin-top: 64px
}

@media only screen and (max-width: 767px) {
  .features .container h3 {
    margin-top: 40px
  }
}

@media only screen and (max-width: 767px) {
  .features .container h4 {
    margin-bottom: 16px;
    font-size: 16px
  }
}

.features .container .boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  .features .container .boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.features .container .boxes .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 64px;
  margin: 16px;
  width: 540px;
  text-align: left;
  background: #292E38
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  .features .container .boxes .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 33px 24px 24px;
    margin: 10px;
    text-align: center
  }
}

@media (max-width:1170px) and (min-width:1055px) {
  .features .container .boxes .box {
    width: auto
  }
}

.features .container .boxes .box p {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .features .container .boxes .box p {
    font-size: 14px
  }
}

.features .container .boxes .box .image {
  min-width: 80px;
  margin-right: 28px
}

@media only screen and (max-width: 767px) {
  .features .container .boxes .box .image {
    margin-right: 0;
    margin-bottom: 26px
  }
}

@media only screen and (max-width: 767px) {
  .features .features-slider .carousel-content .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.features .features-slider .carousel-content .icon img {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media only screen and (max-width: 767px) {
  .features .features-slider .carousel-content .icon img {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.features .features-slider h4 {
  margin-bottom: 16px;
  text-align: left
}

@media only screen and (max-width: 767px) {
  .features .features-slider h4 {
    text-align: center
  }
}

.features .features-slider p {
  margin-bottom: 0;
  text-align: left
}

@media only screen and (max-width: 767px) {
  .features .features-slider p {
    text-align: center
  }
}

.features .features-slider.carousel-slider .slider-controls .prev {
  left: -80px;
  right: auto
}

.features .features-slider.carousel-slider .slider-controls .next {
  right: -80px
}

.features .features-slider.carousel-slider button {
  padding-top: 0
}

.system-requirments .container {
  padding-top: 56px;
  background: #F8F9FA
}

@media only screen and (max-width: 767px) {
  .system-requirments .container {
    padding-top: 32px
  }
}

.system-requirments .container .actionbox .box {
  border-bottom: none
}

.system-requirments .container .product-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .product-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
  }
}

.system-requirments .container .product-icon h1 {
  font-size: 56px;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .product-icon h1 {
    margin-bottom: 0;
    font-size: 42px
  }
}

.system-requirments .container .product-icon img {
  margin-right: 24px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .product-icon img {
    margin-right: 0;
    margin-bottom: 8px
  }
}

.system-requirments .container .sub-h1 {
  text-align: center;
  margin-bottom: 56px
}

.system-requirments .container .bottom-hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .bottom-hint {
    margin-top: 10px
  }
}

.system-requirments .container .bottom-hint img {
  margin-right: 10px
}

.system-requirments .container .bottom-hint p {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .bottom-hint p {
    font-size: 14px
  }
}

.system-requirments .container h3 {
  margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container h3 {
    font-size: 24px;
    text-align: left
  }
}

.system-requirments .container a {
  text-decoration: underline
}

.system-requirments .container p {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .system-requirments .container p {
    font-size: 14px;
    text-align: left
  }
}

.system-requirments .container .box {
  border-bottom: 1px solid #DBDFE5;
  padding-bottom: 32px;
  padding-top: 32px
}

.system-requirments .container .box.box-4 {
  border-bottom: none
}

.system-requirments .container .box li {
  padding-bottom: 8px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .box li {
    font-size: 14px
  }
}

.system-requirments .container .box li:before {
  position: relative;
  margin-right: 18px;
  top: 6px;
  left: 0;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/icon-check-oval-green.png) center center no-repeat
}

.system-requirments .container .box .platform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .box .platform {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.system-requirments .container .box .platform img {
  margin-bottom: 18px
}

@media only screen and (max-width: 767px) {
  .system-requirments .container .box .platform .platform-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .system-requirments .container .box .platform .platform-mobile.ios {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .system-requirments .container .box .platform .platform-mobile.ios img {
    margin-bottom: 0
  }

  .system-requirments .container .box .platform .platform-mobile img {
    margin-right: 16px
  }
}

.faq-container {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  padding-top: 15px;
  padding-bottom: 15px
}

.faq-container>.accordion-item:not(:first-child) {
  border-top: 1px solid #EBECF0
}

.faq-container .question {
  position: relative;
  cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  .faq-container .question {
    padding: 39px 128px 39px 48px
  }
}

@media only screen and (max-width: 767px) {
  .faq-container .question {
    padding: 20px 63px 20px 24px
  }
}

.faq-container .question:not(:first-child) {
  border-top: 1px solid #EBECF0
}

.faq-container .question::after {
  position: absolute;
  content: "";
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #D6DAE0;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-plus-blue.png)
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  .faq-container .question::after {
    top: 24px;
    right: 32px;
    width: 56px;
    height: 56px
  }
}

@media only screen and (max-width: 767px) {
  .faq-container .question::after {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px
  }
}

.faq-container .question:hover:not(.expand)::after {
  background-color: #00b451;
  border: none;
  background-image: url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-plus-white.png)
}

.faq-container .question.expand::after {
  background-color: transparent;
  background-image: url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-close-blue.png)
}

.faq-container .question.expand:hover::after {
  background-color: #00b451;
  border: none;
  background-image: url(https://cf.value4it.com/share/common/rc/AVG/Ultimate/ico-close-white.png)
}

.faq-container .answer {
  -webkit-transition: max-height .3s ease-out;
  -o-transition: max-height .3s ease-out;
  -moz-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  height: auto;
  max-height: 0;
  overflow: hidden
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  .faq-container .answer {
    padding: 0 128px 0 80px
  }
}

@media only screen and (max-width: 767px) {
  .faq-container .answer {
    padding: 0 64px 0 24px
  }
}

@media only screen and (max-width: 767px) {

  .faq-container .answer h5,
  .faq-container .answer li,
  .faq-container .answer p {
    font-size: 12px;
    line-height: 18px
  }
}

.faq-container .answer h5 {
  margin-bottom: 0
}

.faq-container .answer ol {
  -webkit-padding-start: 40px;
  -moz-padding-start: 40px;
  padding-inline-start: 40px
}

.faq-container .answer ul {
  margin-bottom: 24px
}

.faq-container .answer ul li {
  padding-bottom: 0;
  padding-left: 40px;
  position: relative
}

.faq-container .answer ul li:before {
  content: '·';
  display: inline-block;
  width: auto;
  height: auto;
  color: #00b451;
  position: absolute;
  left: 20px;
  font-size: 2.5rem;
  line-height: 23px
}

@media only screen and (max-width: 767px) {
  .faq-container .answer ul li:before {
    line-height: 17px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  .faq-container .answer p:last-child {
    margin-bottom: 39px
  }
}

@media only screen and (max-width: 767px) {
  .faq-container .answer p:last-child {
    margin-bottom: 16px
  }
}

.faq-container div.expand+div {
  max-height: 600px
}

#faq .container {
  padding-top: 88px;
  padding-bottom: 88px
}

@media only screen and (max-width: 767px) {
  #faq .container {
    padding-top: 32px;
    padding-bottom: 64px
  }
}

#faq a {
  text-decoration: underline
}

#faq h2 {
  text-align: center;
  margin-bottom: 64px
}

@media only screen and (max-width: 767px) {
  #faq h2 {
    margin-bottom: 32px
  }
}

@media only screen and (max-width: 767px) {
  #faq h4 {
    font-size: 16px
  }
}

#blogposts {
  padding-top: 88px;
  padding-bottom: 64px
}

@media only screen and (max-width: 767px) {
  #blogposts {
    padding-top: 64px
  }
}

#blogposts .button.secondary>span {
  font-weight: 500
}

#blogposts .container {
  padding-bottom: 56px
}

@media only screen and (max-width: 767px) {
  #blogposts .container {
    padding-bottom: 48px
  }
}

@media only screen and (max-width: 767px) {
  #blogposts .post {
    margin-bottom: 24px
  }
}

#blogposts .row.blog {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  #blogposts .carousel-slider .container {
    padding-top: 0
  }
}

#blogposts h2 {
  text-align: left;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  #blogposts h2 {
    margin-bottom: 24px
  }
}

#blogposts h4 {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DBDFE5
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  #blogposts h4 {
    font-size: 16px
  }
}

#blogposts img {
  width: 100%
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 1055px) {
  #blogposts img {
    margin-bottom: 16px
  }
}

#blogposts p {
  color: #4B5563;
  text-decoration: none;
  font-size: 14px
}

#blogposts a:hover {
  text-decoration: none
}

#blogposts a.button.secondary span {
  border-bottom: 2px dashed #2276D9
}

#blogposts .link-all {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 1055px),
only screen and (min-width: 1056px) {
  #blogposts .link-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 16px
  }
}

#blogposts .link-all a {
  border-bottom: none
}

#blogposts .link-all a.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 767px) {
  #blogposts .link-all a.button {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.cursor-pointer {
  cursor: pointer
}

.trustpilot-widget iframe {
  height: 60px
}

.virus-guarantee {
  padding-bottom: 128px
}

@media only screen and (max-width: 767px) {
  .virus-guarantee {
    padding-bottom: 96px
  }
}

.virus-guarantee .button {
  margin-bottom: 0
}

.virus-guarantee .button span:after {
  display: none
}

/*# sourceMappingURL=ultimate-t1-v2.css.map */