/*
Theme Name: Brodericks 2014
Theme URI: http://brodericksbrothers.com
Description: Custom theme for Brodericks
Version: 1
Author: Encode
Author URI: http://encode-design.com
*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import url(https://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

.my-account .woocommerce{
	margin: 20vh auto;
    max-width: 800px;
    background-color: rgba(255,255,255,0.5);
    display: block;
    padding: 54px;
	
}


ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }
.mobile-version .eet {
    margin-top: 90px;
}
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-font-smoothing: antialiased;
  list-style: none; }

h1 {
  color: #00acc9;
  font-size: 240%;
  font-family: Arvo, serif;
  font-weight: 700; }

h2 {
  font-size: 140%;
  font-family: Arvo, serif;
  font-weight: 400; }

h3, p {
  font-size: 100%;
  font-family: Arvo, serif;
  line-height: 130%; }

h3 {
  font-weight: 700; }

h4 {
  font-size: 205%;
  font-family: Arvo, serif;
  line-height: 115%;
  font-weight: 700; }

p {
  font-weight: 400; }

/**************************************** GENERAL ****************************************/
html {
  height: 100%;
  overflow: hidden; }

body {
  height: 100%; }

body.our-story {
  background-color: #f2b33d; }

body.products {
  background-color: #004a64; }

body.kitchen {
  background-color: #bd96d3; }

body.social {
  background-color: #484E4C; }

body.find-us {
  background-color: #a0d2e7; }

.desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mobile {
  display: none; }

.background {
  position: absolute;
  width: 2500px;
  height: 1750px; }
  .background .full, .background .full img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; }

.center-panel {
  z-index: 10;
  position: absolute;
  width: 1250px;
  height: 700px; }

.pop-up {
  position: fixed;
  top: 15%;
  left: 30%;
  height: 68%;
  width: 40%;
  padding: 1% 1.5% 1% 1%;
  background-color: white;
  z-index: 15;
  display: none; }
  .pop-up .content {
    position: relative;
    z-index: 15;
    width: 100%;
    overflow: hidden;
    padding-right: 2.5%; }
    .pop-up .content p {
      margin: 0 0 2% 0; }
    .pop-up .content a {
      color: #f2b33d;
      text-decoration: none;
      font-weight: 700; }
    .pop-up .content .titles {
      position: relative;
      float: left;
      width: 96%;
      margin: 6% 2% 0 2%; }
      .pop-up .content .titles h2 {
        margin: 0 0 4% 0; }
    .pop-up .content .text {
      position: relative;
      float: left;
      width: 96%;
      margin: 0 2% 2% 2%; }
    .pop-up .content .video {
      position: relative;
      float: left;
      width: 96%;
      margin: 0 2% 2% 2%; }
    .pop-up .content .line-large, .pop-up .content .line-small {
      width: 100%;
      height: auto;
      margin: 4% 0; }
  .pop-up .close {
    z-index: 16;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 3%;
    display: block;
    background: transparent url("img/close.png") no-repeat;
    background-size: 100%;
    cursor: pointer; }

.animated {
  position: absolute; }
  .animated img {
    width: 100%;
    height: auto; }
  .animated div {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0; }
.animated .gif {
    display: none; }

.page-nav {
  z-index: 99;
  position: absolute;
  top: 45%;
  width: 3.6%;
  max-width: 80px;
  height: 10.5%; }
  .page-nav a {
    display: block;
    height: 100%;
    width: 100%; }

.page-prev {
  left: 2%; }
  .page-prev a {
    background: transparent url("img/prev.png") no-repeat;
    background-size: 100%; }
  .page-prev a:hover {
    background: transparent url("img/prev-hover.png") no-repeat;
    background-size: 100%; }

.page-next {
  right: 2%; }
  .page-next a {
    background: transparent url("img/next.png") no-repeat;
    background-size: 100%; }
  .page-next a:hover {
    background: transparent url("img/next-hover.png") no-repeat;
    background-size: 100%; }

.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2b33d;
  z-index: 110; }
  .loading .loading-gif {
    position: absolute;
    top: 30%;
	position: fixed;

top: 200px;
    left: 37.5%;
    width: 25%;
    height: auto; }

/**************************************** TOP NAV ****************************************/
.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #c5c5c5; }
  .top-nav .nav-bg {
    display: none; }
  .top-nav img {
    width: 100%;
    height: auto; }
  .top-nav .nav-text {
    margin: 0.75% 1%;
    position: relative;
    float: left;
    width: 35%;
    max-width: 635px;
    min-width: 310px; }
    .top-nav .nav-text .logo {
      position: relative;
      float: left;
      width: 35%;
      max-width: 236px; }
    .top-nav .nav-text .straplines {
      position: relative;
      float: left;
      margin: 3.25% 0 0 3%;
      width: 62%;
      max-width: 415px; }
  .top-nav .nav-bar {
    margin: 1.25% 2% 0 0;
    position: relative;
    float: right;
    width: 36%;
    max-width: 650px;
    min-width: 340px; }
    .top-nav .nav-bar li {
      position: relative;
      float: left;
      display: block;
      height: 46px; }
      .top-nav .nav-bar li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        border: none; }
        .top-nav .nav-bar li a img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: auto; }
        .top-nav .nav-bar li a .inactive {
          z-index: 101;
          opacity: 1;
          filter: alpha(opacity=100); }
        .top-nav .nav-bar li a .active {
          z-index: 100;
          opacity: 0;
          filter: alpha(opacity=0); }
      .top-nav .nav-bar li a:hover .inactive, .top-nav .nav-bar li .current .inactive {
        opacity: 0;
        filter: alpha(opacity=0); }
      .top-nav .nav-bar li a:hover .active, .top-nav .nav-bar li .current .active {
        opacity: 1;
        filter: alpha(opacity=100); }
    .top-nav .nav-bar .home-link {
      width: 12.462%;
      max-width: 81px; }
    .top-nav .nav-bar .our-story-link {
      width: 18.615%;
      max-width: 121px; }
    .top-nav .nav-bar .products-link {
      width: 18%;
      max-width: 117px; }
    .top-nav .nav-bar .shop-link {
      width: 18%;
      max-width: 117px; }
    .top-nav .nav-bar .social-link {
      width: 18.615%;
      max-width: 121px; }
    .top-nav .nav-bar .find-us-link {
      width: 13.231%;
      max-width: 86px; }

	  
	  .top-nav .nav-bar .home-link {
  max-width: 81px;
  width: 10.53%;
}
.top-nav .nav-bar .our-story-link {
  max-width: 121px;
  width: 15.73%;
}
.top-nav .nav-bar .products-link {
  max-width: 117px;
  width: 15.21%;
}
.top-nav .nav-bar .shop-link {
  max-width: 117px;
  width: 15.21%;
}
.top-nav .nav-bar .social-link {
  max-width: 121px;
  width: 15.73%;
}
.top-nav .nav-bar .find-us-link {
  max-width: /* 86px; */ 117px;
  width: 15.21%;
}
.top-nav .nav-bar .bc-link {
  max-width: 86px;
  width: 11.18%;
}

/**************************************** BOTTOM NAV ****************************************/
.bottom-nav {
  position: fixed;
  width: 100%;
  height: 14.5%;
  bottom: -9%;
  left: 0;
  z-index: 100;
  background-color: #2b2b2b;
  color: white;
  font-family: Arvo, serif;
  font-size: 80%;
  text-transform: uppercase; }
  .bottom-nav div {
    display: none; }
  .bottom-nav li {
    line-height: 175%; }
  .bottom-nav .helpful {
    position: absolute;
    width: 129px;
    height: 21px;
    margin-top: 0.7%;
    cursor: pointer;
    display: none; }
  .bottom-nav .footer-column {
    position: relative;
    float: left;
    height: 98%;
    padding: 1.3% 0 0 2%; }
    .bottom-nav .footer-column li {
      width: 90%;
      float: left; }
      .bottom-nav .footer-column li a {
        color: white;
        font-family: Arvo, serif;
        text-decoration: none;
        line-height: 150%; }
        .bottom-nav .footer-column li a img {
          width: 13%;
          height: auto;
          float: left;
          padding: 0.75% 8% 5% 0; }
      .bottom-nav .footer-column li a:hover {
        color: #f2b33d; }
  .bottom-nav .inactive {
    display: none; }
  .bottom-nav .social {
    width: 10%; }
  .bottom-nav .links {
    width: 10%; }
  .bottom-nav .contact {
    width: 7%; }
  .bottom-nav .mailing-list {
    position: relative;
    float: left;
    width: 15%;
    height: 98%;
    padding: 1.3% 0 0 2%; }
    .bottom-nav .mailing-list input[type="email"] {
      float: left;
      background-color: white;
      border: none;
      border-radius: 15px;
      padding: 0 5px;
      width: 75%;
      line-height: 170%;
      min-height: 18px;
      outline: none; }
    .bottom-nav .mailing-list input[type="email"]:focus {
      border: none; }
    .bottom-nav .mailing-list input[type="submit"] {
      float: left;
      background: transparent url("img/nav/tick.png") no-repeat;
      background-size: 100%;
      width: 16px;
      height: 16px;
      margin: 1px 0 0 5px;
      border: none;
      cursor: pointer; }
    .bottom-nav .mailing-list ::-webkit-input-placeholder {
      /* WebKit browsers */
      line-height: 170%;
      font-size: 100%; }
    .bottom-nav .mailing-list :-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      line-height: 170%;
      font-size: 100%; }
    .bottom-nav .mailing-list ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      line-height: 170%;
      font-size: 100%; }
    .bottom-nav .mailing-list :-ms-input-placeholder {
      /* Internet Explorer 10+ */
      line-height: 170%;
      font-size: 100%; }
    .bottom-nav .mailing-list .mc4wp-form {
      margin: 0; }
  .bottom-nav .language {
    position: relative;
    float: left;
    height: 98%;
    padding: 1.3% 0 0 2%; }
    .bottom-nav .language #mqtranslate-chooser li {
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #2b2b2b; }
    .bottom-nav .language #mqtranslate-chooser li:hover, .bottom-nav .language #mqtranslate-chooser li.active {
      border: 1px solid white; }
  .bottom-nav .line {
    float: right;
    height: 70%;
    width: auto;
    margin-top: -4%; }

.small-brothers {
  position: fixed;
  width: 6%;
  height: auto;
  bottom: 2%;
  right: 2%; }

.site-credits-link {
  display: none;
  position: fixed;
  width: 6%;
  bottom: 3%;
  right: 1.5%;
  text-align: center; }
  .site-credits-link a {
    color: white;
    font-family: Arvo, serif;
    text-decoration: none; }
  .site-credits-link a:hover {
    color: #f2b33d; }

/**************************************** HOMEPAGE ****************************************/
.slide-content {
  position: absolute;
  top: 16.5%;
  left: 2.75%;
  width: 45%;
  max-width: 600px; }
  .slide-content .first-line {
    position: relative;
    float: left;
    clear: both;
    font-size: 200%;
    color: white;
    font-family: Arvo, serif; }
  .slide-content .rule {
    width: 100%;
    height: auto;
    margin: 1.5% 0 2.5% 0; }
  .slide-content .slide-title, .slide-content .slide-text {
    position: relative;
    float: left;
    height: auto; }
  .slide-content .slide-title {
    width: 100%; }
  .slide-content .slide-text {
    width: 76.5%;
    margin-top: 5%;
    padding: 1%;
    color: white; }
    .slide-content .slide-text p {
      font-size: 110%;
      line-height: 150%; }
  .slide-content .solid-bg {
    background-color: white;
    color: black;
    padding: 2%; }
  .slide-content .slide-link {
    position: relative;
    float: left;
    background: white;
    padding: 1%;
    margin-top: 3%;
    font-size: 150%;
    color: #00acc9;
    font-family: Arvo, serif;
    font-weight: 700;
    text-decoration: none; }
    .slide-content .slide-link p {
      font-weight: 700; }

.slide-pager {
  position: absolute;
  bottom: 9%;
  width: 100%;
  height: 3%;
  text-align: center; }
  .slide-pager .dot {
    display: inline-block;
    height: 100%;
    width: 1.1%;
    max-width: 21px;
    min-width: 10px;
    margin: 0 0.8%;
    background: transparent url("img/dot.png") no-repeat;
    background-size: 100%; }
  .slide-pager .dot:hover {
    background: transparent url("img/dot-hover.png") no-repeat;
    background-size: 100%; }
  .slide-pager .activeSlide {
    background: transparent url("img/dot-hover.png") no-repeat;
    background-size: 100%; }

/**************************************** CLASSROOM ****************************************/
#classroom .brothers {
  position: absolute;
  top: 11%;
  left: 30.6%;
  width: 39.2%;
  height: 85.7%;
  z-index: 5; }
  #classroom .brothers div {
    position: absolute; }
    #classroom .brothers div img {
      width: 100%;
      height: 100%; }
  #classroom .brothers .gif {
    display: none; }
#classroom .object {
  position: absolute;
  z-index: 6;
  height: auto; }
#classroom .beans {
  width: 18.8%;
  margin-left: 2.24%;
  margin-top: 28.5%; }
#classroom .rubik {
  width: 10%;
  margin-left: 20.24%;
  margin-top: 41.6%; }
#classroom .pencil {
  width: 14.32%;
  margin-left: 26.16%;
  margin-top: 49.04%; }
#classroom .bars {
  width: 13.68%;
  margin-left: 67.2%;
  margin-top: 43.12%; }
#classroom .beachball {
  width: 14.56%;
  margin-left: 80.96%;
  margin-top: 41.36%; }
#classroom .blackboard {
  position: absolute;
  top: 9%;
  left: 12%;
  width: 76%;
  height: auto;
  z-index: 4; }
  #classroom .blackboard img {
    width: 100%;
    height: 100%; }
  #classroom .blackboard .intro-link {
    top: 7.3%;
    left: 5.8%;
    width: 30%;
    height: 32%;
    z-index: 6; }
  #classroom .blackboard .brainstorm-link {
    top: 37%;
    left: 7.3%;
    width: 20%;
    height: 31%; }
  #classroom .blackboard .timeline-link {
    top: 10%;
    left: 71%;
    width: 21.5%;
    height: 38.8%; }
#classroom .plant {
  z-index: -1;
  position: absolute;
  height: 80.71%;
  top: 8%; }
  #classroom .plant img {
    width: 100%;
    height: auto; }
#classroom .plant-one {
  width: 18.08%;
  left: 0.64%; }
#classroom .plant-two {
  width: 22.32%;
  left: -20.8%; }
#classroom .plant-three {
  width: 24.56%;
  right: -2.16%; }
#classroom .plant-four {
  width: 20.64%;
  right: -11.92%; }
#classroom .plant-five {
  width: 17.28%;
  left: -7.44%; }
#classroom .plant-six {
  width: 15.2%;
  right: -16%; }

.classroom-bg .floor {
  z-index: 2; }
  .classroom-bg .floor .line {
    background: url("img/classroom/floor-line.png") 0 0 repeat;
    position: absolute;
    top: 0;
    width: 100%;
    height: 15px;
    margin-top: -8px; }
  .classroom-bg .floor .fill {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-color: #93BF9E; }
.classroom-bg .wall {
  background: #f2b33d url("img/classroom/bg-tile.png") 0 0 repeat;
  z-index: 1; }

/**************************************** SOCIAL ****************************************/
#social .brothers {
  position: absolute;
  top: 18%;
  left: 33.6%;
  width: 32%;
  height: 80%; }
#social .twitter {
  width: 18.32%;
  height: 66.86%;
  left: 5%;
  top: 28.57%; }
#social .fb {
  width: 16.32%;
  height: 45.7%;
  left: 19.84%;
  top: 48%; }
#social .instagram {
  width: 25.12%;
  height: 56.28%;
  right: 14.4%;
  top: 39.5%; }
#social .ina-link {
  width: 18.4%;
  height: 49.7%;
  right: 3.84%;
  top: 46.14%; }

.social-bg .bg01 {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto; }
.social-bg .bg02 {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto; }
.social-bg .glass {
  z-index: 2; }
.social-bg .floor {
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background-color: #a1a194; }
.social-bg .mid-panel {
  z-index: 4;
  margin-top: 35.75%; }
.social-bg .top-panel {
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42.85%; }
  .social-bg .top-panel .blog, .social-bg .top-panel .twitter-feed, .social-bg .top-panel .twitter-nav {
    z-index: 6;
    position: absolute; }
  .social-bg .top-panel .blog {
    width: 17%;
    height: 19.2%;
    bottom: 1.5%;
    left: 49.5%; }
    .social-bg .top-panel .blog a {
      display: inline-block; }
  .social-bg .top-panel .twitter-feed {
    width: 19%;
    height: 11.2%;
    bottom: 3.5%;
    left: 28%;
    padding: 0.8% 1%;
    background: url("img/social/twitter-feed.png") 0 0 no-repeat;
    background-size: 100%; }
    .social-bg .top-panel .twitter-feed .tweet_list {
      position: relative;
      list-style: none;
      overflow: hidden;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0; }
      .social-bg .top-panel .twitter-feed .tweet_list li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 98%;
        padding: 1%;
        left: 0;
        top: 0;
        font-family: Arvo, serif;
        font-size: 90%;
        line-height: 130%;
        overflow: hidden; }
        .social-bg .top-panel .twitter-feed .tweet_list li a {
          color: #aaa;
          text-decoration: none; }
      .social-bg .top-panel .twitter-feed .tweet_list li:first-child {
        position: relative;
        display: block;
        float: left; }
      .social-bg .top-panel .twitter-feed .tweet_list .avatar-wrap {
        position: relative;
        float: left; }
        .social-bg .top-panel .twitter-feed .tweet_list .avatar-wrap .tweet_avatar {
          padding-right: .5em;
          float: left; }
          .social-bg .top-panel .twitter-feed .tweet_list .avatar-wrap .tweet_avatar img {
            vertical-align: middle; }
      .social-bg .top-panel .twitter-feed .tweet_list .name {
        font-weight: 700;
        color: black; }
  .social-bg .top-panel .twitter-nav {
    width: 2.88%;
    height: 19%;
    left: 25.7%;
    bottom: 1%; }
    .social-bg .top-panel .twitter-nav a {
      position: relative;
      float: left;
      width: 100%;
      height: 51%;
      clear: both;
      margin-bottom: -20%; }
    .social-bg .top-panel .twitter-nav .prev {
      background: transparent url("img/social/up.png") no-repeat;
      background-size: 100%; }
    .social-bg .top-panel .twitter-nav .prev:hover {
      background: transparent url("img/social/up-hover.gif") no-repeat;
      background-size: 100%; }
    .social-bg .top-panel .twitter-nav .next {
      background: transparent url("img/social/down.png") no-repeat;
      background-size: 100%; }
    .social-bg .top-panel .twitter-nav .next:hover {
      background: transparent url("img/social/down-hover.gif") no-repeat;
      background-size: 100%; }
  .social-bg .top-panel .panel-img {
    z-index: 5; }

/**************************************** PRODUCTS / FACTORY ****************************************/
#factory .conveyor-belt {
  z-index: 7;
  position: absolute;
  width: 95%;
  height: 34%;
  left: 2.5%;
  top: 73%; }
  #factory .conveyor-belt .carousel {
    z-index: 8;
    position: absolute;
    width: 82.3%;
    height: 50%;
    left: 9%;
    top: -5%; }
    #factory .conveyor-belt .carousel .slides {
      margin: 0;
      padding: 0;
      display: block; }
      #factory .conveyor-belt .carousel .slides li {
        width: 50px;
        height: auto;
        display: block;
        float: left; }
        #factory .conveyor-belt .carousel .slides li a {
          display: block; }
        #factory .conveyor-belt .carousel .slides li img {
          width: 100%;
          height: auto; }
        #factory .conveyor-belt .carousel .slides li .small {
          display: block; }
        #factory .conveyor-belt .carousel .slides li .hover {
          display: none; }
  #factory .conveyor-belt .carousel-nav {
    z-index: 9;
    position: absolute;
    width: 9.18%;
    height: auto;
    cursor: pointer; }
  #factory .conveyor-belt .carousel-prev {
    left: 1%;
    top: 65%; }
  #factory .conveyor-belt .carousel-next {
    right: 0.25%;
    top: 65%; }
  #factory .conveyor-belt .conveyor {
    z-index: 7;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0; }
#factory .brothers {
  z-index: 6;
  width: 26.8%;
  height: 51%;
  left: 36.8%;
  top: 42%; }
#factory .minis {
  z-index: 6;
  position: absolute; }
#factory .mini-barry-1 {
  width: 13.04%;
  height: 29.43%;
  left: 8.08%;
  top: 61%; }
#factory .mini-barry-2 {
  width: 18.64%;
  height: 28.86%;
  right: -7.28%;
  top: 72.14%; }
#factory .mini-bernard-1 {
  width: 9.52%;
  height: 29.57%;
  left: -2.56%;
  top: 71.14%; }
#factory .mini-bernard-2 {
  width: 12.32%;
  height: 28.86%;
  right: 4.32%;
  top: 56.43%; }
#factory .pop-up-link {
  z-index: 5; }
#factory .secret-ingredient-link {
  width: 20.88%;
  height: 20%;
  left: 39.8%;
  top: 32%; }
#factory .quality-control-link {
  width: 23.84%;
  height: 41.71%;
  left: 11.96%;
  top: 1%; }
#factory .make-cake {
  width: 23.28%;
  height: 57.43%;
  left: 12.4%;
  top: 31%; }
#factory .ingredients-link {
  width: 24.72%;
  height: 39%;
  right: 8.8%;
  top: 1%; }
#factory .local-produce-link {
  width: 19.44%;
  height: 43.57%;
  right: 13.92%;
  top: 41.3%; }
#factory .left-join {
  z-index: 5;
  position: absolute;
  width: 5.84%;
  height: 8.71%;
  left: 20.95%;
  top: 33.25%; }
#factory .right-join {
  z-index: 5;
  position: absolute;
  width: 10.08%;
  height: 18.86%;
  right: 18.75%;
  top: 29.3%; }
#factory .units {
  z-index: 4;
  position: absolute; }
#factory .left-unit {
  width: 22.08%;
  height: 158%;
  left: -7.5%;
  bottom: 17.15%; }
#factory .right-unit {
  width: 23.6%;
  height: 160.6%;
  right: -8.24%;
  bottom: 14.7%; }
#factory .center-unit {
  width: 43.6%;
  height: 161.3%;
  left: 28.32%;
  bottom: 14%; }

.factory-bg {
  background-color: #004a64; }
  .factory-bg .floor {
    z-index: 2; }
    .factory-bg .floor .line {
      background: url("img/classroom/floor-line.png") 0 0 repeat;
      position: absolute;
      top: 0;
      width: 100%;
      height: 15px;
      margin-top: -8px; }
    .factory-bg .floor .fill {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40%;
      background-color: #a0d2e7; }
  .factory-bg .piping {
    z-index: 3; }

/**************************************** PRODUCTS / KITCHEN ****************************************/
#kitchen .steps {
  z-index: 5;
  position: absolute; }
#kitchen .step-one-link {
  width: 24.96%;
  height: 29.86%;
  left: 0;
  top: 5.14%; }
#kitchen .step-two-link {
  width: 23.6%;
  height: 27%;
  left: 24.96%;
  top: 4.57%; }
#kitchen .step-three-link {
  width: 22.56%;
  height: 23.57%;
  left: 51.2%;
  top: 6.57%; }
#kitchen .step-four-link {
  width: 21.68%;
  height: 22.86%;
  left: 77%;
  top: 6.21%; }
#kitchen .step-five-link {
  width: 24.08%;
  height: 23%;
  left: 1.2%;
  top: 78%; }
#kitchen .step-six-link {
  width: 26%;
  height: 25.28%;
  left: 25.04%;
  top: 77.14%; }
#kitchen .factory-link {
  width: 42.48%;
  height: 24.57%;
  left: 53.44%;
  top: 77.14%; }
#kitchen .front-cabinets {
  z-index: 3;
  position: absolute;
  width: 200%;
  height: 86.57%;
  left: -50%;
  top: 53.5%; }
#kitchen .shorts {
  position: absolute; }
#kitchen .bernie-1 {
  z-index: 4;
  width: 18.24%;
  height: 42%;
  right: 8.6%;
  top: 39.57%; }
#kitchen .barry-2 {
  z-index: 4;
  width: 24.8%;
  height: 41.28%;
  left: 4.88%;
  top: 38.86%; }
#kitchen .bernie-2 {
  z-index: 2;
  width: 14.56%;
  height: 43.57%;
  left: -3.24%;
  top: 20.14%; }
#kitchen .barry-1 {
  z-index: 2;
  width: 20.48%;
  height: 45%;
  right: -7.12%;
  top: 18.57%; }
#kitchen .brothers {
  z-index: 2;
  position: absolute;
  width: 44%;
  height: 86.28%;
  left: 28.68%;
  top: 7.43%; }

.kitchen-bg {
  z-index: -1;
  background-color: #bd96d3; }
  .kitchen-bg .back-cabinets {
    z-index: 1; }
  .kitchen-bg .floor {
    z-index: 0;
    background-color: #352144;
    width: 100%;
    top: 60%;
    left: 0;
    height: 40%;
    position: absolute; }

/**************************************** FIND US ****************************************/
#bedroom .brothers {
  z-index: 6;
  position: absolute;
  width: 31.36%;
  height: 62.86%;
  left: 6.72%;
  top: 34%; }
#bedroom .pop-up-link {
  z-index: 5; }
#bedroom .where-to-buy-link {
  width: 25.76%;
  height: 32.28%;
  right: 8.36%;
  top: 65.57%; }
#bedroom .address-link {
  width: 18.08%;
  height: 35.71%;
  right: 15.84%;
  top: 23%; }
#bedroom .faq-link {
  width: 11.68%;
  height: 21.28%;
  left: 55.52%;
  top: 12%; }
#bedroom .email-link {
  width: 18.8%;
  height: 30.43%;
  left: 45.44%;
  top: 34%; }
#bedroom .phone-link {
  width: 14.64%;
  height: 18.71%;
  left: 35.04%;
  top: 44%; }
#bedroom .careers-link {
  width: 14.4%;
  height: 23.43%;
  left: 32.4%;
  top: 10.5%; }
#bedroom .legal-stuff-link {
  width: 17.28%;
  height: 28.43%;
  left: 15.12%;
  top: 14.57%; }
#bedroom .item {
  position: absolute; }
#bedroom .desk {
  z-index: 4;
  width: 32.72%;
  height: 31.86%;
  left: 33.68%;
  top: 56%; }
#bedroom .books-two {
  z-index: 4;
  width: 10.4%;
  height: 28.29%;
  right: 0;
  top: 58.86%; }
#bedroom .books-one {
  z-index: 4;
  width: 10.4%;
  height: 28.29%;
  left: -4.16%;
  top: 62.43%; }
#bedroom .shelf {
  z-index: 3;
  width: 34.16%;
  height: 26.14%;
  left: 32.88%;
  top: 14.28%; }
#bedroom .letters-small {
  z-index: 3;
  width: 21.04%;
  height: 25.29%;
  right: 7.04%;
  top: 54.43%; }
#bedroom .letters-large {
  z-index: 3;
  width: 29.12%;
  height: 43.14%;
  left: -8.64%;
  top: 40.86%; }
#bedroom .rug {
  z-index: 2;
  width: 42.8%;
  height: 16.14%;
  left: 29.12%;
  top: 85.86%; }
#bedroom .poster {
  position: absolute;
  z-index: 2; }
#bedroom .cake {
  width: 15.28%;
  height: 32.86%;
  left: -1.76%;
  top: 13.14%; }
#bedroom .rock {
  width: 16.48%;
  height: 34.28%;
  left: -26.72%;
  top: 17%; }
#bedroom .frame {
  width: 13.04%;
  height: 30.57%;
  left: -46.88%;
  top: 17%; }
#bedroom .craft {
  width: 14.8%;
  height: 32%;
  right: 1.12%;
  top: 14.86%; }
#bedroom .chok {
  width: 18.56%;
  height: 27.57%;
  right: -24.24%;
  top: 22.43%; }
#bedroom .knight {
  width: 15.36%;
  height: 32.86%;
  right: -45.68%;
  top: 14%; }

.bedroom-bg {
  z-index: 0;
  background: #a0d2e7 url("img/bedroom/tiled-bg.png") 0 0 repeat; }
  .bedroom-bg .floor {
    z-index: 1; }
    .bedroom-bg .floor .line {
      background: url("img/classroom/floor-line.png") 0 0 repeat;
      position: absolute;
      top: 0;
      width: 100%;
      height: 15px;
      margin-top: -8px; }
    .bedroom-bg .floor .fill {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40%;
      background-color: #F38637; }

/**************************************** SHOP HOLDING PAGE ****************************************/
.holding {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2b33d url("img/classroom/bg-tile.png") 0 0 repeat; }

.holding-gif {
  position: relative;
  margin: 13% 0 0 35%;
  width: 30%; }
  .holding-gif img {
    width: 100%;
    height: auto; }

/**************************************** 404 ****************************************/
.fourohfour {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background: #f2b33d url("img/classroom/bg-tile.png") 0 0 repeat; }
  .fourohfour h4 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 45%; }

.mobile-version {
  overflow: scroll; }
  .mobile-version body {
    background-color: #fff !important; }
  .mobile-version .desktop {
    display: none; }
  .mobile-version .mobile {
    display: block;
    float: left;
    width: 100%; }
  .mobile-version .holding-gif {
    width: 70%;
    margin: 13% 0 0 15%; }
  .mobile-version .top-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    min-width: 0; }
    .mobile-version .top-nav .nav-bg {
      position: absolute;
      top: 0;
      left: 0;
      display: block; }
    .mobile-version .top-nav img {
      width: 100%;
      height: auto; }
    .mobile-version .top-nav .nav-text {
      z-index: 101;
      width: 98%;
      padding: 0.75% 1%;
      margin: 0;
      max-width: none;
      min-width: 0; }
      .mobile-version .top-nav .nav-text .logo {
        position: relative;
        margin: 1% 39%;
        width: 25%; }
      .mobile-version .top-nav .nav-text .straplines {
        display: none; }
    .mobile-version .top-nav .nav-bar {
      z-index: 100;
      margin: 0;
      position: relative;
      float: left;
      width: 100%;
      height: 37%;
      max-width: none;
      min-width: 0; }
      .mobile-version .top-nav .nav-bar li {
        position: relative;
        float: left;
        display: block;
        height: 100%;
        max-width: none !important;
        padding: 2% 3%; }
        .mobile-version .top-nav .nav-bar li a {
          display: block;
          width: 100%;
          height: 100%;
          border: none; }
        .mobile-version .top-nav .nav-bar li img {
          display: none; }
      .mobile-version .top-nav .nav-bar .home-link {
        width: 8.28%; }
        .mobile-version .top-nav .nav-bar .home-link a {
          background: url("img/mobile/home.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .home-link a:hover, .mobile-version .top-nav .nav-bar .home-link .current {
          background: url("img/mobile/home-live.png") no-repeat;
          background-size: 100%; }
      .mobile-version .top-nav .nav-bar .our-story-link {
        width: 14.22%; }
        .mobile-version .top-nav .nav-bar .our-story-link a {
          background: url("img/mobile/classroom.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .our-story-link a:hover, .mobile-version .top-nav .nav-bar .our-story-link .current {
          background: url("img/mobile/classroom-live.png") no-repeat;
          background-size: 100%; }
      .mobile-version .top-nav .nav-bar .products-link {
        width: 13.9%; }
        .mobile-version .top-nav .nav-bar .products-link a {
          background: url("img/mobile/product.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .products-link a:hover, .mobile-version .top-nav .nav-bar .products-link .current {
          background: url("img/mobile/product-live.png") no-repeat;
          background-size: 100%; }
      .mobile-version .top-nav .nav-bar .shop-link {
        width: 6.875%; }
        .mobile-version .top-nav .nav-bar .shop-link a {
          background: url("img/mobile/shop.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .shop-link a:hover, .mobile-version .top-nav .nav-bar .shop-link .current {
          background: url("img/mobile/shop-live.png") no-repeat;
          background-size: 100%; }
      .mobile-version .top-nav .nav-bar .social-link {
        width: 8.9%; }
        .mobile-version .top-nav .nav-bar .social-link a {
          background: url("img/mobile/social.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .social-link a:hover, .mobile-version .top-nav .nav-bar .social-link .current {
          background: url("img/mobile/social-live.png") no-repeat;
          background-size: 100%; }
      .mobile-version .top-nav .nav-bar .find-us-link {
        width: 10.78%; }
        .mobile-version .top-nav .nav-bar .find-us-link a {
          background: url("img/mobile/findus.png") no-repeat;
          background-size: 100%; }
        .mobile-version .top-nav .nav-bar .find-us-link a:hover, .mobile-version .top-nav .nav-bar .find-us-link .current {
          background: url("img/mobile/findus-live.png") no-repeat;
          background-size: 100%; }
  .mobile-version .mobile-bottom-nav {
    z-index: 99;
    position: relative;
    float: left;
    margin: 0;
    width: 100%;
    height: auto;
    bottom: inherit;
    left: inherit;
    background-color: transparent;
    background: url("img/mobile/bottom-nav-bg.png") no-repeat;
    background-size: 100%;
    color: white;
    font-family: Arvo, serif;
    font-size: 80%;
    text-transform: uppercase; }
    .mobile-version .mobile-bottom-nav li {
      line-height: 250%; }
    .mobile-version .mobile-bottom-nav .helpful {
      display: none; }
    .mobile-version .mobile-bottom-nav .footer-column {
      position: relative;
      float: left;
      width: 28%;
      height: 90%;
      padding: 2.5% 0 2.5% 3.5%; }
      .mobile-version .mobile-bottom-nav .footer-column li {
        width: 80%;
        float: left; }
        .mobile-version .mobile-bottom-nav .footer-column li a {
          color: white;
          font-family: Arvo, serif;
          text-decoration: none;
          line-height: 150%; }
          .mobile-version .mobile-bottom-nav .footer-column li a img {
            width: 15px;
            height: auto;
            float: left;
            padding: 0.75% 8% 5% 0; }
        .mobile-version .mobile-bottom-nav .footer-column li a:hover {
          color: #f2b33d; }
      .mobile-version .mobile-bottom-nav .footer-column .line {
        position: absolute;
        top: 11%;
        left: 0;
        height: 85%;
        width: auto; }
    .mobile-version .mobile-bottom-nav .social {
      width: 35%;
      display: block; }
      .mobile-version .mobile-bottom-nav .social .line {
        display: none; }
    .mobile-version .mobile-bottom-nav .links {
      width: 30%; }
    .mobile-version .mobile-bottom-nav .contact {
      width: 20%;
      display: block; }
  .mobile-version .small-brothers {
    position: relative;
    float: right;
    width: 22%;
    height: auto;
    padding: 4% 4.5% 3% 0;
    bottom: inherit;
    right: inherit; }
  .mobile-version .site-credits-link {
    display: none;
    position: fixed;
    width: 6%;
    bottom: 3%;
    right: 1.5%;
    text-align: center; }
    .mobile-version .site-credits-link a {
      color: white;
      font-family: Arvo, serif;
      text-decoration: none; }
    .mobile-version .site-credits-link a:hover {
      color: #f2b33d; }
  .mobile-version #maximage-mobile .slide-content {
    position: absolute;
    top: 20%;
    left: 11%;
    width: 78%;
    text-align: center; }
    .mobile-version #maximage-mobile .slide-content .rule {
      width: 100%;
      height: auto;
      margin: 1.5% 0 2.5% 0; }
    .mobile-version #maximage-mobile .slide-content h4 {
      color: white; }
    .mobile-version #maximage-mobile .slide-content .slide-title, .mobile-version #maximage-mobile .slide-content .slide-text {
      position: relative;
      height: auto; }
    .mobile-version #maximage-mobile .slide-content .slide-title {
      width: 75%;
      margin-left: 12.5%; }
    .mobile-version #maximage-mobile .slide-content .slide-text {
      width: 100%;
      margin-top: 2%;
      padding: 0;
      color: white; }
      .mobile-version #maximage-mobile .slide-content .slide-text p {
        font-size: 100%;
        line-height: 130%; }
    .mobile-version #maximage-mobile .slide-content .solid-bg {
      background-color: white;
      color: black;
      padding: 2%; }
  .mobile-version .mobile .header {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 2%; }
  .mobile-version .mobile .page-title {
    position: relative;
    float: left;
    width: 75%;
    left: 12.5%;
    text-align: center; }
    .mobile-version .mobile .page-title h4 {
      color: black;
      margin: 2% 0; }
    .mobile-version .mobile .page-title .rule {
      width: 100%;
      height: auto; }
  .mobile-version .mobile .content {
    position: relative;
    float: left;
    z-index: 15;
    max-height: none;
    width: 90%;
    margin: 0 5%;
    overflow: auto; }
    .mobile-version .mobile .content p {
      margin: 0 0 2% 0; }
    .mobile-version .mobile .content a {
      color: #f2b33d;
      text-decoration: none;
      font-weight: 700; }
    .mobile-version .mobile .content .titles {
      position: relative;
      float: left;
      width: 96%;
      margin: 4% 2% 0 2%; }
      .mobile-version .mobile .content .titles h1 {
        color: black;
        font-size: 205%;
        text-align: center;
        width: 84%;
        margin-left: 8%; }
      .mobile-version .mobile .content .titles .line-small {
        width: 84%;
        margin-left: 8%; }
      .mobile-version .mobile .content .titles h2 {
        margin: 0 0 4% 0; }
    .mobile-version .mobile .content .text {
      position: relative;
      float: left;
      width: 96%;
      margin: 0 2% 2% 2%; }
    .mobile-version .mobile .content .video {
      position: relative;
      float: left;
      width: 96%; }
    .mobile-version .mobile .content .line-large, .mobile-version .mobile .content .line-small {
      width: 100%;
      height: auto;
      margin: 4% 0; }

.mobile-version .top-nav .nav-bar .home-link {
width: 6.596%;
}
.mobile-version .top-nav .nav-bar .our-story-link {
width: 11.5875%;
}
.mobile-version .top-nav .nav-bar .products-link {
width: 11.407%;
}
.mobile-version .top-nav .nav-bar .shop-link {
width: 5.416%;
}
.mobile-version .top-nav .nav-bar .social-link {
width: 7.099%;
}
.mobile-version .top-nav .nav-bar .find-us-link {
width: 8.8012%;
}
.mobile-version .top-nav .nav-bar .bc-link {
width: 6.596%;
}

.mobile-version .top-nav .nav-bar .bc-link a {
    background: url(/wp-content/themes/brodericks_theme/img/mobile/BCMobile_notactive.png) no-repeat;
    background-size: 100%;
}

.mobile-version .top-nav .nav-bar .bc-link a:hover, .mobile-version .top-nav .nav-bar .bc-link .current {
    background: url(/wp-content/themes/brodericks_theme/img/mobile/BC_MobileMenu.png) no-repeat;
    background-size: 100%;
}
/**************************************** WP DEFAULTS ****************************************/
.aligncenter {
  display: block;
  margin: 0 auto; }

.alignright {
  float: right;
  margin: 0 0 1em 1em; }

.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.fluid {
  width: 100%;
  height: auto; }

/**************************************** MEDIA QUERIES ****************************************/
@media screen and (max-width: 700px) {
  .holding-gif {
    width: 70%;
    margin: 13% 0 0 15%; }

  /**************************************** TOP NAV ****************************************/
  .top-nav {
    min-width: 475px; }
    .top-nav .nav-text {
      position: relative;
      float: left;
      margin: 1% 1%;
      width: 100px;
      min-width: 0; }
      .top-nav .nav-text .logo {
        position: relative;
        float: none;
        width: 100%; }
      .top-nav .nav-text .straplines {
        display: none; }

  /**************************************** BOTTOM NAV ****************************************/
  .bottom-nav li {
    line-height: 250%; }
  .bottom-nav .footer-column {
    position: relative;
    float: left;
    width: 30%;
    height: 90%;
    padding: 2.5% 0 10% 2%; }
    .bottom-nav .footer-column li {
      width: 80%;
      float: left; }
      .bottom-nav .footer-column li a {
        color: white;
        font-family: Arvo, serif;
        text-decoration: none;
        line-height: 150%; }
        .bottom-nav .footer-column li a img {
          width: 20px;
          height: auto;
          float: left;
          padding: 2% 8% 10% 0; }
      .bottom-nav .footer-column li a:hover {
        color: #f2b33d; }
  .bottom-nav .social {
    width: 15%; }
    .bottom-nav .social .text {
      display: none; }
  .bottom-nav .contact .line {
    display: none; }

  .small-brothers {
    position: fixed;
    width: 12%;
    height: auto;
    bottom: 3%;
    right: 3%; }

  .site-credits-link {
    display: none;
    position: fixed;
    width: 15%;
    bottom: 7%;
    right: 2%;
    text-align: center; }
    .site-credits-link a {
      color: white;
      font-family: Arvo, serif;
      text-decoration: none; }
    .site-credits-link a:hover {
      color: #f2b33d; }

  .pop-up {
    top: 15%;
    left: 10%;
    width: 80%; } }
@media screen and (min-width: 700px) and (max-width: 950px) {
  /**************************************** BOTTOM NAV ****************************************/
  .bottom-nav .helpful {
    margin-top: 1%; }
  .bottom-nav .footer-column {
    position: relative;
    float: left;
    width: 13%;
    height: 90%;
    padding: 1.3% 0 10% 3%; }
  .bottom-nav .language {
    width: 15%;
    height: 90%;
    padding: 1.3% 0 10% 2%; }
  .bottom-nav .mailing-list {
    width: 20%;
    height: 90%;
    padding: 1.3% 0 10% 2%; }
  .bottom-nav .line {
    float: right;
    height: 85%;
    width: auto;
    margin-top: 0; }

  .small-brothers {
    position: fixed;
    width: 10%;
    height: auto;
    bottom: 3%;
    right: 3%; }

  .site-credits-link {
    display: none;
    position: fixed;
    width: 15%;
    bottom: 3.5%;
    right: 0;
    text-align: center; }
    .site-credits-link a {
      color: white;
      font-family: Arvo, serif;
      text-decoration: none; }
    .site-credits-link a:hover {
      color: #f2b33d; } }
@media screen and (min-width: 700px) and (max-width: 1200px) {
  .pop-up {
    top: 15%;
    left: 20%;
    width: 60%; }

  .holding-gif {
    margin: 13% 0 0 25%;
    width: 50%; } }
/*! Maximage CSS, Version: 2.0.73 (12-Oct-2012) */
.mc-hide-scrolls {
  overflow: hidden; }

body .mc-cycle {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }

div.mc-image {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%; }

.mc-old-browser .mc-image {
  overflow: hidden; }
.locations-link * img {
    display:none;
}

.cli-bar-message {
    line-height: 1.4;
}
.content-wrapper{
	padding:10% 5%;
	background-color: rgba(255,255,255,0.5) !important;
}
.cookielawinfo-row-cat-table{
	background: #fff;
    margin: 27px auto;
}
p.wt-cli-element:last-of-type{
	display:none;
}
.test-woo-link {
  display:none !important;
}

/* careers styles */



#careers-portal .jobs-header {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0;
}
#careers-portal .jobs-header li.career-title {
  width: 40%;
}
#careers-portal .jobs-header li.career-type {
  width: 24%;
}
#careers-portal .jobs-header li {
  font-weight: normal;
  font-size: 23px;
  line-height: 31px;
  color: #00b3e7;
}
#careers-portal .jobs-list {
  list-style: none;
  font-weight: normal;
  font-size: 18px;
  line-height: 42px;
  color: #605f59;
}
#careers-portal .jobs-list .job-wrapper:first-of-type {
  border-top: 1px solid #dadce0;
}
#careers-portal .jobs-list .job-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dadce0;
  padding: 16px 0;
  color: #605f59;
}
#careers-portal .jobs-list .job-wrapper .job-title {
  width: 30%;
  color: #605f59;
  padding-bottom: 0 !important;
  font-weight:bold;
  margin:0
}
#careers-portal .jobs-list .job-wrapper .job-cat {
  list-style: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 50%;
  margin: 0;
  padding: 0;
  flex-wrap:wrap;
}
#careers-portal .jobs-list .job-wrapper .job-cat li {
  width:100%;
  line-height:27px;
  text-align: right;
}
#careers-portal .jobs-list .job-wrapper .job-link {
  color: #00b3e7;
  font-family: monospace;
  font-size: 23px;
  font-weight: 800;
  transition: all 0.4s ease-in-out;
  margin: 0;
}
#careers-portal .jobs-list .job-wrapper:hover .job-link {
  margin-right: -10px;
  transition: all 0.4s ease-in-out;
}
.unordered-list li{
margin-bottom:16px;
font-weight:400!important;
line-height:1.2;
}
.unordered-list li:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block;
  background-color:#00acc9;
  margin:0 16px;

}
.centred-blog-title {
  margin: 6vh auto 0 !important;
  margin-top: 4vh !important;
  background-color: #fff !important;
  padding: 35px !important;
}