@font-face {
  font-family: 'schoolbox';
  src:  url('https://pages.schoolbox.com.au/rs/541-HHE-833/images/schoolbox.eot?3d4stz');
  src:  url('https://pages.schoolbox.com.au/rs/541-HHE-833/images/schoolbox.eot?3d4stz#iefix') format('embedded-opentype'),
  url('https://pages.schoolbox.com.au/rs/541-HHE-833/images/schoolbox.ttf?3d4stz') format('truetype'),
  url('https://pages.schoolbox.com.au/rs/541-HHE-833/images/schoolbox.woff?3d4stz') format('woff'),
  url('https://pages.schoolbox.com.au/rs/541-HHE-833/images/schoolbox.svg?3d4stz#schoolbox') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Gated and Webinar Templates Start */
.feature-img {
  max-width: 100%;
}

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

.entry-content.featured {
  margin-bottom: -15%;
  padding-bottom: 0;
}

.post-container.lp-v4 {
  padding-top: 0;
  margin-top: 10rem;
}

.bg.sb-blue10 {
  background: rgba(0, 102, 176, 0.1);
  width: 100%;
  height: 100%;
  max-width: none;
  padding-top: 100px;
}

@media only screen and (max-width: 1023px) {
  .entry-content.featured {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .post-container.lp-v4 {
    padding-top: 0;
    margin-top: 0;
  }
}

/* Responsive YouTube Video for Webinars and Gated */
.vid-margin {
  margin-top: 2rem;
}
.asset-margin {
  margin-top: 2rem;
}
@media only screen and (max-width: 360px) {
  .vid-v4 {
    transform: scale(0.4) !important;
    transform-origin: top left;
  }
  .vid-margin {
    margin: -1rem 0 -15rem 0;
  }
  .asset-margin {
    margin: 0 0 -14rem 0;
  }
}
@media only screen and (min-width: 361px) and (max-width: 640px) {
  .vid-v4 {
    transform: scale(0.45) !important;
    transform-origin: top left;
  }
  .vid-margin {
    margin: -1rem 0 -15rem 0;
  }
  .asset-margin {
    margin: 0 0 -13rem 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
  .vid-v4 {
    transform: scale(0.8) !important;
    transform-origin: top left;
  }
  .vid-margin {
    margin: 2rem 0 -5rem 0;
  }
  .asset-margin {
    margin: 2rem 0 -2rem 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .vid-v4 {
    transform: scale(0.91) !important;
    transform-origin: top left;
  }
}

@media only screen and (min-width: 1024px) {
  .vid-v4 {
    transform: scale(0.93) !important;
    transform-origin: top;
  }
}
/* End of Responsive YouTube Video */

@media only screen and (min-width: 640px) and (max-width: 768px) {
  .post-container.mob {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 1023px) {
  .main-container.device {
    padding-top: 2.5rem;
  }
  .logo-lp {
    margin-left: -2.7rem;
  }
}
/* Gated and Webinar Templates End */

/* Webinar V3 Styles Start */
.img-round {
  border-radius: 50%;
  width: 100%;
  max-width: 150px;
  margin-bottom: 1.5rem;
}
.presenter {
  display: flex;
  align-items: flex-end;
}

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

/* Mobile Vertical Menu List Margin Fix */
.vmenu-margin ul {
  margin-left: 0!important;
}

.sunrise { background: rgba(255,125,0, 0.85); }
.ruby { background: rgba(191, 31, 46, 0.85); }
.lobster { background: rgba(255,74,71, 0.85); }
.sunset { background: rgba(255,74,115, 0.85); }
.emotion { background: rgba(194,0,158, 0.85); }
.schoolbox-blue { background: rgba(0,102,176, 0.85); }
.poolside { background: rgba(77,199,235, 0.85); }
.electric { background: rgba(0,128,255, 0.85); }
.sky { background: rgba(0,173,237, 0.85); }
.miami { background: rgba(0,227,143, 0.85); }
.aqua { background: rgba(0,158,178, 0.85); }
.bamboo { background: rgba(115,199,0, 0.85); }
.chartreuse { background: rgba(204,227,0, 0.85); }
.cheddar { background: rgba(255,209,0, 0.85); }

.confirmation {
  background: rgba(0, 102, 176, 0.1);
  padding: 2rem 2rem 0.5rem 2rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.8rem !important;
}

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

.clear-h {
  min-height: 450px !important;
}

.mkto-related {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}

div.none {
  display: none;
}

div.inline {
  display: inline;
}

div.show {
  visibility: visible;
}

hr.socialhr {
  border-top: 1px solid #0066b0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  height: 0px;
  width: 100%;
}

@media screen and (max-width: 568px) {
  .mkto-related {
    margin-left: 1rem;
    margin-right: 1rem;
  }

}

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

.video-bottom-v3 {
  padding: 50px 0 0 0;
  margin-left: 0;
  margin-right: 0;
}

.share__item-v3 {
  *zoom: 1;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #0066b0;
}

.share__icon-v3 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  float: left;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: #0066b0;
  text-indent: 9999px;
  white-space: nowrap;
}

.share__item-v3::before {
  position: absolute;
  color: #0066b0;
  font-size: 32px;
  z-index: 3;
  left: 17px;
  top: 17px;
}

.share__item-v3::after {
  content: " ";
  clear: both;
  display: table;
}

/* Webinar V3 Styles End */

/* Demo Videos LP and TY */
.pricing-h2 {
  margin-top: 10rem;
  margin-bottom: 7rem;
}
.demo-grid{
  padding: 5rem;}

.row.demolist{
  margin: 0;}

.demo-bt-text{
  text-align: left;
  padding:1rem 0 0 2rem;}

@media only screen and (max-width: 640px) {
  .demo-grid {
    margin-bottom: -10rem;
    padding: 2.5rem 2rem 2rem 2rem;}
}
ul.btn-demo-lp {
  margin: 0!important;
  padding: 0!important;
  list-style-type: none; }

li.btn-demo-lp-1 a,
li.btn-demo-lp-2 a,
li.btn-demo-lp-3 a,
li.btn-demo-lp-4 a,
li.btn-demo-lp-5 a,
li.btn-demo-lp-6 a {
  width: 100%;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  display: block;
  padding: 0;
  text-decoration: underline;
  text-align: left;}

li.btn-demo-lp-1 a:hover {
  background-color: #ffffff;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  cursor: pointer; }

li.btn-demo-lp-1 a{
  background-color: #e5f0f7;}
li.btn-demo-lp-2 a{
  background-color: #d9e8f3;}
li.btn-demo-lp-3 a{
  background-color: #cce0ef;}
li.btn-demo-lp-4 a{
  background-color: #bfd9eb;}
li.btn-demo-lp-5 a{
  background-color: #b2d1e7;}
li.btn-demo-lp-6 a{
  background-color: #a6c9e3;}
li.btn-demo-lp-1 a:hover,
li.btn-demo-lp-2 a:hover,
li.btn-demo-lp-3 a:hover,
li.btn-demo-lp-4 a:hover,
li.btn-demo-lp-5 a:hover,
li.btn-demo-lp-6 a:hover {
  background-color: #ffffff;}

.btn-border{
  border: 10px solid #00e38f;
  box-sizing: border-box;
  background-color: white;!important;}

.demo-video-hide{
  display: none;}
.demo-video-show{
  display: block;}

@media only screen and (max-width: 319px) {
  .vid-demo {
    transform: scale(0.37) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
  .vid-demo {
    transform: scale(0.4) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 415px) and (max-width: 640px) {
  .vid-demo {
    transform: scale(0.55) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 641px) and (max-width: 749px) {
  .vid-demo {
    transform: scale(0.8) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 750px) and (max-width: 1023px) {
  .vid-demo {
    transform: scale(0.88) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  .vid-demo {
    transform: scale(0.6) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 1081px) and (max-width: 1280px) {
  .vid-demo {
    transform: scale(0.68) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .vid-demo {
    transform: scale(0.81) !important;
    transform-origin: top left;}
}
@media only screen and (min-width: 1441px) and (max-width: 1536px) {
  .vid-demo {
    transform: scale(0.92) !important;
    transform-origin: top;}
}

/* End of Demo Videos LP and TY */

/* PPC lp */
.description-margin {
  margin-top: 250px;
}

@media only screen and (max-width: 639px) {
  .description-margin {
    margin-top: 60px!important;
  }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .description-margin {
    margin-top: 180px!important;
  }
}
/* End of PPC lp */

ul {
  margin-left: 3rem !important;
}

.whitetext {
  color: #fff;
}

.bluetext,
.mktoForm.bluetext form label {
  color: #0066b0;
}

.top-bar.whitetext .menu a {
  color: #fff;
}

.top-bar.bluetext .menu a {
  color: #0066b0;
}

.top-bar-left.lp {
  display: block !important;
}

.site-header {
  position: absolute;
}

.site-header.blue {
  background-color: #0066b0;
}

.site-header .bluetext #menu-main-nav-1 > li:last-child a {
  border: 1px solid #0066b0;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.site-header .bluetext .menu-item-has-children > a:before {
  color: #0066b0;
}

.site-header .whitetext #menu-main-nav-1 > li:last-child a {
  border: 1px solid #ffffff;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.site-header .whitetext .menu-item-has-children > a:before {
  color: #fff;
}

.top-bar .dropdown.menu .is-dropdown-submenu-parent > a:hover {
  color: #fff;
}

.featured-hero {
  height: auto !important;
}

.featured-hero .bg {
  padding-top: 100px !important;
}

.featured-hero .bg p {
  margin-bottom: 1.5rem !important;
}

.entry-content {
  padding-bottom: 2.5rem;
}

.video-top {
  padding-bottom: 250px;
}

.video-bottom {
  padding-top: 250px;
}

section {
  padding: 5rem 3rem;
}

.hero-content {
  padding-bottom: 3rem;
  text-align: left;
}

.hero-content .button {
  font-weight: normal;
  margin: 2rem 0;
}

.post-container {
  padding-top: 4rem;
}

.post-container article {
  position: relative;
  overflow: inherit;
}

.main-container {
  max-width: 60rem;
  padding-top: 3.75rem !important;
}

.main-container.lp-v4 {
  max-width: 75rem;
}

.main-container.ty-v4{
  padding-top: 2rem!important;
}

@media print, screen and (max-width: 63.9375em) {

  .featured-hero .bg {
    padding-top: 7.5rem;
  }

  article {
    overflow: auto;
  }

  .main-container {
    padding-left: 0;
    padding-right: 0;
  }

}

.type-post .entry-content {
  text-align: left;
}

/*Marketo form inline style overrides*/
.mktoForm {
  width: 100% !important;
}

.form-container {
  position: relative;
}

#sideform-container {
  padding: 2.5rem;
  position: absolute;
  top: 2rem;
  right: 0;
  z-index: 1;
  background: #fff;
}

@media print, screen and (max-width: 63.9375em) {
  #sideform-container {
    padding: 2rem;
    position: relative;
  }
}

.mktoForm .mktoRequiredField .mktoAsterix {
  display: inline !important;
  float: none !important;
  padding-left: 0 !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
  width: 100% !important;
}

.mktoForm .mktoFieldWrap {
  float: none !important;
}

.mktoForm .mktoLabel,
.mktoForm .mktoRequiredField label.mktoLabel {
  line-height: 2.8 !important;
}

.mktoForm .mktoField {
  float: none !important;
  font-size: 1.4375rem !important;
  line-height: 1.5 !important;
}

.mktoForm select.mktoField {
  padding: 1.25rem !important;
}

[type='submit'] {
  background-color: #fa4a47;
  color: #fff;
  width: 100%;
}

[type='submit']:hover {
  background-color: #0066b0;
}

/* Subscription Preference Form -
   Replicate columns because Marketo
   ¯\_(ツ)_/¯
*/
#sub-centre .main-container.lp {
  max-width: 45rem;
}

#sub-centre .featured-hero .bg {
  background: rgba(0, 102, 176, 0.85) !important;
}

#sub-centre .featured-hero {
  background-image: url(https://pages.schoolbox.com.au/rs/541-HHE-833/images/sub-centre-min.jpg);
  height: 26rem !important;
}

#sub-centre h1 {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

/* #mktoForm_1174 - Public Form
*/
#mktoForm_1174,
#mktoForm_1208 {
  margin-right: auto;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#mktoForm_1174 > .mktoFormRow,
#mktoForm_1208 > .mktoFormRow {
  margin-bottom: 1.5rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}

#mktoForm_1174 > .mktoFormRow:first-of-type,
#mktoForm_1174 > .mktoFormRow:nth-child(3),
#mktoForm_1174 > .mktoFormRow:nth-child(10),
#mktoForm_1174 > .mktoFormRow:nth-child(11),
#mktoForm_1174 > .mktoFormRow:nth-child(12),
#mktoForm_1208 > .mktoFormRow:first-of-type,
#mktoForm_1208 > .mktoFormRow:nth-child(3),
#mktoForm_1208 > .mktoFormRow:nth-child(4),
#mktoForm_1208 > .mktoFormRow:nth-child(5),
#mktoForm_1208 > .mktoFormRow:nth-child(6),
#mktoForm_1208 > .mktoFormRow:nth-child(13),
#mktoForm_1208 > .mktoFormRow:nth-child(14),
#mktoForm_1208 > .mktoFormRow:nth-child(15),
#mktoForm_1208 > .mktoFormRow:nth-child(16),
#mktoForm_1208 > .mktoFormRow:nth-child(17),
#mktoForm_1208 > .mktoFormRow:nth-child(18) {
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

#mktoForm_1174 > .mktoFormRow > fieldset,
#mktoForm_1174 > .mktoFormRow:nth-child(3) > .mktoFormCol,
#mktoForm_1208 > .mktoFormRow > fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(6) > .mktoFormCol {
  background: #f2f7fb;
  padding: 1.5rem;
  width: 100%;
  height: 100%;
}

#mktoForm_1174 > .mktoFormRow .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow .mktoCustomLabel:before {
  display: block;
  font-family: 'schoolbox' !important;
  font-size: 2rem;
}

#mktoForm_1174 > .mktoFormRow:nth-child(4) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(7) .mktoCustomLabel:before {
  content: "\e93f";
}
#mktoForm_1174 > .mktoFormRow:nth-child(4) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(7) fieldset {
  background: #f0e5f7;
}

#mktoForm_1174 > .mktoFormRow:nth-child(5) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(8) .mktoCustomLabel:before {
  content: "\e93b";
}
#mktoForm_1174 > .mktoFormRow:nth-child(5) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(8) fieldset {
  background: #f9e5f5;
}

#mktoForm_1174 > .mktoFormRow:nth-child(6) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(9) .mktoCustomLabel:before {
  content: "\e938";
}
#mktoForm_1174 > .mktoFormRow:nth-child(6) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(9) fieldset {
  background: #ffedf1;
}

#mktoForm_1174 > .mktoFormRow:nth-child(7) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(10) .mktoCustomLabel:before {
  content: "\e919";
}
#mktoForm_1174 > .mktoFormRow:nth-child(7) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(10) fieldset {
  background: #e8f5e8;
}

#mktoForm_1174 > .mktoFormRow:nth-child(8) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(11) .mktoCustomLabel:before {
  content: "\e93e";
}
#mktoForm_1174 > .mktoFormRow:nth-child(8) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(11) fieldset {
  background: #e5f7fd;
}

#mktoForm_1174 > .mktoFormRow:nth-child(9) .mktoCustomLabel:before,
#mktoForm_1208 > .mktoFormRow:nth-child(12) .mktoCustomLabel:before {
  content: "\e92d";
}
#mktoForm_1174 > .mktoFormRow:nth-child(9) fieldset,
#mktoForm_1208 > .mktoFormRow:nth-child(12) fieldset {
  background: #e5f2ff;
}

.mktoCustomLabel {
  font-size: 0.8125rem !important;
  font-weight: bold !important;
  padding-top: 0 !important;
  display: block !important;
  margin-bottom: 1rem !important;
  line-height: 1.8 !important;
  color: #0066b0 !important;
  letter-spacing: 0.3125rem;
  text-transform: uppercase;
  width: 100% !important;
}

.mktoCustomInstructions {
  color: #0066b0;
}

#mktoForm_1174 .mktoButton,
#mktoForm_1208 .mktoButton {
  border: 0;
  background-color: #00e38f;
  background-image: none;
  width: 100%;
  margin-right: 0 !important;
}

.mktoHasWidth,
.mktoHtmlText,
.mktoCustomInstructions {
  width: 100% !important;
}

#mktoForm_1174 .mktoCheckboxList > label,
#mktoForm_1208 .mktoCheckboxList > label {
  margin-left: 0 !important;
}

#mktoForm_1174 .mktoCheckboxList,
#mktoForm_1208 .mktoCheckboxList {
  padding: 0 !important;
}

.mktoOffset,
.mktoGutter {
  display: none !important;
}

/* Subscribe / Unsubscribe
*/
#Confirmation_Subscribed,
#Confirmation_Unsubscribed {
  margin-top: -125px;
}

#Confirmation_Subscribed img,
#Confirmation_Unsubscribed img {
  margin-bottom: 50px;
}

@media screen and (min-width: 64em) {
  #mktoForm_1174 > .mktoFormRow,
  #mktoForm_1208 > .mktoFormRow {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 40%;

    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media screen and (min-width: 40em) {
  #sub-centre h1 {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  #mktoForm_1174 > .mktoFormRow,
  #mktoForm_1208 > .mktoFormRow {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  #mktoForm_1174 .mktoButton,
  #mktoForm_1208 .mktoButton {
    width: 60%;
    margin-right: .875rem !important;
    margin-left: .875rem !important;
  }
}

@media screen and (max-width: 480px) {
  #sub-centre h1 {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }
}

.related {
  max-width: 100%;
  padding-bottom: 2rem;
}

.share-content {
  background-color: #e5f0f7;
}

.share__item {
  *zoom: 1;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  text-decoration: none;
}

.share__item::before {
  position: absolute;
  color: #fff;
  font-size: 32px;
  z-index: 3;
  left: 17px;
  top: 17px;
}

.share__item::after {
  content: " ";
  clear: both;
  display: table;
}

@media only screen and (min-width: 480px) {
  .share__item {
    margin-right: 20px;
  }
}

.share__icon {
  position: relative;
  z-index: 2;
  overflow: hidden;
  float: left;
  height: 66px;
  width: 66px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0);
  text-indent: 9999px;
  white-space: nowrap;
}

.facebook .share__icon {
  background-color: #3B5998;
}

.facebook:hover .share__icon {
  background-color: #4c70ba;
}

.twitter .share__icon {
  background-color: #27A9E1;
}

.twitter:hover .share__icon {
  background-color: #54bbe7;
}

.linkedin .share__icon {
  background-color: #017BB6;
}

.linkedin:hover .share__icon {
  background-color: #019de9;
}

.google .share__icon {
  background-color: #DD4B38;
}

.google:hover .share__icon {
  background-color: #e47264;
}

.share__item.facebook .share__icon {
  background-position: 0px 0;
}

.share__item.twitter .share__icon {
  background-position: -66px 0;
}

.share__item.linkedin .share__icon {
  background-position: -132px 0;
}

.share__item.google .share__icon {
  background-position: -198px 0;
}

.share__count {
  position: relative;
  z-index: 1;
  float: left;
  padding: 10px 20px;
  margin-top: 18px;
  margin-left: -5px;
  background-color: white;
  border: 1px solid #DEDEDE;
  color: #595959;
  font-size: 14px;
  line-height: 10px;
}

.content-offer {
  float: left;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
  color: #595959;
  text-decoration: none;
}

.footer-grid ul {
  margin-left: 0 !important;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .content-offer.content-offer--featured .content-offer__panel {
    *zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .content-offer.content-offer--featured .content-offer__panel::before, .content-offer.content-offer--featured .content-offer__panel::after {
    content: " ";
    display: table; }
  .content-offer.content-offer--featured .content-offer__panel::after {
    clear: both; }
  .content-offer.content-offer--featured .content-offer__image, .content-offer.content-offer--featured .content-offer__text {
    float: left;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
  }
}

@media only screen and (min-width: 1024px) {
  .content-offer.content-offer--featured {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 38%;
  }
}

@media only screen and (min-width: 768px) {
  .content-offer:nth-child(2), .content-offer:last-child {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .content-offer:nth-child(2), .content-offer:last-child {
    width: 33.3333333%; }
  .content-offer:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .content-offer:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media only screen and (min-width: 1024px) {
  .content-offers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}