@import url("https://fonts.googleapis.com/css?family=Montserrat");
/*@font-face {
    font-family: 'Geneva_0';
    src: url('../fonts/Geneva_0.TTF') format('truetype');
}*/
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  border-width: 0 0 1px;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar-fixed-top .posrel, .navbar-fixed-bottom .posrel {
    position: relative; }
  .navbar-fixed-top a, .navbar-fixed-bottom a {
    text-decoration: none; }
    .navbar-fixed-top a:hover, .navbar-fixed-bottom a:hover {
      text-decoration: none; }
    .navbar-fixed-top a:focus, .navbar-fixed-bottom a:focus {
      text-decoration: none; }

.hide {
  display: none; }

body {
  /*font-family: Geneva_0, Tahoma, Verdana, sans-serif;*/
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #52575f;
  background-color: #ffffff;
  align-content: center;
  margin: auto;
  overflow-x: hidden;
  /*@include respond-to-px(1435px){
                display:none;
            }
    @media only screen and (min-width: 1550px) { display:none;}*/ }
  body .fb {
    flex-flow: row;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    -moz-flex-flow: row;
    -webkit-flex: 1 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex; }
    body .fb .grow {
      flex-grow: 1;
      -webkit-flex-grow: 1; }
  body .navbar-toggle {
    color: #333333;
    margin-right: 30px;
    margin-top: 15px;
    font-size: 2em;
    cursor: pointer; }
  body .navbar-inverse {
    background-color: white;
    border-color: white; }
    body .navbar-inverse.navbar-collapse, body .navbar-inverse .navbar-inverse .navbar-form {
      background-color: white; }
    body .navbar-inverse .navbar-nav {
      margin: auto;
      width: 1000px;
      font-size: .9em;
      float: none; }
      body .navbar-inverse .navbar-nav.small {
        width: 300px; }
      body .navbar-inverse .navbar-nav .li {
        width: 6em; }
        body .navbar-inverse .navbar-nav .li a {
          color: #52575f;
          opacity: 0.7;
          padding: 1em .25em;
          line-height: 55px;
          font-weight: 300;
          font-size: 1.15em; }
          body .navbar-inverse .navbar-nav .li a:hover {
            opacity: 1;
            color: #52575f; }
          body .navbar-inverse .navbar-nav .li a.subselected {
            opacity: 1;
            color: #52575f; }
    body .navbar-inverse .line {
      background-color: #c8c8c8;
      width: 675px;
      height: 1px;
      margin: auto;
      margin-bottom: 0.25em; }
  body .home_logo {
    position: absolute;
    left: 1.5em;
    top: 0.2em;
    color: #52575f;
    font-weight: 600;
    font-size: 1.25em; }
    body .home_logo img {
      width: 50px; }
    body .home_logo a {
      color: #52575f; }
    body .home_logo span {
      display: inline-block;
      vertical-align: 17px; }
  body .sub-menu {
    opacity: 1;
    margin: auto;
    width: 1000px;
    font-size: 0.9em;
    transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out; }
    body .sub-menu .navbar-nav {
      width: 600px; }
    body .sub-menu .navbar-nav li {
      margin: 0 2em; }
      body .sub-menu .navbar-nav li a {
        font-size: 1.1em;
        font-weight: 800; }
        body .sub-menu .navbar-nav li a:hover {
          opacity: 1;
          color: #52575f; }
        body .sub-menu .navbar-nav li a.subselected {
          opacity: 1;
          color: #52575f;
          font-weight: 600; }
    body .sub-menu.display {
      opacity: 1; }
  body .navbar {
    margin-bottom: 0; }
  body .menu-btn {
    display: none; }
  @media only screen and (max-width: 1300px) {
    body {
      font-size: 0.75em; }
      body .navbar-inverse .navbar-nav {
        width: 800px; }
      body .sub-menu {
        width: 800px; } }
  @media only screen and (max-width: 1150px) {
    body {
      font-size: 0.75em; }
      body .navbar-inverse .navbar-nav {
        width: 550px; } }
  @media only screen and (max-width: 900px) {
    body {
      font-size: 0.75em; }
      body .header-links {
        position: inherit;
        text-align: right; }
      body .menu-btn {
        color: red;
        display: inline-block;
        width: 20px;
        height: 20px; }
        body .menu-btn .btn {
          color: #333333;
          vertical-align: -3px;
          font-size: 24px;
          cursor: pointer; }
          body .menu-btn .btn i {
            display: none; }
            body .menu-btn .btn i.show {
              display: inline-block; }
      body .navbar-inverse .line {
        display: none; }
      body .navbar-inverse .navbar-nav {
        width: 100%;
        height: 0;
        overflow: hidden;
        transition: all ease-out 1s; }
        body .navbar-inverse .navbar-nav.fb {
          display: block;
          background-color: white; }
        body .navbar-inverse .navbar-nav li {
          margin: 1em .25em; }
        body .navbar-inverse .navbar-nav .li a {
          color: #52575f;
          opacity: 1;
          padding: 0;
          line-height: normal;
          font-weight: 300;
          font-size: 1.5em; }
        body .navbar-inverse .navbar-nav.showMenu {
          height: 300px;
          transition: all ease-out 1s; }
      body .sub-menu {
        display: none; } }

.container {
  max-width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0; }

.dont-display {
  display: none; }

.display {
  opacity: 1; }

.opacity-75 {
  opacity: 0.75; }

.opacity-50 {
  opacity: 0.5; }

.opacity-25 {
  opacity: 0.25; }

.opacity-0 {
  opacity: 0; }

.intro {
  height: 100%;
  width: 100%;
  position: absolute;
  text-align: center; }
  .intro .intro_v3 {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center; }
    .intro .intro_v3 .m_p_overlay {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -900;
      animation-duration: 12s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in-out;
      opacity: 0;
      animation-delay: 1s;
      animation-name: mp_fade_in; }

@keyframes mp_fade_in {
  from {
    opacity: 0; }
  to {
    opacity: 0.8; } }
      .intro .intro_v3 .m_p_overlay img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%; }
    .intro .intro_v3 .underlay {
      background-image: url("../../../../images/mp_TeamIntro.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position-x: 50%;
      z-index: -1000;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*.half{
                  width:100%;
                  position:relative;
                  &:nth-child(1){height:85%;}
                  &:nth-child(2){height:15%;}

                  .block-overlay{
                      display:flex;
                      width:100%;
                      height:100%;
                      transition: all 2s ease-in;
                      &.second{
                         .block{flex-grow:1; height:100%;  background-color:white; opacity:1; }
                               &.myHide{  opacity:0;  transition: opacity 0.5s ease-in;
                                  .block{flex-grow:1; height:100%;  background-color:white;    transition: margin-top 1.4s ease-in;  
                                         &:nth-child(odd){margin-top:100%; background-color:white;   }
                                         &:nth-child(even){margin-top:-100%; background-color:white;  }
                                  }
                                }
                        }
           
              }
                  .logo{font-size:6em; top:7%; left:10%; overflow:hidden; background-color:transparent; z-index:100; position:absolute;  color:black;
                           div{display:inline-block; padding:0; margin: 0; width:0.75em; font-weight:800; font-size:1.25em;
                               span{margin:0;    
                                           &.ng-hide{  }
                                           &.ng-hide-add {   }
                                           &.ng-hide-add.ng-hide-add-active {  transition: opacity 2s ease-out;  opacity:0  }
                                           &.ng-hide-remove {   transition: opacity 4s ease-out; opacity:0  } 
                                           &.ng-hide-remove.ng-hide-remove-active {opacity:1 }
                               }
                           }

                           &.zoomIn{
                             font-size:100em; margin-top:0; position:absolute; top:-0.3em; display:flex; width:100%;
                                 div{width:33%; opacity:0.3; color:white;
                                     &.mainChar{flex-grow:1;
                                 }
                
                                }
                           }
          }

              }*/ }
      @media screen and (max-aspect-ratio: 4 / 5) {
        .intro .intro_v3 .underlay {
          background-image: url("../../../../images/mp_TeamIntroMobile.jpg"); } }
    .intro .intro_v3 .skip {
      position: absolute;
      right: 4em;
      bottom: 2em;
      color: white;
      z-index: 1000;
      cursor: pointer; }
    .intro .intro_v3 .enter {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      cursor: pointer;
      /*&.ng-hide-remove {  opacity:0  } 
            &.ng-hide-remove.ng-hide-remove-active {transition: opacity 1.5s ease-in-out; opacity:0 }*/ }
      .intro .intro_v3 .enter .enter-btn {
        top: 44%;
        width: 100%;
        position: absolute;
        z-index: 0;
        opacity: 1; }
        .intro .intro_v3 .enter .enter-btn .txt {
          display: inline-block;
          width: 5em;
          font-size: 1.25em;
          margin: auto;
          color: white; }
          .intro .intro_v3 .enter .enter-btn .txt:hover {
            color: white;
            transition: color 1s ease-out; }
          .intro .intro_v3 .enter .enter-btn .txt.ng-hide-remove {
            transition: opacity 1s ease-out;
            opacity: 0; }
          .intro .intro_v3 .enter .enter-btn .txt.ng-hide-remove.ng-hide-remove-active {
            transition: opacity 1s ease-out;
            opacity: 1; }
      .intro .intro_v3 .enter .shapes .shape {
        z-index: -10;
        position: absolute;
        opacity: 0.5;
        width: 25%;
        height: 25%;
        top: 35%;
        left: 37%;
        opacity: 0.8;
        transition: all 1s ease-out; }
        .intro .intro_v3 .enter .shapes .shape svg {
          width: 100%;
          height: 100%; }
        .intro .intro_v3 .enter .shapes .shape.ng-hide-remove {
          opacity: 0; }
        .intro .intro_v3 .enter .shapes .shape.ng-hide-remove.ng-hide-remove-active {
          transition: all 1s ease-out;
          transition: opacity 1s ease-out;
          width: 900%;
          height: 900%;
          top: -300%;
          left: -230%;
          opacity: 0; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-one {
        top: 10%;
        left: 10%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-two {
        top: 10%;
        left: 37%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-three {
        top: 10%;
        left: 64%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-four {
        top: 35%;
        left: 10%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-five {
        top: 35%;
        left: 37%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-six {
        top: 35%;
        left: 64%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-seven {
        top: 60%;
        left: 10%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-eight {
        top: 60%;
        left: 37%; }
      .intro .intro_v3 .enter .shapes.hover .shape.shape-nine {
        top: 60%;
        left: 64%; }
      @media only screen and (max-width: 932px) {
        .intro .intro_v3 .enter .shapes .shape.shape-one {
          top: 10%;
          left: 10%; }
        .intro .intro_v3 .enter .shapes .shape.shape-two {
          top: 10%;
          left: 37%; }
        .intro .intro_v3 .enter .shapes .shape.shape-three {
          top: 10%;
          left: 64%; }
        .intro .intro_v3 .enter .shapes .shape.shape-four {
          top: 35%;
          left: 10%; }
        .intro .intro_v3 .enter .shapes .shape.shape-five {
          top: 35%;
          left: 37%; }
        .intro .intro_v3 .enter .shapes .shape.shape-six {
          top: 35%;
          left: 64%; }
        .intro .intro_v3 .enter .shapes .shape.shape-seven {
          top: 60%;
          left: 10%; }
        .intro .intro_v3 .enter .shapes .shape.shape-eight {
          top: 60%;
          left: 37%; }
        .intro .intro_v3 .enter .shapes .shape.shape-nine {
          top: 60%;
          left: 64%; } }
    .intro .intro_v3 .fadeIntro {
      z-index: -1000;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .intro .intro_v3 .fadeIntro .half {
        width: 100%;
        position: relative; }
        .intro .intro_v3 .fadeIntro .half:nth-child(1) {
          height: 50%; }
        .intro .intro_v3 .fadeIntro .half:nth-child(2) {
          height: 50%; }
        .intro .intro_v3 .fadeIntro .half .block-overlay {
          display: flex;
          width: 100%;
          height: 100%;
          transition: all 2s ease-in; }
          .intro .intro_v3 .fadeIntro .half .block-overlay .block {
            flex-grow: 1;
            height: 100%;
            background-color: white;
            opacity: 1; }
          .intro .intro_v3 .fadeIntro .half .block-overlay.myShow {
            opacity: 0;
            transition: opacity 0.5s ease-in; }
            .intro .intro_v3 .fadeIntro .half .block-overlay.myShow .block {
              flex-grow: 1;
              height: 100%;
              background-color: white;
              transition: margin-top 1.4s ease-in; }
              .intro .intro_v3 .fadeIntro .half .block-overlay.myShow .block:nth-child(odd) {
                margin-top: 100%;
                background-color: white; }
              .intro .intro_v3 .fadeIntro .half .block-overlay.myShow .block:nth-child(even) {
                margin-top: -100%;
                background-color: white; }
        .intro .intro_v3 .fadeIntro .half .logo {
          font-size: 6em;
          top: 7%;
          left: 10%;
          overflow: hidden;
          background-color: transparent;
          z-index: 100;
          position: absolute;
          color: black; }
          .intro .intro_v3 .fadeIntro .half .logo div {
            display: inline-block;
            padding: 0;
            margin: 0;
            width: 0.75em;
            font-weight: 800;
            font-size: 1.25em; }
            .intro .intro_v3 .fadeIntro .half .logo div span {
              margin: 0; }
              .intro .intro_v3 .fadeIntro .half .logo div span.ng-hide-add.ng-hide-add-active {
                transition: opacity 2s ease-out;
                opacity: 0; }
              .intro .intro_v3 .fadeIntro .half .logo div span.ng-hide-remove {
                transition: opacity 4s ease-out;
                opacity: 0; }
              .intro .intro_v3 .fadeIntro .half .logo div span.ng-hide-remove.ng-hide-remove-active {
                opacity: 1; }
          .intro .intro_v3 .fadeIntro .half .logo.zoomIn {
            font-size: 100em;
            margin-top: 0;
            position: absolute;
            top: -0.3em;
            display: flex;
            width: 100%; }
            .intro .intro_v3 .fadeIntro .half .logo.zoomIn div {
              width: 33%;
              opacity: 0.3;
              color: white; }
              .intro .intro_v3 .fadeIntro .half .logo.zoomIn div.mainChar {
                flex-grow: 1; }

.navbar-fixed-top.open {
  z-index: 1000; }

.animated-view.ng-enter {
  opacity: 1;
  transition: all .5s ease-in-out; }

.animated-view.ng-enter-active {
  opacity: 1;
  transition: all .5s ease-in-out; }

.animated-view.ng-leave {
  /*transition: all .5s ease-in-out;*/
  opacity: 1; }

.animated-view.ng-leave.ng-leave-active {
  opacity: 0; }

.animate-switch.ng-animate {
  transition: opacity 1.5s ease-in; }

.animate-switch.ng-leave.ng-leave-active,
.animate-switch.ng-enter {
  opacity: 0; }

.animate-switch.ng-leave,
.animate-switch.ng-enter.ng-enter-active {
  opacity: 1; }

.view {
  margin-top: 4em;
  /*section{margin-top:25px;}*/
  overflow-y: hidden; }
  .view h2 {
    font-size: 3em; }
  .view .subscribe-cta {
    color: white;
    background-color: #a7699b;
    font-size: 15px;
    padding: .5em 1.5em;
    border: solid 0.15em #a7699b;
    transition: 0.25s all;
    cursor: pointer; }
    .view .subscribe-cta:hover {
      background-color: #fa78b8; }
  .view.home {
    position: relative; }
    .view.home .image {
      height: 48em; }
    .view.home .main-header {
      position: fixed;
      top: 8em;
      width: 100%;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      height: 49em; }
      .view.home .main-header .header-logo-home {
        background-image: url("../../../../images/online/MazellaAndPartnersHeader.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-color: white;
        z-index: -10;
        height: 100%;
        position: relative; }
      .view.home .main-header .brand {
        position: absolute;
        left: 70%;
        width: 20em;
        top: 40%;
        text-align: left;
        transform: translateY(-50%); }
        .view.home .main-header .brand .maz-logo {
          width: 20em; }
        .view.home .main-header .brand h1 {
          margin-top: 0.25em;
          font-size: 7em;
          color: #a7699b;
          font-weight: 900; }
        .view.home .main-header .brand h2 {
          font-size: 2em;
          color: #fa78b8;
          margin: 0 0 1em 0; }
    .view.home .collections {
      width: 100%;
      height: 48em;
      position: relative;
      color: #52575f;
      z-index: 10;
      margin-top: 76em;
      background-color: white; }
      .view.home .collections .cover {
        background-color: white;
        width: 100%;
        height: 100%;
        position: absolute; }
      .view.home .collections .col {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute; }
        .view.home .collections .col.ng-hide {
          opacity: 0; }
        .view.home .collections .col.ng-hide-add {
          transition: all 1.5s ease-in; }
        .view.home .collections .col.ng-hide-add.ng-hide-add-active {
          opacity: 0; }
        .view.home .collections .col.ng-hide-remove {
          transition: all 1.5s ease-out; }
      .view.home .collections .col_1 {
        background-image: url("../../../../images/collections_4.jpg"); }
      .view.home .collections .col_2 {
        background-image: url("../../../../images/collections_2.jpg"); }
      .view.home .collections .col_3 {
        background-image: url("../../../../images/collections_3.jpg"); }
      .view.home .collections .col_4 {
        background-image: url("../../../../images/collections_1.jpg"); }
      .view.home .collections .trans {
        transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out; }
      .view.home .collections .dont-display {
        opacity: 0; }
      .view.home .collections .display {
        opacity: 1; }
      .view.home .collections .txt {
        position: absolute;
        right: 9em;
        top: 4em;
        width: 28em;
        font-size: 0.75em;
        color: #52575f; }
        .view.home .collections .txt.dark {
          color: black; }
          .view.home .collections .txt.dark .info .coll .year .rings {
            border-color: #d0c19b; }
        .view.home .collections .txt .info {
          font-size: 1.25em; }
          .view.home .collections .txt .info p {
            margin: 2em 0; }
          .view.home .collections .txt .info .coll {
            font-size: 0.75em; }
            .view.home .collections .txt .info .coll .year {
              display: block;
              margin: 0.5em;
              position: relative;
              margin-left: 5.5em;
              /*&:hover{
                                    a{ color:white;}
                                 }*/ }
              .view.home .collections .txt .info .coll .year a {
                color: #52575f; }
                .view.home .collections .txt .info .coll .year a:hover {
                  color: white; }
              .view.home .collections .txt .info .coll .year .rings {
                display: inline-block;
                position: absolute;
                border: solid;
                border-radius: 12em;
                padding: 0.7em;
                border-color: #d8d578;
                font-weight: 800;
                left: -5em;
                top: .25em; }
                .view.home .collections .txt .info .coll .year .rings.white {
                  border-color: white;
                  z-index: -10; }
              @media only screen and (max-width: 600px) {
                .view.home .collections .txt .info .coll .year {
                  display: none; }
                  .view.home .collections .txt .info .coll .year:last-child {
                    display: block; } }
            .view.home .collections .txt .info .coll ul {
              list-style-type: none;
              display: inline;
              padding: 0;
              text-align: left; }
              .view.home .collections .txt .info .coll ul p {
                display: inline-block;
                margin: 1.25em 1em 1.25em; }
      .view.home .collections .logo {
        width: 15em;
        position: absolute;
        bottom: 2em;
        right: 2em; }
    .view.home .education {
      position: relative; }
      .view.home .education .training-course {
        position: relative;
        color: white; }
        .view.home .education .training-course .img {
          background-image: url("../../../../images/hair_dressing_training_2.jpg");
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%; }
          .view.home .education .training-course .img.ng-hide {
            transform: translateX(-115%); }
          .view.home .education .training-course .img.ng-hide-add {
            transition: all 1.5s ease-in; }
          .view.home .education .training-course .img.ng-hide-add.ng-hide-add-active {
            transform: translateX(-115%); }
          .view.home .education .training-course .img.ng-hide-remove {
            transition: all 1.5s ease-out; }
          @media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
            .view.home .education .training-course .img.ng-hide {
              transform: translateX(-115%); }
            .view.home .education .training-course .img.ng-hide-add {
              transition: all 1s ease-in; }
            .view.home .education .training-course .img.ng-hide-add.ng-hide-add-active {
              transform: translateX(-115%); }
            .view.home .education .training-course .img.ng-hide-remove {
              transition: all 1s ease-out; } }
        .view.home .education .training-course .detail {
          text-align: center;
          font-size: 0.5em;
          position: absolute;
          left: 15em;
          top: 30%;
          color: white;
          width: 30em; }
          .view.home .education .training-course .detail img {
            width: 10em; }
          .view.home .education .training-course .detail .line {
            border-top: solid;
            border-top-color: white;
            border-width: 1px;
            width: 75%;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.home .education .training-course .detail p {
            font-size: 1.5em; }
            .view.home .education .training-course .detail p a {
              color: white; }
              .view.home .education .training-course .detail p a:hover {
                font-weight: 800; }
      .view.home .education .shows-seminars {
        position: relative;
        color: white; }
        .view.home .education .shows-seminars .img {
          background-image: url("../../../../images/hair_dressing_training_1.jpg");
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%; }
          .view.home .education .shows-seminars .img.ng-hide {
            transform: translateX(115%); }
          .view.home .education .shows-seminars .img.ng-hide-add {
            transition: all 1.5s ease-in; }
          .view.home .education .shows-seminars .img.ng-hide-add.ng-hide-add-active {
            transform: translateX(115%); }
          .view.home .education .shows-seminars .img.ng-hide-remove {
            transition: all 1.5s ease-out; }
          @media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
            .view.home .education .shows-seminars .img.ng-hide {
              transform: translateX(115%); }
            .view.home .education .shows-seminars .img.ng-hide-add {
              transition: all .5s ease-in; }
            .view.home .education .shows-seminars .img.ng-hide-add.ng-hide-add-active {
              transform: translateX(115%); }
            .view.home .education .shows-seminars .img.ng-hide-remove {
              transition: all .5s ease-out; } }
        .view.home .education .shows-seminars .detail {
          text-align: center;
          font-size: 0.5em;
          position: absolute;
          right: 12em;
          top: 30%;
          color: white;
          width: 30em; }
          .view.home .education .shows-seminars .detail img {
            width: 10em; }
          .view.home .education .shows-seminars .detail .line {
            border-top: solid;
            border-top-color: white;
            border-width: 1px;
            width: 75%;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.home .education .shows-seminars .detail p {
            font-size: 1.5em; }
            .view.home .education .shows-seminars .detail p a {
              color: white; }
              .view.home .education .shows-seminars .detail p a:hover {
                font-weight: 800; }
      .view.home .education .logo {
        width: 10em;
        position: absolute;
        bottom: 5em;
        right: 7em; }
    .view.home .team {
      background-image: url("../../../../images/mp_Team.png");
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      position: relative;
      color: #52575f; }
      .view.home .team .detail {
        text-align: center;
        font-size: 0.6em;
        position: absolute;
        right: 12em;
        top: 30%;
        color: white;
        width: 30em; }
        .view.home .team .detail h2 {
          font-size: 3em; }
        .view.home .team .detail img {
          width: 65px;
          padding-bottom: 2em; }
        .view.home .team .detail .line {
          border-top: solid;
          border-top-color: white;
          border-width: 1px;
          width: 75%;
          margin: auto;
          margin-top: 2em;
          margin-bottom: 2em; }
        .view.home .team .detail p {
          font-size: 1.5em; }
          .view.home .team .detail p a {
            color: white; }
            .view.home .team .detail p a:hover {
              font-weight: 800; }
    .view.home .shop {
      background-color: #dcdde0; }
      .view.home .shop h2 {
        padding: 0.75em; }
      .view.home .shop h3 {
        font-size: 1.5em; }
      .view.home .shop p {
        font-size: 1em;
        width: 40em;
        margin: auto;
        padding: 1em; }
      .view.home .shop .products {
        padding: 0 5em; }
        .view.home .shop .products .product {
          width: 15em;
          margin: 0 5em; }
          .view.home .shop .products .product .product-text {
            font-size: 1em;
            padding-top: 1.5em; }
            .view.home .shop .products .product .product-text .product-header {
              font-weight: 800;
              font-size: 1em; }
            .view.home .shop .products .product .product-text .txt {
              width: 15em;
              padding-top: 1em;
              font-size: 0.9em;
              margin: auto; }
          .view.home .shop .products .product .product-img {
            background-size: cover;
            background-repeat: no-repeat;
            height: 15em;
            width: 15em;
            margin: auto; }
            .view.home .shop .products .product .product-img.scissors {
              background-image: url("../../../../images/shop_3.png"); }
            .view.home .shop .products .product .product-img.brushes {
              background-image: url("../../../../images/shop_2.png"); }
            .view.home .shop .products .product .product-img.clips {
              background-image: url("../../../../images/shop_1.png"); }
            .view.home .shop .products .product .product-img:hover {
              opacity: 0.5;
              transition: ease-in 0.5s opacity; }
    .view.home .food {
      height: 26em;
      overflow: hidden;
      color: white;
      font-size: 1.5em;
      margin: auto;
      margin-top: 1em;
      position: relative;
      border-bottom: solid gray 5px;
      border-top: solid gray 5px; }
      .view.home .food .floor-img {
        width: 100%; }
      .view.home .food .box {
        /*transition: all .05s ease-in-out;
                  -moz-transition: all .05s ease-in-out;
                  -webkit-transition: all .05s ease-in-out;*/
        position: absolute;
        cursor: pointer;
        opacity: 0.5;
        height: 10em;
        width: 18em;
        overflow-y: hidden;
        transition: all .05s ease-in-out;
        -moz-transition: all .05s ease-in-out;
        -webkit-transition: all .05s ease-in-out;
        z-index: 100; }
        .view.home .food .box a {
          color: white; }
        .view.home .food .box .txt {
          position: absolute;
          text-align: center;
          padding: 0.75em 1em;
          z-index: 11; }
          .view.home .food .box .txt h3 {
            padding: 0.25em; }
          .view.home .food .box .txt p {
            font-size: 0.6em;
            padding: 6em 0 0 0;
            font-weight: 800; }
        .view.home .food .box img {
          width: 100%; }
        .view.home .food .box:hover {
          opacity: .9; }
        .view.home .food .box.scissors {
          left: 400px;
          top: 100px;
          height: 225px;
          width: 450px;
          background-color: transparent;
          opacity: 1; }
          .view.home .food .box.scissors img {
            width: 100%; }
        .view.home .food .box.scissors-shadow {
          left: 400px;
          top: 100px;
          height: 225px;
          width: 450px;
          background-color: transparent;
          opacity: .8; }
          .view.home .food .box.scissors-shadow img {
            width: 100%; }
      .view.home .food .social {
        padding: 4em 0 0 0; }
      .view.home .food a i {
        width: 54px;
        height: 54px;
        background: white;
        border-radius: 100%;
        color: #242727;
        font-size: 40px;
        text-align: center;
        margin-right: 20px;
        display: inline-block;
        float: left;
        padding-top: 8px; }
        .view.home .food a i:hover {
          background: gray; }
    @media only screen and (max-width: 1100px) {
      .view.home {
        font-size: 0.75em; } }
    @media only screen and (max-width: 900px) {
      .view.home {
        font-size: 0.6em; } }
    @media only screen and (max-width: 768px) {
      .view.home {
        font-size: 0.75em; }
        .view.home .image {
          height: 30em; }
        .view.home .main-header {
          top: 10em; }
        .view.home .collections {
          margin-top: 40em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
      .view.home {
        font-size: 0.5em; }
        .view.home .image {
          height: 26em; }
        .view.home .main-header {
          top: 15em; }
          .view.home .main-header .brand {
            font-size: 0.85em;
            top: 25%;
            left: 70%; }
            .view.home .main-header .brand h1 {
              font-size: 3em; }
            .view.home .main-header .brand h2 {
              font-size: 1em; }
            .view.home .main-header .brand .subscribe-cta {
              font-size: 0.75em; }
        .view.home .collections {
          margin-top: 37em; }
          .view.home .collections .txt {
            width: 20em;
            right: 5em;
            top: 2em;
            font-size: 0.75em; }
            .view.home .collections .txt .info p {
              margin: 1em; }
        .view.home .education .training-course .detail {
          font-size: 0.5em;
          left: 2em;
          top: 2em;
          width: 21em; }
          .view.home .education .training-course .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
          .view.home .education .training-course .detail img {
            width: 6em; }
        .view.home .education .shows-seminars .detail {
          font-size: 0.5em;
          right: 2em;
          top: 2em;
          width: 21em; }
          .view.home .education .shows-seminars .detail img {
            width: 6em; }
          .view.home .education .shows-seminars .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
        .view.home .education .shows-seminars .logo {
          left: 2em; }
        .view.home .team .detail {
          font-size: 0.5em;
          right: 8em;
          width: 22em;
          top: 2em; }
          .view.home .team .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
          .view.home .team .detail img {
            width: 6em;
            padding-bottom: 1em; }
        .view.home .shop {
          height: 45em; }
          .view.home .shop .products .product {
            width: 11em;
            margin: 0 2em; }
            .view.home .shop .products .product .product-img {
              width: 11em;
              height: 11em; }
            .view.home .shop .products .product .product-text .txt {
              width: 11em; }
        .view.home .food {
          display: none; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.home {
        font-size: 0.5em; }
        .view.home .image {
          height: 35em; }
        .view.home .main-header {
          top: 15em; }
        .view.home .collections {
          margin-top: 41em; }
          .view.home .collections .txt {
            width: 26em;
            right: 8em; }
            .view.home .collections .txt .info {
              font-size: 1.75em; }
              .view.home .collections .txt .info p {
                margin: 0.5em; }
              .view.home .collections .txt .info .coll {
                font-size: .8em; }
        .view.home .education .training-course .detail {
          font-size: 0.75em;
          left: 8em;
          top: 2em; }
          .view.home .education .training-course .detail img {
            width: 6em; }
        .view.home .education .shows-seminars .detail {
          font-size: 0.75em;
          right: 8em;
          top: 2em; }
          .view.home .education .shows-seminars .detail img {
            width: 6em; }
        .view.home .team .detail {
          font-size: 0.75em;
          right: 8em;
          width: 25em;
          top: 2em; }
          .view.home .team .detail h2 {
            font-size: 2.2em; }
          .view.home .team .detail img {
            width: 6em; }
        .view.home .shop {
          height: 45em; }
          .view.home .shop .products .product {
            width: 11em;
            margin: 0 2em; }
            .view.home .shop .products .product .product-img {
              width: 11em;
              height: 11em; }
            .view.home .shop .products .product .product-text .txt {
              width: 11em; }
        .view.home .food {
          display: none; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.home {
        font-size: 0.5em; }
        .view.home .image {
          height: 26em; }
        .view.home .main-header {
          top: 15em; }
          .view.home .main-header .header-logo .brand {
            width: 20em;
            top: 4em;
            right: 3em; }
            .view.home .main-header .header-logo .brand .maz-logo {
              width: 20em; }
            .view.home .main-header .header-logo .brand .not-just {
              width: 19em; }
        .view.home .collections {
          margin-top: 37em; }
          .view.home .collections .txt {
            width: 20em;
            right: 5em;
            top: 2em;
            font-size: 0.75em; }
            .view.home .collections .txt .info p {
              margin: 1em; }
        .view.home .education .training-course .detail {
          font-size: 0.5em;
          left: 2em;
          top: 2em;
          width: 21em; }
          .view.home .education .training-course .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
          .view.home .education .training-course .detail img {
            width: 6em; }
        .view.home .education .shows-seminars .detail {
          font-size: 0.5em;
          right: 2em;
          top: 2em;
          width: 21em; }
          .view.home .education .shows-seminars .detail img {
            width: 6em; }
          .view.home .education .shows-seminars .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
        .view.home .education .shows-seminars .logo {
          left: 2em; }
        .view.home .team .detail {
          font-size: 0.5em;
          right: 8em;
          width: 22em;
          top: 2em; }
          .view.home .team .detail .line {
            margin-top: 1em;
            margin-bottom: 1em; }
          .view.home .team .detail img {
            width: 6em;
            padding-bottom: 1em; }
        .view.home .shop {
          height: 45em; }
          .view.home .shop .products .product {
            width: 11em;
            margin: 0 2em; }
            .view.home .shop .products .product .product-img {
              width: 11em;
              height: 11em; }
            .view.home .shop .products .product .product-text .txt {
              width: 11em; }
        .view.home .food {
          display: none; } }
  .view.about {
    position: relative; }
    .view.about .banner {
      width: 100%; }
    .view.about section p {
      font-size: 1.2em;
      margin: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      width: 50em; }
    .view.about section.group-images {
      height: 46em;
      position: relative;
      overflow: hidden;
      font-size: 16px; }
      .view.about section.group-images .image {
        position: absolute; }
        .view.about section.group-images .image img {
          width: 100%;
          height: 100%; }
        .view.about section.group-images .image.left.ng-hide {
          transform: translateX(-200%); }
        .view.about section.group-images .image.left.ng-hide-add {
          transition: all 5s ease-in; }
        .view.about section.group-images .image.left.ng-hide-add.ng-hide-add-active {
          transform: translateX(-200%); }
        .view.about section.group-images .image.left.ng-hide-remove {
          transition: all 5s ease-out; }
        .view.about section.group-images .image.right.ng-hide {
          transform: translateX(200%); }
        .view.about section.group-images .image.right.ng-hide-add {
          transition: all 5s ease-in; }
        .view.about section.group-images .image.right.ng-hide-add.ng-hide-add-active {
          transform: translateX(200%); }
        .view.about section.group-images .image.right.ng-hide-remove {
          transition: all 5s ease-out; }
        .view.about section.group-images .image.image_1 {
          left: 5em;
          top: 1.2em;
          width: 11.3em;
          height: 17em;
          z-index: 3; }
          .view.about section.group-images .image.image_1.ng-hide-add {
            transition: all 2s ease-in; }
          .view.about section.group-images .image.image_1.ng-hide-remove {
            transition: all 2s ease-out; }
        .view.about section.group-images .image.image_2 {
          left: 16em;
          top: 0;
          width: 17.5em;
          height: 25em;
          z-index: 2; }
          .view.about section.group-images .image.image_2.ng-hide-add {
            transition: all 2s ease-in; }
          .view.about section.group-images .image.image_2.ng-hide-remove {
            transition: all 2s ease-out; }
        .view.about section.group-images .image.image_3 {
          left: 5.5em;
          top: 20em;
          width: 14.2em;
          height: 20em;
          z-index: 4; }
          .view.about section.group-images .image.image_3.ng-hide-add {
            transition: all 1.25s ease-in; }
          .view.about section.group-images .image.image_3.ng-hide-remove {
            transition: all 1.25s ease-out; }
        .view.about section.group-images .image.image_4 {
          left: 26em;
          top: 20em;
          width: 14em;
          height: 21em;
          z-index: 4; }
          .view.about section.group-images .image.image_4.ng-hide-add {
            transition: all 1.5s ease-in; }
          .view.about section.group-images .image.image_4.ng-hide-remove {
            transition: all 1.5s ease-out; }
        .view.about section.group-images .image.image_6 {
          left: 35em;
          top: 1em;
          width: 14em;
          height: 21em;
          z-index: 1; }
          .view.about section.group-images .image.image_6.ng-hide-add {
            transition: all 1.5s ease-in; }
          .view.about section.group-images .image.image_6.ng-hide-remove {
            transition: all 1.5s ease-out; }
        .view.about section.group-images .image.image_5 {
          right: 36em;
          top: 18em;
          width: 17.1em;
          height: 25em;
          z-index: 4; }
          .view.about section.group-images .image.image_5.ng-hide-add {
            transition: all 1.6s ease-in; }
          .view.about section.group-images .image.image_5.ng-hide-remove {
            transition: all 1.6s ease-out; }
        .view.about section.group-images .image.image_7 {
          right: 22em;
          top: .5em;
          width: 18.8em;
          height: 25em;
          z-index: 3; }
          .view.about section.group-images .image.image_7.ng-hide-add {
            transition: all 1.6s ease-in; }
          .view.about section.group-images .image.image_7.ng-hide-remove {
            transition: all 1.6s ease-out; }
        .view.about section.group-images .image.image_8 {
          right: 19em;
          top: 20em;
          width: 14.2em;
          height: 20em;
          z-index: 4; }
          .view.about section.group-images .image.image_8.ng-hide-add {
            transition: all 1s ease-in; }
          .view.about section.group-images .image.image_8.ng-hide-remove {
            transition: all 1s ease-out; }
        .view.about section.group-images .image.image_9 {
          right: 3.5em;
          top: 19em;
          width: 10.2em;
          height: 15em;
          z-index: 4; }
          .view.about section.group-images .image.image_9.ng-hide-add {
            transition: all 2s ease-in; }
          .view.about section.group-images .image.image_9.ng-hide-remove {
            transition: all 2s ease-out; }
        .view.about section.group-images .image.image_10 {
          right: 7em;
          top: 1em;
          width: 14.08em;
          height: 20em;
          z-index: 2; }
          .view.about section.group-images .image.image_10.ng-hide-add {
            transition: all 1s ease-in; }
          .view.about section.group-images .image.image_10.ng-hide-remove {
            transition: all 1s ease-out; }
      @media only screen and (max-width: 1500px) {
        .view.about section.group-images {
          font-size: 0.9em; } }
      @media only screen and (max-width: 1370px) {
        .view.about section.group-images .image {
          font-size: 0.85em; } }
      @media only screen and (max-width: 1300px) {
        .view.about section.group-images {
          font-size: 1.2em; } }
      @media only screen and (max-width: 1200px) {
        .view.about section.group-images {
          font-size: 1.1em; } }
      @media only screen and (max-width: 1100px) {
        .view.about section.group-images {
          font-size: 1em; } }
      @media only screen and (max-width: 1000px) {
        .view.about section.group-images {
          font-size: 0.9em; } }
      @media only screen and (max-width: 900px) {
        .view.about section.group-images {
          font-size: 0.9em; }
          .view.about section.group-images .image_5, .view.about section.group-images .image_6 {
            display: none; } }
      @media only screen and (max-width: 700px) {
        .view.about section.group-images {
          font-size: 0.9em; }
          .view.about section.group-images .image_1, .view.about section.group-images .image_4 {
            display: none; }
          .view.about section.group-images .image.image_2 {
            left: 12em; } }
      @media only screen and (max-width: 600px) {
        .view.about section.group-images .image_1, .view.about section.group-images .image_2, .view.about section.group-images .image_3, .view.about section.group-images .image_4 {
          display: none; } }
      @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .view.about section.group-images .image_1, .view.about section.group-images .image_2, .view.about section.group-images .image_3, .view.about section.group-images .image_4 {
          display: none; }
        .view.about section.group-images .image.image_7 {
          right: 21.5em; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .view.about section.group-images {
          font-size: 0.8em; }
          .view.about section.group-images .image_1, .view.about section.group-images .image_2, .view.about section.group-images .image_3, .view.about section.group-images .image_4 {
            display: none; }
          .view.about section.group-images .image.image_7 {
            right: 21.5em; } }
      @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .view.about section.group-images .image_1, .view.about section.group-images .image_2, .view.about section.group-images .image_3, .view.about section.group-images .image_4 {
          display: none; } }
    .view.about section.video {
      margin-top: 10em; }
      .view.about section.video video {
        width: 100%;
        height: 60em; }
    .view.about .mpLogo {
      width: 20em;
      margin: 3em 0 1em 0; }
    .view.about .not-just {
      width: 20em;
      margin: 0 0 3em 0; }
    @media only screen and (max-width: 900px) {
      .view.about section p {
        width: 40em; } }
    @media only screen and (max-width: 700px) {
      .view.about section p {
        width: 25em; } }
    @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.about section p {
        width: 20em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.about section p {
        width: 17em; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.about section p {
        width: 22em; } }
  .view.collection .gap {
    height: 60em; }
    @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .gap {
        height: 30em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .gap {
        height: 30em; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .gap {
        height: 30em; } }
  .view.collection .collection_ind .start-image {
    position: absolute;
    width: 100%;
    height: 50em;
    left: 0; }
    .view.collection .collection_ind .start-image .collection_content .detail {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-size: 2em;
      z-index: 10;
      font-weight: 800;
      transition: opacity .8s ease-in-out;
      transition: all .8s ease-in-out; }
      .view.collection .collection_ind .start-image .collection_content .detail .name {
        position: relative; }
        .view.collection .collection_ind .start-image .collection_content .detail .name span {
          position: absolute;
          font-size: 0.35em;
          right: -1.9em;
          top: -0.5em; }
    .view.collection .collection_ind .start-image .collection_content img {
      width: 75em;
      height: 40.1em;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0.3;
      cursor: pointer;
      transition: opacity .8s ease-in-out; }
    .view.collection .collection_ind .start-image .collection_content:hover .name {
      opacity: 0.6;
      color: black; }
    .view.collection .collection_ind .start-image .collection_content:hover img {
      opacity: 0.6; }
    @media only screen and (max-width: 1100px) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 60em;
        height: 32em; } }
    @media only screen and (max-width: 900px) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 50em;
        height: 26.73em; } }
    @media only screen and (max-width: 700px) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 50em;
        height: 26.73em; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 24em;
        height: 12.83em; } }
    @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 24em;
        height: 12.83em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.collection .collection_ind .start-image .collection_content img {
        width: 24em;
        height: 12.83em; } }
  .view.collection-detail {
    margin-top: 0;
    position: relative; }
    .view.collection-detail .start-image {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: -2;
      overflow: hidden;
      height: 1000px; }
      .view.collection-detail .start-image #mainImage {
        width: 75em;
        height: 40.1em;
        position: absolute;
        top: calc(50% + 0px);
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        opacity: 0.6;
        transition: ease-in all 2s;
        background-repeat: no-repeat;
        background-size: cover; }
        .view.collection-detail .start-image #mainImage.expand {
          width: 100%;
          top: 50%;
          opacity: 1; }
        @media only screen and (max-width: 1100px) {
          .view.collection-detail .start-image #mainImage {
            width: 57em;
            height: 34.76em;
            width: 60em;
            height: 32em; }
            .view.collection-detail .start-image #mainImage.expand {
              background-position-x: 50%; } }
        @media only screen and (max-width: 900px) {
          .view.collection-detail .start-image #mainImage {
            /*background-position-x:-30em;*/
            width: 50em;
            height: 26.73em; } }
        @media only screen and (max-width: 700px) {
          .view.collection-detail .start-image #mainImage {
            /*background-position-x:-45em;*/
            width: 50em;
            height: 26.73em; } }
        @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .view.collection-detail .start-image #mainImage {
            width: 24em;
            height: 12.83em; } }
      .view.collection-detail .start-image .maz-logo {
        width: 15em;
        position: absolute;
        bottom: 1em;
        right: 2em; }
    .view.collection-detail .close {
      position: fixed;
      right: 1em;
      top: 1em;
      z-index: 2000;
      color: white;
      font-size: 2em;
      cursor: pointer; }
      .view.collection-detail .close i {
        font-size: 2em; }
    .view.collection-detail .overlay {
      background-color: black;
      opacity: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: ease-out opacity 1s;
      cursor: pointer;
      z-index: 100; }
      .view.collection-detail .overlay .moreInfo {
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        left: 50%;
        top: 50%; }
      @media only screen and (max-width: 900px) {
        .view.collection-detail .overlay {
          font-size: 2em; } }
    .view.collection-detail .first-content {
      z-index: 100;
      overflow: hidden;
      width: 100%;
      height: 1000px; }
      .view.collection-detail .first-content .first {
        overflow: hidden;
        z-index: 100;
        height: 100%;
        display: -webkit-box;
        display: flex;
        flex-flow: row;
        -webkit-flex: 1 1 auto; }
        .view.collection-detail .first-content .first .first-content-image {
          width: 50%;
          position: relative;
          overflow: hidden; }
          .view.collection-detail .first-content .first .first-content-image:hover .overlay {
            opacity: .5; }
      .view.collection-detail .first-content.fixed {
        position: fixed;
        left: 0; }
      .view.collection-detail .first-content .collection_second {
        height: 100%;
        z-index: 100;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
      .view.collection-detail .first-content .first_text {
        position: relative;
        width: 50%; }
        .view.collection-detail .first-content .first_text .info {
          line-height: 1.25em;
          font-size: 2.5em;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 65%;
          transform: translateX(-50%) translateY(-50%); }
          .view.collection-detail .first-content .first_text .info h1 {
            font-weight: 800;
            margin-bottom: 0.5em; }
          .view.collection-detail .first-content .first_text .info p {
            font-size: 0.7em; }
      @media only screen and (min-width: 320px) and (max-width: 700px) {
        .view.collection-detail .first-content .first {
          display: block;
          position: relative; }
          .view.collection-detail .first-content .first .first_text {
            position: absolute;
            width: 100%;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            z-index: 105;
            font-size: 0.85em; }
          .view.collection-detail .first-content .first .first-content-image {
            width: 100%;
            height: 100%; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .view.collection-detail .first-content .first {
          display: block;
          position: relative; }
          .view.collection-detail .first-content .first .first_text {
            position: absolute;
            width: 100%;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            z-index: 105;
            font-size: 0.85em; }
          .view.collection-detail .first-content .first .first-content-image {
            width: 100%;
            height: 100%; } }
    .view.collection-detail .second_content {
      z-index: 105;
      position: relative;
      bottom: 0;
      width: 100%;
      font-size: 16px;
      height: 1000px;
      /*@include respond-to("phonesBigger") {    
                        .grow_60{font-size:0.75em; width:100%; }
                                .row{
                                   .image{background-position-x:0;}
                                    .grow_2_5{display:none; }
                                    .grow_1_5{width:60%;  }
                                    .grow_1{width:40%;  }
                                }
                        .second_text{display:none;}
                     }
                   
                   @include respond-to("phones") {    
                        .grow_60{font-size:0.75em; width:100%; }
                                .row{
                                   .image{background-position-x:0;}
                                    .grow_2_5{display:none; }
                                    .grow_1_5{width:60%;  }
                                    .grow_1{width:40%;  }
                                }
                        .second_text{display:none;}
                     }
                   
                   @include respond-to("littlePhones") {    
                        .grow_60{font-size:0.75em; width:100%; }
                                .row{
                                   .image{background-position-x:0;}
                                    .grow_2_5{display:none; }
                                    .grow_1_5{width:60%;  }
                                    .grow_1{width:40%;  }
                                }
                        .second_text{display:none;}
                     }*/ }
      .view.collection-detail .second_content .grow_60 {
        width: 50em;
        height: 100%; }
      .view.collection-detail .second_content .second_text {
        padding: 2em 2em;
        text-align: center;
        position: relative; }
        .view.collection-detail .second_content .second_text h2 {
          line-height: 2em;
          font-size: 2.75em;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%); }
        .view.collection-detail .second_content .second_text .maz-logo {
          width: 15em;
          position: absolute;
          bottom: 1em;
          right: 2em; }
      .view.collection-detail .second_content .row {
        height: 33.3%;
        margin: 0;
        /*.image{background-size:cover; width:100%; height:100%; background-position-x:-1.75em;}*/ }
        .view.collection-detail .second_content .row img {
          height: 100%;
          z-index: 100;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%); }
        .view.collection-detail .second_content .row .grow_2_5 {
          overflow: hidden;
          position: relative;
          width: 24em;
          height: 100%;
          display: block; }
          .view.collection-detail .second_content .row .grow_2_5:hover .overlay {
            opacity: .5; }
        .view.collection-detail .second_content .row .grow_1_5 {
          overflow: hidden;
          position: relative;
          width: 16.5em;
          height: 100%;
          display: block; }
          .view.collection-detail .second_content .row .grow_1_5:hover .overlay {
            opacity: .5; }
        .view.collection-detail .second_content .row .grow_1 {
          overflow: hidden;
          position: relative;
          width: 9.5em;
          height: 100%;
          display: block; }
          .view.collection-detail .second_content .row .grow_1:hover .overlay {
            opacity: .5; }
      @media only screen and (max-width: 1300px) {
        .view.collection-detail .second_content {
          font-size: 0.85em; }
          .view.collection-detail .second_content .grow_60 {
            font-size: 1.5em; } }
      @media only screen and (max-width: 1100px) {
        .view.collection-detail .second_content .grow_60 {
          font-size: 1.25em; } }
      @media only screen and (max-width: 900px) {
        .view.collection-detail .second_content .grow_60 {
          font-size: 0.75em;
          width: 100%; }
        .view.collection-detail .second_content .row .image {
          background-position-x: 0; }
        .view.collection-detail .second_content .row .grow_2_5 {
          display: none; }
        .view.collection-detail .second_content .row .grow_1_5 {
          width: 60%; }
        .view.collection-detail .second_content .row .grow_1 {
          width: 40%; }
        .view.collection-detail .second_content .second_text {
          display: none; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .view.collection-detail .second_content .grow_60 {
          font-size: 0.75em;
          width: 100%; }
        .view.collection-detail .second_content .row .image {
          background-position-x: 0; }
        .view.collection-detail .second_content .row .grow_2_5 {
          display: none; }
        .view.collection-detail .second_content .row .grow_1_5 {
          width: 60%; }
        .view.collection-detail .second_content .row .grow_1 {
          width: 40%; }
        .view.collection-detail .second_content .second_text {
          display: none; } }
    .view.collection-detail .detail {
      z-index: 1000;
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      color: white; }
      .view.collection-detail .detail.ng-hide-add.ng-hide-add-active {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.collection-detail .detail.ng-hide-remove {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.collection-detail .detail.ng-hide-remove.ng-hide-remove-active {
        opacity: 1; }
      .view.collection-detail .detail .overlay {
        opacity: .7; }
      .view.collection-detail .detail .content {
        z-index: 1000;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        color: white; }
        .view.collection-detail .detail .content .single-image {
          height: 80%;
          margin: 3% 0; }
          .view.collection-detail .detail .content .single-image img {
            height: 100%; }
        .view.collection-detail .detail .content .credits h2 {
          font-size: 1em;
          display: inline-block;
          font-weight: 800; }
        .view.collection-detail .detail .content .credits p {
          display: inline-block;
          margin-right: 1em; }
          .view.collection-detail .detail .content .credits p span {
            font-weight: 600;
            display: inline-block;
            margin-right: 0.25em; }
      .view.collection-detail .detail .close {
        position: fixed;
        right: 1em;
        top: 1em;
        z-index: 2000;
        color: white;
        z-index: 1005;
        font-size: 2em; }
    .view.collection-detail .theme {
      background-color: black;
      color: white; }
      .view.collection-detail .theme.clouds {
        background-color: #7e8f89; }
      .view.collection-detail .theme.forgottonCircus {
        background-color: #261e1c; }
      .view.collection-detail .theme.kanji {
        background-color: black; }
      .view.collection-detail .theme.blanc-sur-noir {
        background-color: black; }
      .view.collection-detail .theme.noir-sur-blanc {
        background-color: #e2e2e2; }
      .view.collection-detail .theme.fitz {
        background-color: #0e1527; }
      .view.collection-detail .theme.fitz {
        background-color: #0e1527; }
      .view.collection-detail .theme.koda {
        background-color: #c6c6c8; }
      .view.collection-detail .theme.children-revolution {
        background-color: #4e6584; }
      .view.collection-detail .theme.courbe {
        background-color: #dbdbdb; }
      .view.collection-detail .theme.arcade {
        background-color: #1b1a18; }
      .view.collection-detail .theme.artwear {
        background-color: #b9b5b6; }
      .view.collection-detail .theme.paule {
        background-color: #acbac5; }
      .view.collection-detail .theme.reversible {
        background-color: #ae8972; }
      .view.collection-detail .theme.ombre {
        background-color: #727274; }
      .view.collection-detail .theme.demeure {
        background-color: #3d4335; }
      .view.collection-detail .theme.la-forme-nu {
        background-color: #15181f; }
      .view.collection-detail .theme.spark {
        background-color: #9a999f; }
    .view.collection-detail.cloudsAndWaves #mainImage {
      background-image: url("../../../../../../images/collections/images/2017/mainImage.jpg");
      background-repeat: no-repeat;
      background-size: cover; }
    .view.collection-detail.forgottonCircus #mainImage {
      background-image: url("../../../../../../images/collections/images/forgottenCircus/mainImage.jpg"); }
    .view.collection-detail.blanc-sur-noir #mainImage {
      background-image: url("../../../../../../images/collections/images/blanc-sur-noir/mainImage.jpg"); }
    .view.collection-detail.noir-sur-blanc #mainImage {
      background-image: url("../../../../../../images/collections/images/noir-sur-blanc/mainImage.jpg"); }
    .view.collection-detail.fitz #mainImage {
      background-image: url("../../../../../../images/collections/images/fitz/mainImage.jpg"); }
    .view.collection-detail.koda #mainImage {
      background-image: url("../../../../../../images/collections/images/koda/mainImage.jpg"); }
    .view.collection-detail.children-revolution #mainImage {
      background-image: url("../../../../../../images/collections/images/childrenoftherevolution/mainImage.jpg"); }
    .view.collection-detail.kanji #mainImage {
      background-image: url("../../../../../../images/collections/images/kanji/mainImage.jpg"); }
    .view.collection-detail.courbe #mainImage {
      background-image: url("../../../../../../images/collections/images/courbe/mainImage.jpg"); }
    .view.collection-detail.arcade #mainImage {
      background-image: url("../../../../../../images/collections/images/arcade/mainImage.jpg"); }
    .view.collection-detail.artwear #mainImage {
      background-image: url("../../../../../../images/collections/images/artwear/mainImage.jpg"); }
    .view.collection-detail.paule #mainImage {
      background-image: url("../../../../../../images/collections/images/paule/mainImage.jpg"); }
    .view.collection-detail.reversible #mainImage {
      background-image: url("../../../../../../images/collections/images/reversible/mainImage.jpg");
      background-repeat: no-repeat;
      background-size: cover; }
    .view.collection-detail.demeure #mainImage {
      background-image: url("../../../../../../images/collections/images/demeure/mainImage.jpg"); }
    .view.collection-detail.la-forme-nu #mainImage {
      background-image: url("../../../../../../images/collections/images/la-forme-nu/mainImage.jpg"); }
    .view.collection-detail.ombre #mainImage {
      background-image: url("../../../../../../images/collections/images/OmbreRouge/mainImage.jpg"); }
    .view.collection-detail.spark #mainImage {
      background-image: url("../../../../../../images/collections/images/Spark/mainImage.jpg"); }
  .view.education {
    padding: 0 2em;
    color: #52575f;
    font-size: 0.8em;
    margin-bottom: 2em; }
    .view.education .bg-gray {
      background-color: #dcdde0; }
    .view.education .row {
      margin: 1em 0; }
      .view.education .row .line {
        border-color: #b0b2b6;
        border-bottom-style: solid;
        border-width: 1px;
        margin: 1em 0; }
      .view.education .row .grow {
        margin-right: 1em;
        padding: 2em 2em;
        width: 20em; }
        .view.education .row .grow:last-child {
          margin-right: 0; }
        .view.education .row .grow h3 {
          font-size: 1.25em;
          font-weight: 800; }
        .view.education .row .grow img.small {
          width: 10em;
          margin: 1.25em 0; }
        .view.education .row .grow img.wide {
          width: 15em;
          margin: 1.25em 0; }
        .view.education .row .grow p {
          padding: 1em 1em;
          font-size: 1.25em;
          font-weight: 600; }
          .view.education .row .grow p.np {
            padding: 0; }
          .view.education .row .grow p.tb-nol {
            padding: 1em 0; }
          .view.education .row .grow p.increased-lheight {
            line-height: 2em; }
        .view.education .row .grow .small-address {
          padding: 1em 0; }
          .view.education .row .grow .small-address p {
            padding: 0.05em 0; }
        .view.education .row .grow .small-logo {
          width: 100%;
          margin: 0; }
        .view.education .row .grow ul {
          padding: 0;
          font-size: 1.25em;
          font-weight: 800; }
          .view.education .row .grow ul li {
            padding: .5em 0; }
        .view.education .row .grow.align-left .row-header {
          padding: 0; }
        .view.education .row .grow.big-address {
          padding: 8em 2em; }
          .view.education .row .grow.big-address p {
            padding: 0.1em;
            font-size: 1.75em; }
        .view.education .row .grow .initials {
          position: absolute;
          bottom: 1.5em;
          right: 3.7em; }
          .view.education .row .grow .initials img {
            width: 8em; }
        .view.education .row .grow .education_mplogo {
          margin: 1em;
          width: 8em; }
        .view.education .row .grow.logo-container {
          position: relative; }
          .view.education .row .grow.logo-container .mplogo-big {
            width: 15em;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            /*.img{width:2em;}*/ }
      .view.education .row .row-header {
        padding: 1em 2em 0 2em; }
        .view.education .row .row-header h2 {
          padding: 0;
          line-height: 1.3em; }
        .view.education .row .row-header .line {
          margin: 0; }
      .view.education .row .align-left {
        text-align: left; }
        .view.education .row .align-left .row-header {
          padding: 0; }
          .view.education .row .align-left .row-header h2 {
            font-size: 2em; }
      .view.education .row.full-length {
        text-align: left; }
        .view.education .row.full-length h2 {
          font-size: 2em; }
        .view.education .row.full-length .line {
          width: 30%; }
        .view.education .row.full-length .grow {
          padding: 1em 2em; }
          .view.education .row.full-length .grow p {
            padding: 0 0 2em 0; }
          .view.education .row.full-length .grow h3 {
            padding: 1em 0; }
    .view.education .contact-us h3 {
      font-size: 3em; }
    .view.education .contact-us .contact-form {
      padding: 2em;
      width: 55em;
      margin: auto;
      border-top: solid;
      border-color: gray;
      border-width: 1px;
      font-size: 1.25em; }
      .view.education .contact-us .contact-form .form-group {
        min-height: 3em;
        margin-bottom: 0; }
        .view.education .contact-us .contact-form .form-group .col-md-2 {
          width: 10em;
          float: left; }
        .view.education .contact-us .contact-form .form-group .col-md-10 {
          width: 40em;
          float: left; }
        .view.education .contact-us .contact-form .form-group .btn-default {
          margin: 1em; }
    @media only screen and (max-width: 1000px) {
      .view.education .fb {
        display: block; }
        .view.education .fb .grow {
          width: 100%;
          margin: 1em 0; }
          .view.education .fb .grow h3 {
            font-size: 2em; }
          .view.education .fb .grow p {
            width: 49em;
            margin: auto; }
          .view.education .fb .grow .line {
            width: 55em;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.education .fb .grow .small-logo {
            width: 30em;
            display: block;
            margin: auto; }
          .view.education .fb .grow img.small {
            width: 20em; }
          .view.education .fb .grow img.wide {
            width: 25em; }
          .view.education .fb .grow.logo-container {
            min-height: 20em;
            margin: 0; }
          .view.education .fb .grow.big-address {
            padding: 2em 0; }
      .view.education .row {
        margin: 1em 0 0 0; }
        .view.education .row .align-left {
          text-align: center; }
        .view.education .row.full-length {
          text-align: center; }
          .view.education .row.full-length h2 {
            font-size: 3em;
            padding: 1em 0; }
          .view.education .row.full-length .line {
            width: 55em;
            margin: auto;
            margin-top: 0.5em;
            margin-bottom: .5em; }
      .view.education .contact-us {
        margin: auto; }
        .view.education .contact-us .contact-form .form-group {
          min-height: 5em; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.education .fb {
        display: block; }
        .view.education .fb .grow {
          width: 100%;
          margin: .5em 0; }
          .view.education .fb .grow h3 {
            font-size: 1.5em; }
          .view.education .fb .grow p {
            width: 28em;
            margin: auto; }
          .view.education .fb .grow .line {
            width: 28em;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.education .fb .grow .small-logo {
            width: 28em;
            display: block;
            margin: auto; }
          .view.education .fb .grow img.small {
            width: 20em; }
          .view.education .fb .grow img.wide {
            width: 25em; }
          .view.education .fb .grow.logo-container {
            min-height: 20em;
            margin: 0; }
          .view.education .fb .grow.big-address {
            padding: 2em 0;
            min-height: 20em; }
            .view.education .fb .grow.big-address p {
              width: 20em;
              margin: auto; }
          .view.education .fb .grow .initials {
            right: 5em; }
            .view.education .fb .grow .initials img {
              width: 10em; }
      .view.education .row {
        margin: 1em 0 0 0; }
        .view.education .row .align-left {
          text-align: center; }
        .view.education .row.full-length {
          text-align: center; }
          .view.education .row.full-length h2 {
            font-size: 2em;
            padding: 1em 0; }
          .view.education .row.full-length .line {
            width: 28em;
            margin: auto;
            margin-top: 0.5em;
            margin-bottom: .5em; }
      .view.education .contact-us {
        margin: auto; }
        .view.education .contact-us .contact-form {
          padding: 2em;
          width: 28em;
          margin: auto;
          border-top: solid;
          border-bottom: solid;
          border-color: gray;
          border-width: 1px;
          font-size: 1.25em; }
          .view.education .contact-us .contact-form .form-group {
            min-height: 5em;
            margin-bottom: 0; }
            .view.education .contact-us .contact-form .form-group .col-md-2 {
              width: 10em;
              float: none; }
            .view.education .contact-us .contact-form .form-group .col-md-10 {
              width: 24em;
              float: none; }
            .view.education .contact-us .contact-form .form-group .btn-default {
              margin: 1em; } }
    @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.education .fb {
        display: block; }
        .view.education .fb .grow {
          width: 100%;
          margin: .5em 0; }
          .view.education .fb .grow h3 {
            font-size: 1.5em; }
          .view.education .fb .grow p {
            width: 22em;
            margin: auto; }
          .view.education .fb .grow .line {
            width: 22em;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.education .fb .grow .small-logo {
            width: 22em;
            display: block;
            margin: auto; }
          .view.education .fb .grow img.small {
            width: 20em; }
          .view.education .fb .grow img.wide {
            width: 25em; }
          .view.education .fb .grow.logo-container {
            min-height: 20em;
            margin: 0; }
          .view.education .fb .grow.big-address {
            padding: 2em 0;
            min-height: 20em; }
            .view.education .fb .grow.big-address p {
              width: 20em;
              margin: auto; }
          .view.education .fb .grow .initials {
            right: 5em;
            /*bottom: -1em;*/ }
            .view.education .fb .grow .initials img {
              width: 10em; }
      .view.education .row {
        margin: 1em 0 0 0; }
        .view.education .row .align-left {
          text-align: center; }
        .view.education .row.full-length {
          text-align: center; }
          .view.education .row.full-length h2 {
            font-size: 2em;
            padding: 1em 0; }
          .view.education .row.full-length .line {
            width: 22em;
            margin: auto;
            margin-top: 0.5em;
            margin-bottom: .5em; }
      .view.education .contact-us {
        margin: auto; }
        .view.education .contact-us .contact-form {
          padding: 2em;
          width: 28em;
          margin: auto;
          border-top: solid;
          border-bottom: solid;
          border-color: gray;
          border-width: 1px;
          font-size: 1.25em; }
          .view.education .contact-us .contact-form .form-group {
            min-height: 5em;
            margin-bottom: 0; }
            .view.education .contact-us .contact-form .form-group .col-md-2 {
              width: 10em;
              float: none; }
            .view.education .contact-us .contact-form .form-group .col-md-10 {
              width: 24em;
              float: none; }
            .view.education .contact-us .contact-form .form-group .btn-default {
              margin: 1em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.education .fb {
        display: block; }
        .view.education .fb .grow {
          width: 100%;
          margin: 1em 0; }
          .view.education .fb .grow h3 {
            font-size: 1.5em; }
          .view.education .fb .grow p {
            width: 20em;
            margin: auto; }
          .view.education .fb .grow .line {
            width: 20em;
            margin: auto;
            margin-top: 2em;
            margin-bottom: 2em; }
          .view.education .fb .grow .small-logo {
            width: 20em;
            display: block;
            margin: auto; }
          .view.education .fb .grow img.small {
            width: 20em; }
          .view.education .fb .grow img.wide {
            width: 25em; }
          .view.education .fb .grow.logo-container {
            min-height: 20em;
            margin: 0; }
          .view.education .fb .grow.big-address {
            padding: 2em 0;
            min-height: 20em; }
            .view.education .fb .grow.big-address p {
              width: 15em;
              margin: auto; }
          .view.education .fb .grow .initials {
            right: 5em;
            /*bottom: -1em;*/ }
            .view.education .fb .grow .initials img {
              width: 10em; }
      .view.education .row {
        margin: 1em 0 0 0; }
        .view.education .row .align-left {
          text-align: center; }
        .view.education .row.full-length {
          text-align: center; }
          .view.education .row.full-length h2 {
            font-size: 2em;
            padding: 1em 0; }
          .view.education .row.full-length .line {
            width: 22em;
            margin: auto;
            margin-top: 0.5em;
            margin-bottom: .5em; }
      .view.education .contact-us {
        margin: auto;
        text-align: center; }
        .view.education .contact-us .contact-form {
          padding: 0;
          width: 20em;
          margin: auto;
          border-top: solid;
          border-bottom: solid;
          border-color: gray;
          border-width: 1px;
          font-size: 1.25em; }
          .view.education .contact-us .contact-form .form-group {
            min-height: 6em;
            margin-bottom: 0; }
            .view.education .contact-us .contact-form .form-group .col-md-2 {
              width: 100%;
              float: none; }
            .view.education .contact-us .contact-form .form-group .col-md-10 {
              width: 100%;
              float: none; }
            .view.education .contact-us .contact-form .form-group .btn-default {
              margin: 1em; } }
  .view.future-events {
    position: relative; }
    .view.future-events .map {
      width: 1125px;
      height: 576px;
      margin: auto;
      position: relative;
      margin-top: 3em; }
      .view.future-events .map .world {
        width: 100%;
        height: 100%; }
      .view.future-events .map .event {
        position: absolute;
        z-index: 15; }
        .view.future-events .map .event .pointer {
          width: 40px;
          height: 40px;
          cursor: pointer; }
          .view.future-events .map .event .pointer svg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0; }
          .view.future-events .map .event .pointer:hover svg.mplogo_light {
            display: none; }
      .view.future-events .map.ng-hide-add.ng-hide-add-active {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.future-events .map.ng-hide-remove {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.future-events .map.ng-hide-remove.ng-hide-remove-active {
        opacity: 1; }
    .view.future-events .detail {
      position: absolute;
      top: -125px;
      left: -165px;
      z-index: 40;
      max-height: 20em;
      overflow-x: hidden;
      border-radius: 0.75em;
      background-color: white;
      text-align: center;
      padding: 1em;
      width: 250px; }
      .view.future-events .detail .event-details {
        margin: 0 0 0.5em 0; }
        .view.future-events .detail .event-details h4 {
          margin: 0 0 0.1em 0;
          font-size: 1em;
          font-weight: 800; }
        .view.future-events .detail .event-details p {
          padding: .25em 0;
          font-size: 0.75em; }
      .view.future-events .detail a {
        font-weight: 800; }
      .view.future-events .detail.ng-hide-add.ng-hide-add-active {
        opacity: 0; }
      .view.future-events .detail.ng-hide-remove {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.future-events .detail.ng-hide-remove.ng-hide-remove-active {
        opacity: 1; }
      .view.future-events .detail .close {
        font-size: 30px;
        color: black;
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        opacity: 1; }
    .view.future-events .backdrop {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: black;
      left: 0;
      top: 0;
      opacity: 0.3;
      z-index: 20; }
      .view.future-events .backdrop.ng-hide-add.ng-hide-add-active {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.future-events .backdrop.ng-hide-remove {
        transition: opacity 1s ease-out;
        opacity: 0; }
      .view.future-events .backdrop.ng-hide-remove.ng-hide-remove-active {
        opacity: 0.3; }
    @media only screen and (max-width: 1125px) {
      .view.future-events .map {
        width: 562.5px;
        height: 288px;
        margin-bottom: 3em;
        overflow-y: hidden; }
        .view.future-events .map .event .pointer {
          width: 20px;
          height: 20px; }
      .view.future-events .detail {
        top: -62.5px;
        left: -82.5px;
        border-radius: 0.75em;
        padding: 1.25em;
        width: 175px; }
        .view.future-events .detail .event-details {
          margin: 0 0 0.5em 0; }
          .view.future-events .detail .event-details h4 {
            margin: 0 0 0.1em 0;
            font-size: 1em;
            font-weight: 800; }
          .view.future-events .detail .event-details p {
            padding: .25em 0;
            font-size: 0.75em; } }
    @media only screen and (max-width: 500px) {
      .view.future-events .map {
        width: 281.25px;
        height: 144px;
        margin-bottom: 3em;
        overflow-y: hidden; }
        .view.future-events .map .event .pointer {
          width: 10px;
          height: 10px; }
      .view.future-events .detail {
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 0.75em;
        padding: 1.25em;
        width: 175px; }
        .view.future-events .detail .event-details {
          margin: 0 0 0.5em 0; }
          .view.future-events .detail .event-details h4 {
            margin: 0 0 0.1em 0;
            font-size: 0.75em;
            font-weight: 800; }
          .view.future-events .detail .event-details p {
            padding: .25em 0;
            font-size: 0.5em; } }
  .view .inner-content h1 {
    font-size: 1.75em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .view .inner-content.page-title {
    margin-top: 2em; }
    .view .inner-content.page-title .culture {
      width: 40em;
      margin: auto;
      padding-top: 3em;
      border-top: solid;
      border-top-color: gray;
      border-top-width: 1px;
      font-size: 1.25em; }
  @media only screen and (max-width: 900px) {
    .view .inner-content.page-title {
      margin-top: 2em; }
      .view .inner-content.page-title .culture {
        width: 40em;
        padding-top: 4em;
        font-size: 1em; } }
  @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view .inner-content.page-title {
      margin-top: 5em; }
      .view .inner-content.page-title .culture {
        width: 26em;
        padding-top: 2em;
        font-size: 1em; } }
  @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view .inner-content.page-title {
      margin-top: 5em; }
      .view .inner-content.page-title .culture {
        width: 26em;
        padding-top: 2em;
        font-size: 1em; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view .inner-content.page-title {
      margin-top: 5em; }
      .view .inner-content.page-title .culture {
        width: 20em;
        padding-top: 2em;
        font-size: 1em; } }
  .view.contact .contact-form {
    padding: 2em;
    width: 35em;
    margin: auto;
    border-top: solid;
    border-bottom: solid;
    border-color: gray;
    border-width: 1px;
    font-size: 1.25em; }
    .view.contact .contact-form .form-group {
      min-height: 3em;
      margin-bottom: 0; }
      .view.contact .contact-form .form-group .col-md-2 {
        width: 8em;
        float: left; }
      .view.contact .contact-form .form-group .col-md-10 {
        width: 22em;
        float: left; }
      .view.contact .contact-form .form-group .btn-default {
        margin: 1em; }
  .view.contact .map {
    margin-top: 2em; }
  @media only screen and (max-width: 1000px) {
    .view.contact .contact-us {
      margin: auto; }
      .view.contact .contact-us .contact-form .form-group {
        min-height: 5em; } }
  @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.contact .contact-form {
      padding: 0;
      width: 20em; }
      .view.contact .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.contact .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.contact .contact-form .form-group .col-md-10 {
          width: 20em;
          float: none; }
        .view.contact .contact-form .form-group .btn-default {
          margin: 1em; } }
  @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.contact .contact-form {
      padding: 0;
      width: 20em; }
      .view.contact .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.contact .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.contact .contact-form .form-group .col-md-10 {
          width: 20em;
          float: none; }
        .view.contact .contact-form .form-group .btn-default {
          margin: 1em; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.contact .contact-form {
      padding: 0;
      width: 20em; }
      .view.contact .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.contact .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.contact .contact-form .form-group .col-md-10 {
          width: 20em;
          float: none; }
        .view.contact .contact-form .form-group .btn-default {
          margin: 1em; } }
  .view.careers .inner-content {
    padding: 0;
    text-align: center; }
    .view.careers .inner-content .banner {
      width: 100%; }
    .view.careers .inner-content h3 {
      font-size: 1.25em;
      padding: 2em 0;
      width: 40em;
      margin: auto; }
    .view.careers .inner-content ul {
      width: 40em;
      margin: auto; }
      .view.careers .inner-content ul li {
        padding: 0.4em 0;
        font-size: 0.9em; }
    .view.careers .inner-content .job-posts .job-post {
      background-color: rgba(128, 128, 128, 0.1);
      padding: 3em; }
      .view.careers .inner-content .job-posts .job-post .header {
        font-weight: 800;
        font-size: 2em; }
      .view.careers .inner-content .job-posts .job-post p {
        padding: 1em;
        width: 60em;
        margin: auto; }
        .view.careers .inner-content .job-posts .job-post p.title {
          font-weight: 800; }
    .view.careers .inner-content .contact-us .contact-form {
      padding: 2em;
      width: 40em;
      margin: auto;
      border-top: solid;
      border-color: gray;
      border-width: 1px;
      font-size: 1.25em; }
      .view.careers .inner-content .contact-us .contact-form .form-group {
        min-height: 3em;
        margin-bottom: 0; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-2 {
          width: 25%; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-10 {
          width: 75%; }
        .view.careers .inner-content .contact-us .contact-form .form-group .btn-default {
          margin: 1em; }
  @media only screen and (max-width: 900px) {
    .view.careers .inner-content h3 {
      font-size: 1.25em;
      padding: 2em 0;
      width: 40em;
      margin: auto; }
    .view.careers .inner-content ul {
      width: 29em;
      margin: auto; }
      .view.careers .inner-content ul li {
        padding: 0.4em 0;
        font-size: 1em; }
    .view.careers .inner-content .job-posts .job-post p {
      width: 45em; }
    .view.careers .inner-content .contact-us .contact-form {
      padding: 0;
      width: 20em;
      margin: auto;
      border-top: solid;
      border-bottom: solid;
      border-color: gray;
      border-width: 1px;
      font-size: 1.25em; }
      .view.careers .inner-content .contact-us .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-10 {
          width: 20em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .btn-default {
          margin: 1em; } }
  @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.careers .inner-content h3 {
      font-size: 1.25em;
      padding: 2em 0;
      width: 23em; }
    .view.careers .inner-content ul {
      width: 23em;
      margin: auto; }
      .view.careers .inner-content ul li {
        padding: 0.4em 0;
        font-size: 1em; }
    .view.careers .inner-content .job-posts .job-post p {
      width: 20em; }
    .view.careers .inner-content .contact-us .contact-form {
      padding: 0;
      width: 23em; }
      .view.careers .inner-content .contact-us .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-10 {
          width: 23em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .btn-default {
          margin: 1em; } }
  @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.careers .inner-content h3 {
      font-size: 1.25em;
      padding: 2em 0;
      width: 23em; }
    .view.careers .inner-content ul {
      width: 23em;
      margin: auto; }
      .view.careers .inner-content ul li {
        padding: 0.4em 0;
        font-size: 1em; }
    .view.careers .inner-content .job-posts .job-post p {
      width: 20em; }
    .view.careers .inner-content .contact-us .contact-form {
      padding: 0;
      width: 23em; }
      .view.careers .inner-content .contact-us .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-10 {
          width: 23em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .btn-default {
          margin: 1em; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.careers .inner-content h3 {
      font-size: 1.25em;
      padding: 2em 0;
      width: 20em; }
    .view.careers .inner-content ul {
      width: 20em;
      margin: auto; }
      .view.careers .inner-content ul li {
        padding: 0.4em 0;
        font-size: 1em; }
    .view.careers .inner-content .job-posts .job-post p {
      width: 20em; }
    .view.careers .inner-content .contact-us .contact-form {
      padding: 0;
      width: 20em; }
      .view.careers .inner-content .contact-us .contact-form .form-group {
        min-height: 4em;
        margin-bottom: 0;
        margin-top: 1em; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-2 {
          width: 10em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .col-md-10 {
          width: 20em;
          float: none; }
        .view.careers .inner-content .contact-us .contact-form .form-group .btn-default {
          margin: 1em; } }
  .view.shop {
    position: relative;
    overflow: hidden;
    padding-top: 20em; }
    .view.shop .bar {
      background-color: #c8c8c8;
      height: 2px;
      width: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100;
      transition: all 0.5s ease-in; }
      .view.shop .bar.top {
        position: fixed;
        top: 25%; }
      .view.shop .bar.bottom {
        position: fixed;
        top: 75%; }
      .view.shop .bar.long {
        width: 50%; }
    .view.shop section {
      height: 30em;
      margin-top: 2em;
      position: relative;
      transition: all 2s ease-in; }
      .view.shop section p {
        font-size: 1.5em;
        margin: 3em 6em; }
      .view.shop section .image {
        position: absolute;
        width: 40em;
        top: 5%;
        transition: all 2s ease-in; }
        .view.shop section .image img {
          width: 100%;
          height: 100%; }
        .view.shop section .image.left {
          left: 8em; }
          .view.shop section .image.left.active {
            left: 12em; }
        .view.shop section .image.right {
          right: 8em; }
          .view.shop section .image.right.active {
            right: 12em; }
  .view.salon button {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    text-decoration: none; }
  .view.salon .salon-slider .slick-arrow {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0px;
    color: transparent;
    border-radius: 100%;
    left: 13px;
    top: 50%;
    margin-top: -44px;
    z-index: 200;
    cursor: pointer;
    outline-style: none; }
  .view.salon .salon-slider .slick-arrow:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f104";
    position: absolute;
    top: -50%;
    z-index: 220;
    margin-top: 1px;
    color: black;
    font-size: 55px;
    margin-left: -13px;
    margin-top: 21px; }
  .view.salon .salon-slider .slick-next {
    left: inherit;
    right: 13px; }
  .view.salon .salon-slider .slick-next:after {
    content: "\f105";
    margin-left: -24px;
    font-weight: normal; }
  .view.salon .images {
    margin: 0 0 2em 0; }
  .view.salon .image-slide {
    height: 48em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    outline-style: none; }
    .view.salon .image-slide.banner1 {
      background-image: url("../../../../images/salon/mazella_palmer_salon1.jpg"); }
    .view.salon .image-slide.banner2 {
      background-image: url("../../../../images/salon/mazella_palmer_salon2.jpg"); }
    .view.salon .image-slide.banner3 {
      background-image: url("../../../../images/salon/mazella_palmer_salon3.jpg"); }
    .view.salon .image-slide.banner4 {
      background-image: url("../../../../images/salon/mazella_palmer_salon4.jpg"); }
  .view.salon .txt {
    width: 46em;
    margin: auto;
    border-top: solid;
    border-top-color: gray;
    border-top-width: 1px;
    font-size: 1.1em; }
    .view.salon .txt p {
      margin: 2em 0; }
    .view.salon .txt a {
      color: black;
      font-weight: 800;
      display: inline-block;
      border: solid black 1px;
      border-radius: 0.25em;
      padding: 0.25em 0.75em; }
      .view.salon .txt a:hover {
        color: gray; }
  .view.salon .block {
    display: block; }
  .view.salon .menu {
    padding: 2em 0;
    color: gray; }
    .view.salon .menu .title {
      font-size: 1.5em;
      border: 1px gray;
      width: 200px;
      border-bottom: solid;
      border-top: solid;
      margin: auto;
      margin-top: 2em;
      margin-bottom: 2em; }
    .view.salon .menu .table .table-header {
      text-align: left;
      text-decoration: underline;
      color: black;
      padding-bottom: 0.5em;
      font-weight: 800;
      font-size: 1.25em; }
    .view.salon .menu .table .row {
      background-color: #f1f1f1;
      font-size: 0.75em;
      height: 10em; }
      .view.salon .menu .table .row.white {
        background-color: white; }
      .view.salon .menu .table .row.header {
        border-bottom: 0.2em #a9a9a9 solid;
        font-weight: 800;
        height: 8em; }
        .view.salon .menu .table .row.header .sm {
          font-size: 0.8em;
          color: #ee6455; }
      .view.salon .menu .table .row .row-title {
        width: 15em;
        font-weight: 800;
        font-size: 0.85em; }
        .view.salon .menu .table .row .row-title .lgr {
          font-size: 1.5em; }
        .view.salon .menu .table .row .row-title .lgr2 {
          font-size: 1.1em; }
      .view.salon .menu .table .row .grow, .view.salon .menu .table .row .row-title {
        position: relative; }
        .view.salon .menu .table .row .grow:first-child, .view.salon .menu .table .row .row-title:first-child {
          border-right: 0.2em #a9a9a9 solid; }
        .view.salon .menu .table .row .grow .middle, .view.salon .menu .table .row .row-title .middle {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%);
          width: 85%; }
          .view.salon .menu .table .row .grow .middle p, .view.salon .menu .table .row .row-title .middle p {
            margin: 0.25em 0; }
          .view.salon .menu .table .row .grow .middle.p, .view.salon .menu .table .row .row-title .middle.p {
            font-size: 1.5em;
            font-weight: 800; }
            .view.salon .menu .table .row .grow .middle.p span, .view.salon .menu .table .row .row-title .middle.p span {
              font-size: 0.7em; }
    .view.salon .menu .explain {
      text-align: left;
      font-size: 0.75em; }
      .view.salon .menu .explain p {
        margin: 0.75em 0; }
  .view.salon .mobile {
    display: none; }
  .view.salon .menu-colouring {
    padding: 2em 0;
    color: gray; }
    .view.salon .menu-colouring .title {
      font-size: 1.5em;
      border: 1px gray;
      width: 200px;
      border-bottom: solid;
      border-top: solid;
      margin: auto;
      margin-top: 2em;
      margin-bottom: 2em; }
    .view.salon .menu-colouring .table .table-header {
      text-align: left;
      color: black;
      padding-bottom: 0.5em;
      font-size: 1.25em; }
      .view.salon .menu-colouring .table .table-header .colouring {
        text-decoration: underline;
        font-weight: 800;
        margin-right: 0.5em; }
      .view.salon .menu-colouring .table .table-header i {
        font-style: italic;
        font-size: 0.75em; }
      .view.salon .menu-colouring .table .table-header .powered {
        text-decoration: none;
        font-size: 0.5em;
        display: inline-block;
        margin-left: 0.5em;
        vertical-align: 4px; }
      .view.salon .menu-colouring .table .table-header .goldwell {
        text-decoration: none;
        font-weight: 800; }
    .view.salon .menu-colouring .table .row {
      background-color: #efefef;
      font-size: 0.65em;
      height: 8em; }
      .view.salon .menu-colouring .table .row.darkerGray {
        background-color: #d5d5d5; }
      .view.salon .menu-colouring .table .row.white {
        background-color: white; }
      .view.salon .menu-colouring .table .row.header {
        border-bottom: 0.2em #a9a9a9 solid;
        font-weight: 800; }
        .view.salon .menu-colouring .table .row.header .sm {
          font-size: 0.8em;
          color: #ee6455; }
      .view.salon .menu-colouring .table .row .row-title {
        width: 15em;
        font-weight: 800;
        font-size: 0.85em; }
        .view.salon .menu-colouring .table .row .row-title .lgr {
          font-size: 1.5em; }
        .view.salon .menu-colouring .table .row .row-title .lgr2 {
          font-size: 1.1em; }
      .view.salon .menu-colouring .table .row .grow, .view.salon .menu-colouring .table .row .row-title {
        position: relative; }
        .view.salon .menu-colouring .table .row .grow:first-child, .view.salon .menu-colouring .table .row .row-title:first-child {
          border-right: 0.2em #a9a9a9 solid; }
        .view.salon .menu-colouring .table .row .grow .middle, .view.salon .menu-colouring .table .row .row-title .middle {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%);
          width: 85%; }
          .view.salon .menu-colouring .table .row .grow .middle p, .view.salon .menu-colouring .table .row .row-title .middle p {
            margin: 0.25em 0; }
          .view.salon .menu-colouring .table .row .grow .middle.p, .view.salon .menu-colouring .table .row .row-title .middle.p {
            font-size: 1.5em;
            font-weight: 800; }
            .view.salon .menu-colouring .table .row .grow .middle.p span, .view.salon .menu-colouring .table .row .row-title .middle.p span {
              font-size: 0.7em; }
          .view.salon .menu-colouring .table .row .grow .middle.quotation, .view.salon .menu-colouring .table .row .row-title .middle.quotation {
            font-size: 1em;
            font-weight: 800; }
            .view.salon .menu-colouring .table .row .grow .middle.quotation span, .view.salon .menu-colouring .table .row .row-title .middle.quotation span {
              font-size: 0.7em; }
    .view.salon .menu-colouring .explain {
      text-align: left;
      font-size: 0.75em; }
      .view.salon .menu-colouring .explain p {
        margin: 0.75em 0; }
  @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.salon .txt {
      width: 26em; }
    .view.salon .image-slide {
      height: 20em; }
    .view.salon .menu .table, .view.salon .menu-colouring .table {
      display: none; }
    .view.salon .menu .mobile, .view.salon .menu-colouring .mobile {
      display: block; } }
  @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.salon .txt {
      width: 22em; }
    .view.salon .image-slide {
      height: 20em; }
    .view.salon .menu .table, .view.salon .menu-colouring .table {
      display: none; }
    .view.salon .menu .mobile, .view.salon .menu-colouring .mobile {
      display: block; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.salon .txt {
      width: 20em; }
    .view.salon .image-slide {
      height: 20em; }
    .view.salon .menu .table, .view.salon .menu-colouring .table {
      display: none; }
    .view.salon .menu .mobile, .view.salon .menu-colouring .mobile {
      display: block; } }
  .view.salon .bio {
    width: 56em;
    height: 35em;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: 1.1em; }
    .view.salon .bio p {
      margin: 2em 0; }
    .view.salon .bio .gianmarco p {
      margin: 1.25em 0; }
    .view.salon .bio h3 {
      color: black;
      font-size: 1.25em; }
    .view.salon .bio a {
      color: black;
      font-weight: 800;
      display: inline-block;
      border: solid black 1px;
      border-radius: 0.25em;
      padding: 0.25em 0.75em; }
      .view.salon .bio a:hover {
        color: gray; }
    .view.salon .bio .image {
      width: 30%;
      margin: auto; }
    .view.salon .bio img {
      width: 100%; }
    .view.salon .bio .text {
      width: 70%;
      padding: 1em 2em; }
    .view.salon .bio:nth-child(odd) .fb .text:nth-child(3) {
      display: none; }
    @media only screen and (max-width: 800px) {
      .view.salon .bio {
        height: auto; }
        .view.salon .bio .fb {
          display: block; }
        .view.salon .bio .image {
          width: 30em;
          margin: auto; }
        .view.salon .bio .text {
          margin: auto; }
        .view.salon .bio:nth-child(odd) .fb .text:nth-child(1) {
          display: none; }
        .view.salon .bio:nth-child(odd) .fb .text:nth-child(3) {
          display: block; } }
    @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.salon .bio {
        width: 26em; }
        .view.salon .bio .image {
          width: 100%; }
        .view.salon .bio .text {
          width: 100%;
          padding: 1em 1em; } }
    @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.salon .bio {
        width: 22em; }
        .view.salon .bio .image {
          width: 100%; }
        .view.salon .bio .text {
          width: 100%;
          padding: 1em 1em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .view.salon .bio {
        width: 20em; }
        .view.salon .bio .image {
          width: 100%; }
        .view.salon .bio .text {
          width: 100%;
          padding: 1em 1em; } }
  .view.academy button {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    text-decoration: none; }
  .view.academy .salon-slider .slick-arrow {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0px;
    color: transparent;
    border-radius: 100%;
    left: 13px;
    top: 50%;
    margin-top: -44px;
    z-index: 200;
    cursor: pointer;
    outline-style: none; }
  .view.academy .salon-slider .slick-arrow:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f104";
    position: absolute;
    top: -50%;
    z-index: 220;
    margin-top: 1px;
    color: black;
    font-size: 55px;
    margin-left: -13px;
    margin-top: 21px; }
  .view.academy .salon-slider .slick-next {
    left: inherit;
    right: 13px; }
  .view.academy .salon-slider .slick-next:after {
    content: "\f105";
    margin-left: -24px;
    font-weight: normal; }
  .view.academy .images {
    margin: 0 0 2em 0; }
  .view.academy .image-slide {
    height: 48em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    outline-style: none; }
    .view.academy .image-slide.banner1 {
      background-image: url("../../../../images/academy/mazella_palmer_academy1.jpg"); }
    .view.academy .image-slide.banner2 {
      background-image: url("../../../../images/academy/mazella_palmer_academy2.jpg"); }
    .view.academy .image-slide.banner3 {
      background-image: url("../../../../images/academy/mazella_palmer_academy3.jpg"); }
    .view.academy .image-slide.banner4 {
      background-image: url("../../../../images/academy/mazella_palmer_academy4.jpg"); }
    .view.academy .image-slide.banner5 {
      background-image: url("../../../../images/academy/mazella_palmer_academy5.jpg"); }
  .view.academy .txt {
    width: 50em;
    margin: auto;
    border-top: solid;
    border-top-color: gray;
    border-top-width: 1px;
    font-size: 1.25em; }
    .view.academy .txt p {
      margin: 2em 0; }
    .view.academy .txt .title {
      font-size: 1.5em;
      border: 1px gray;
      width: 200px;
      border-bottom: solid;
      border-top: solid;
      margin: auto;
      margin-top: 2em;
      margin-bottom: 2em; }
    .view.academy .txt .course {
      margin-bottom: 2em; }
      .view.academy .txt .course h3 {
        font-size: 1.1em;
        font-weight: 800;
        color: black;
        margin-bottom: 0.5em; }
        .view.academy .txt .course h3 span {
          font-weight: 600;
          color: gray;
          margin-left: 10px; }
      .view.academy .txt .course a {
        color: black;
        font-size: 0.9em; }
        .view.academy .txt .course a:hover {
          color: gray; }
    .view.academy .txt .book-now {
      color: black;
      font-weight: 800;
      display: inline-block;
      border: solid black 1px;
      border-radius: 0.25em;
      padding: 0.25em 0.75em; }
      .view.academy .txt .book-now:hover {
        color: gray; }
  @media only screen and (min-device-width: 376px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.academy .txt {
      width: 26em; }
    .view.academy .image-slide {
      height: 20em; } }
  @media only screen and (min-device-width: 351px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.academy .txt {
      width: 22em; }
    .view.academy .image-slide {
      height: 20em; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .view.academy .txt {
      width: 19em; }
    .view.academy .image-slide {
      height: 20em; } }
  .view.online {
    text-align: center;
    min-height: 45em;
    position: relative; }
    .view.online .background-logo {
      position: fixed;
      left: 50%;
      top: 7em;
      transform: translateX(-50%);
      z-index: -100;
      height: 90%; }
      .view.online .background-logo img {
        height: 100%; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
        .view.online .background-logo {
          width: 90%;
          height: inherit; }
          .view.online .background-logo img {
            width: 100%;
            height: inherit; } }
    .view.online .content {
      width: 80%;
      margin: auto; }
      .view.online .content a:hover {
        color: black; }
    .view.online .divider {
      border-bottom: solid 1px gray;
      padding: 0 2em; }
    .view.online .fb {
      padding: 4em 0; }
      .view.online .fb .grow {
        text-align: center;
        min-height: 25em;
        width: 50%;
        padding: 0 3em; }
        .view.online .fb .grow img {
          width: 100%; }
        .view.online .fb .grow p {
          margin: 2em 0; }
        .view.online .fb .grow .gold.link {
          color: white;
          background-color: #7d5a00;
          font-size: 15px;
          padding: .5em 1.5em;
          border: solid 0.15em #7d5a00; }
          .view.online .fb .grow .gold.link:hover {
            background-color: #926a02; }
        .view.online .fb .grow:nth-child(2) {
          border-left: solid 1px gray; }
        .view.online .fb .grow .precisioncutting {
          height: 40px;
          margin-bottom: 120px; }
          .view.online .fb .grow .precisioncutting img {
            width: 50%; }
        .view.online .fb .grow h3 {
          display: inline-block;
          height: 20px;
          font-size: 2em;
          font-weight: 700;
          margin-bottom: 120px;
          color: #ff40ff; }
      .view.online .fb.course .grow img {
        width: 60%;
        margin-bottom: 2em; }
    .view.online .new-header {
      margin-top: 4em;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      height: 48em;
      border-bottom: solid 1px #a7699b;
      overflow: hidden;
      position: relative; }
      .view.online .new-header .image {
        height: 100%; }
      .view.online .new-header .header-logo-home {
        background-image: url("../../../../images/online/MazellaAndPartnersHeader.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 48em; }
      .view.online .new-header .brand {
        position: absolute;
        left: 70%;
        width: 20em;
        top: 40%;
        text-align: left;
        transform: translateY(-50%); }
        .view.online .new-header .brand .maz-logo {
          width: 20em; }
        .view.online .new-header .brand h1 {
          margin-top: 0.25em;
          font-size: 7em;
          color: #a7699b;
          font-weight: 900; }
        .view.online .new-header .brand h2 {
          font-size: 2em;
          color: #fa78b8;
          margin: 0 0 1em 0; }
    .view.online .logo-first {
      text-align: center;
      position: relative;
      margin-bottom: 3em; }
      .view.online .logo-first #warning {
        font-size: 1em;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 75%;
        transform: translateX(-50%) translateY(-50%);
        color: #5e5e5e;
        background-color: white;
        border: solid #5e5e5e 2px;
        padding: 1em 1em;
        z-index: 1005; }
        .view.online .logo-first #warning h4 {
          font-size: 1.5em; }
        .view.online .logo-first #warning p {
          margin: 1em;
          text-align: left; }
          .view.online .logo-first #warning p span {
            font-weight: 800;
            display: block; }
        .view.online .logo-first #warning #dismiss-warning {
          display: inline-block;
          width: 100%;
          background-color: #5e5e5e;
          color: white;
          padding: 0.5em 0;
          cursor: pointer;
          transition: all ease-in 0.25s; }
          .view.online .logo-first #warning #dismiss-warning:hover {
            background-color: #eaeaea; }
      .view.online .logo-first .h1-holder {
        text-align: center;
        margin-top: 14em; }
        .view.online .logo-first .h1-holder h1 {
          font-size: 3.5em;
          font-weight: 800;
          color: #929292;
          cursor: pointer;
          transition: all ease-in 0.25s; }
          .view.online .logo-first .h1-holder h1:hover {
            color: #ff40ff; }
        .view.online .logo-first .h1-holder #subscribe-logo {
          color: #929292; }
        .view.online .logo-first .h1-holder .subscribe-btn {
          color: white;
          background-color: #7d5a00;
          font-size: 1.25em;
          padding: 0.25em 1.5em;
          border: solid 2px #7d5a00;
          border-radius: 2em;
          transition: .25s all; }
          .view.online .logo-first .h1-holder .subscribe-btn:hover {
            background-color: white;
            color: #7d5a00; }
      .view.online .logo-first .logo {
        margin-top: 4em; }
        .view.online .logo-first .logo .cutting {
          transform: translateX(-14%) translateY(64%);
          font-size: 1.5em; }
        .view.online .logo-first .logo img {
          width: 60%;
          max-width: 56em; }
      @media only screen and (max-width: 1000px) {
        .view.online .logo-first #warning {
          top: 50%;
          width: 90%;
          max-height: 80%;
          overflow: auto; }
        .view.online .logo-first .h1-holder {
          margin-top: 10em; }
          .view.online .logo-first .h1-holder h1 {
            font-size: 2.5em; }
        .view.online .logo-first .logo {
          margin-top: 4em; }
          .view.online .logo-first .logo .cutting {
            transform: translateX(0) translateY(0);
            font-size: 1.3em; }
          .view.online .logo-first .logo img {
            margin-top: 1em;
            width: 80%; } }
    .view.online #warning {
      font-size: 1em;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 75%;
      transform: translateX(-50%) translateY(-50%);
      color: #5e5e5e;
      background-color: white;
      border: solid #5e5e5e 2px;
      padding: 1em 1em;
      z-index: 1005; }
      .view.online #warning h4 {
        font-size: 1.5em; }
      .view.online #warning p {
        margin: 1em;
        text-align: left; }
        .view.online #warning p span {
          font-weight: 800;
          display: block; }
      .view.online #warning #dismiss-warning {
        display: inline-block;
        width: 100%;
        background-color: #5e5e5e;
        color: white;
        padding: 0.5em 0;
        cursor: pointer;
        transition: all ease-in 0.25s; }
        .view.online #warning #dismiss-warning:hover {
          background-color: #eaeaea; }
    .view.online .mobile-brand {
      display: none; }
      .view.online .mobile-brand .maz-logo {
        width: 50%; }
      .view.online .mobile-brand h1 {
        margin-top: 0.25em;
        font-size: 7em;
        color: #a7699b;
        font-weight: 900; }
      .view.online .mobile-brand h2 {
        font-size: 2em;
        color: #fa78b8;
        margin: 0 0 1em 0; }
    @media only screen and (max-width: 1400px) {
      .view.online .new-header {
        font-size: 0.80em; } }
    @media only screen and (max-width: 1100px) {
      .view.online .h1-holder {
        margin-top: 10em; }
        .view.online .h1-holder h1 {
          font-size: 2.5em; }
      .view.online .logo {
        margin-top: 4em; }
        .view.online .logo .cutting {
          transform: translateX(0) translateY(0);
          font-size: 1.3em; }
        .view.online .logo img {
          margin-top: 1em;
          width: 80%; }
      .view.online .content {
        font-size: 1.25em; }
        .view.online .content .fb {
          display: block; }
          .view.online .content .fb .grow {
            width: 100%;
            border: none;
            min-height: auto; }
            .view.online .content .fb .grow h3 {
              margin-bottom: 1em; }
          .view.online .content .fb.course .grow img {
            width: 100%; } }
    @media only screen and (max-width: 800px) {
      .view.online .desktop {
        display: none; }
      .view.online .mobile {
        display: block; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
      .view.online .desktop {
        display: none; }
      .view.online .mobile {
        display: block; }
      .view.online .mobile-brand {
        display: none; }
        .view.online .mobile-brand .maz-logo {
          width: 100%; }
      .view.online .content {
        font-size: 1.25em; }
        .view.online .content .fb {
          display: block; }
          .view.online .content .fb .grow {
            width: 100%;
            border: none;
            min-height: auto; }
            .view.online .content .fb .grow h3 {
              margin-bottom: 2em; }
            .view.online .content .fb .grow .gold {
              display: block;
              margin-top: 2em; }
          .view.online .content .fb.course .grow img {
            width: 100%; } }
  .view.subscribe {
    text-align: center;
    min-height: 45em;
    position: relative; }
    .view.subscribe p {
      text-align: justify; }
    .view.subscribe .background-logo {
      position: fixed;
      left: 50%;
      top: 7em;
      transform: translateX(-50%);
      z-index: -100;
      height: 90%; }
      .view.subscribe .background-logo img {
        height: 100%; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
        .view.subscribe .background-logo {
          width: 90%;
          height: inherit; }
          .view.subscribe .background-logo img {
            width: 100%;
            height: inherit; } }
    .view.subscribe .content {
      width: 80%;
      margin: auto; }
      .view.subscribe .content a:hover {
        color: black; }
    .view.subscribe .divider {
      border-bottom: solid 1px gray;
      padding: 0 2em; }
    .view.subscribe .fb {
      padding: 4em 0; }
      .view.subscribe .fb .grow {
        text-align: center;
        min-height: 15em;
        width: 50%;
        padding: 0 3em; }
        .view.subscribe .fb .grow img {
          width: 100%; }
        .view.subscribe .fb .grow p {
          margin: 2em 0; }
        .view.subscribe .fb .grow .gold.link {
          color: white;
          background-color: #7d5a00;
          font-size: 15px;
          padding: .5em 1.5em;
          border: solid 0.15em #7d5a00; }
          .view.subscribe .fb .grow .gold.link:hover {
            background-color: #926a02; }
        .view.subscribe .fb .grow:nth-child(2) {
          border-left: solid 1px gray; }
        .view.subscribe .fb .grow .precisioncutting {
          height: 40px;
          margin-bottom: 120px; }
          .view.subscribe .fb .grow .precisioncutting img {
            width: 50%; }
        .view.subscribe .fb .grow h3 {
          display: inline-block;
          font-size: 2em;
          font-weight: 700;
          margin-bottom: 1em;
          color: #ff40ff; }
      .view.subscribe .fb.course .grow img {
        width: 60%;
        margin-bottom: 2em; }
    .view.subscribe .details {
      min-height: 10em; }
    .view.subscribe .undecided {
      margin-bottom: 2em; }
      .view.subscribe .undecided h3 {
        display: inline-block;
        height: 20px;
        font-size: 2em;
        font-weight: 700;
        color: #ff40ff;
        margin: 2em 0; }
      .view.subscribe .undecided a {
        display: inline-block;
        margin-top: 2em; }
    .view.subscribe .gold.link {
      color: white;
      background-color: #7d5a00;
      font-size: 15px;
      padding: .5em 1.5em;
      border: solid 0.15em #7d5a00; }
      .view.subscribe .gold.link:hover {
        color: white;
        background-color: #926a02; }
    .view.subscribe #warning {
      font-size: 1em;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 75%;
      transform: translateX(-50%) translateY(-50%);
      color: #5e5e5e;
      background-color: white;
      border: solid #5e5e5e 2px;
      padding: 1em 1em;
      z-index: 1005; }
      .view.subscribe #warning h4 {
        font-size: 1.5em; }
      .view.subscribe #warning p {
        margin: 1em;
        text-align: left; }
        .view.subscribe #warning p span {
          font-weight: 800;
          display: block; }
      .view.subscribe #warning #dismiss-warning {
        display: inline-block;
        width: 100%;
        background-color: #5e5e5e;
        color: white;
        padding: 0.5em 0;
        cursor: pointer;
        transition: all ease-in 0.25s; }
        .view.subscribe #warning #dismiss-warning:hover {
          background-color: #eaeaea; }
    @media only screen and (max-width: 1000px) {
      .view.subscribe .h1-holder {
        margin-top: 10em; }
        .view.subscribe .h1-holder h1 {
          font-size: 2.5em; }
      .view.subscribe .logo {
        margin-top: 4em; }
        .view.subscribe .logo .cutting {
          transform: translateX(0) translateY(0);
          font-size: 1.3em; }
        .view.subscribe .logo img {
          margin-top: 1em;
          width: 80%; }
      .view.subscribe .fb {
        display: block; }
        .view.subscribe .fb .grow {
          width: 100%;
          border: none !important;
          min-height: auto; }
          .view.subscribe .fb .grow .gold {
            display: block;
            margin-bottom: 2em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
      .view.subscribe .divider {
        display: none; }
      .view.subscribe .h1-holder {
        margin-top: 10em; }
        .view.subscribe .h1-holder h1 {
          font-size: 2.5em; }
      .view.subscribe .logo {
        margin-top: 4em; }
        .view.subscribe .logo .cutting {
          transform: translateX(0) translateY(0);
          font-size: 1.3em; }
        .view.subscribe .logo img {
          margin-top: 1em;
          width: 80%; }
      .view.subscribe .fb {
        display: block; }
        .view.subscribe .fb .grow {
          width: 100%;
          border: none !important;
          min-height: auto; }
          .view.subscribe .fb .grow .gold {
            display: block;
            margin-bottom: 2em; } }
  .view.videos {
    text-align: center;
    min-height: 45em;
    position: relative; }
    .view.videos h1 {
      text-align: left;
      color: #5e5e5e;
      font-size: 3.5em;
      font-style: italic; }
    .view.videos .full-description {
      padding: 0 2em;
      margin-top: 2em;
      font-size: 1.25em;
      text-align: center; }
    .view.videos .product-grid {
      margin: 0;
      margin-top: 2em;
      margin-bottom: 4em; }
    .view.videos .item-box {
      text-align: center;
      margin-bottom: 0; }
      .view.videos .item-box .product-item {
        margin: auto;
        width: 100%; }
        .view.videos .item-box .product-item .picture {
          background-color: transparent;
          width: 24em;
          height: 21em;
          margin: auto;
          margin-bottom: 0; }
          .view.videos .item-box .product-item .picture .holder {
            display: block;
            position: relative;
            width: 24em; }
            .view.videos .item-box .product-item .picture .holder:hover img.main-pic {
              transition: .5s -webkit-filter, opacity ease-in-out;
              -webkit-filter: blur(4px);
              opacity: .5; }
            .view.videos .item-box .product-item .picture .holder .watch-preview {
              display: inline-block;
              color: black;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              max-width: 100%;
              max-height: 100%;
              margin: auto;
              z-index: 100;
              background-color: transparent; }
              .view.videos .item-box .product-item .picture .holder .watch-preview p {
                position: absolute;
                font-size: 2em;
                opacity: 0;
                top: 4.5em;
                left: -50%;
                left: 30%;
                z-index: 200;
                transition: opacity ease-in .5s;
                color: #5e5e5e; }
                .view.videos .item-box .product-item .picture .holder .watch-preview p.preview {
                  top: 6em;
                  left: 150%;
                  left: 40%; }
              .view.videos .item-box .product-item .picture .holder .watch-preview:hover p {
                left: 30%;
                opacity: 100; }
                .view.videos .item-box .product-item .picture .holder .watch-preview:hover p.preview {
                  left: 40%; }
            .view.videos .item-box .product-item .picture .holder img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              max-width: 100%;
              max-height: 100%;
              margin: auto; }
              .view.videos .item-box .product-item .picture .holder img.main-pic {
                top: 2.5em;
                padding: 2em 3em 3.5em 3em; }
          .view.videos .item-box .product-item .picture .holder:before {
            content: "";
            display: block;
            padding-top: 100%; }
        .view.videos .item-box .product-item .details {
          height: 4em;
          display: flex; }
          .view.videos .item-box .product-item .details .name {
            width: 40%;
            font-size: 1.35em;
            font-weight: 300;
            height: 100%;
            margin: 0;
            font-style: italic;
            text-align: left;
            color: #5e5e5e; }
          .view.videos .item-box .product-item .details .add {
            width: 60%;
            height: 100%;
            margin: 0;
            text-align: right; }
            .view.videos .item-box .product-item .details .add .add-btn {
              cursor: pointer; }
              .view.videos .item-box .product-item .details .add .add-btn:hover {
                color: #ff40ff; }
            .view.videos .item-box .product-item .details .add .add-line {
              display: inline-block;
              border-bottom: solid 1px #5e5e5e;
              margin: 0.5em 0;
              width: 90%; }
            .view.videos .item-box .product-item .details .add .price .mins {
              margin-right: 6.5em;
              font-size: 0.8em;
              font-weight: 600;
              color: #5e5e5e;
              margin-bottom: .5em;
              text-align: right;
              display: block;
              width: 100%; }
              .view.videos .item-box .product-item .details .add .price .mins.no-mar {
                margin-right: 0; }
            .view.videos .item-box .product-item .details .add .price .amnt {
              color: #ff40ff;
              font-style: italic; }
    @media only screen and (max-width: 1365px) {
      .view.videos .item-box .product-item .picture {
        width: 18em;
        height: 16em;
        margin: auto;
        margin-bottom: 0; }
        .view.videos .item-box .product-item .picture .holder {
          width: 18em; }
          .view.videos .item-box .product-item .picture .holder .watch-preview p {
            font-size: 1.5em; }
          .view.videos .item-box .product-item .picture .holder img.main-pic {
            top: 1.5em;
            padding: 1em 1em 1.5em 1em; } }
    @media only screen and (max-width: 1100px) {
      .view.videos .item-box {
        width: 49%;
        margin: 0 0.5% 50px;
        clear: none; }
        .view.videos .item-box .product-item .picture {
          width: 24em;
          height: 21em;
          margin: auto;
          margin-bottom: 0; }
          .view.videos .item-box .product-item .picture .holder {
            width: 24em; }
            .view.videos .item-box .product-item .picture .holder img.main-pic {
              top: 2.5em;
              padding: 1em 2em 2.5em 2em; } }
    @media only screen and (max-width: 700px) {
      .view.videos .product-grid {
        width: 96%;
        margin: auto; }
      .view.videos .item-box {
        width: 100%;
        margin: auto;
        margin-bottom: 2em;
        clear: none; }
        .view.videos .item-box .main-pic {
          top: 2.5em !important;
          padding: 1em 2em 2.5em 2em; } }
  .view.single-player {
    min-height: 650px; }
    .view.single-player h1 {
      color: #5e5e5e;
      font-size: 3.5em;
      font-style: italic; }
    .view.single-player .full-description {
      padding: 0 2em;
      margin-top: 2em;
      font-size: 1.25em;
      text-align: center; }
    .view.single-player .small-logo {
      position: absolute;
      bottom: 0em;
      font-size: 1em;
      height: 5em;
      right: -9em; }
      .view.single-player .small-logo img {
        height: 100%; }
    .view.single-player .links {
      text-align: right;
      margin-bottom: 4em; }
      .view.single-player .links .add_line {
        border-bottom: solid 1px #5e5e5e;
        margin: 1em 0;
        width: 30%;
        margin-left: 70%; }
      .view.single-player .links .price {
        color: #ff40ff;
        font-style: italic; }
  .view .background-logo {
    position: fixed;
    left: 50%;
    top: 7em;
    transform: translateX(-50%);
    z-index: -100;
    height: 90%;
    max-height: 40em; }
    .view .background-logo img {
      height: 100%; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
      .view .background-logo {
        width: 90%;
        height: inherit; }
        .view .background-logo img {
          width: 100%;
          height: inherit; } }

.dc-player-container, .dc-video-player-wrapper {
  width: 710px !important;
  height: 400px !important;
  text-align: center;
  margin: auto;
  margin-top: 4em; }
  @media only screen and (max-width: 800px) {
    .dc-player-container, .dc-video-player-wrapper {
      width: 532px !important;
      height: 300px !important; } }
  @media only screen and (max-width: 600px) {
    .dc-player-container, .dc-video-player-wrapper {
      width: 355px !important;
      height: 200px !important; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait) {
    .dc-player-container, .dc-video-player-wrapper {
      width: 300px !important;
      height: 170px !important; } }

footer {
  background-color: #e5e4e4;
  color: black;
  position: relative;
  padding: 2em 5em;
  text-align: left; }
  footer a {
    color: black; }
    footer a:hover {
      color: #52575f; }
  footer .icon {
    width: 15em;
    z-index: 5; }
  footer .tel {
    display: none; }
  footer .full_tel {
    display: block; }
  footer .upper-footer {
    z-index: 10;
    text-align: left; }
    footer .upper-footer li {
      padding: .5em 0;
      font-weight: 800; }
  footer .tfend {
    text-align: right; }
    footer .tfend img {
      width: 11em; }
  @media only screen and (max-width: 800px) {
    footer {
      padding: 2em 2em;
      text-align: center; }
      footer li {
        text-align: center; }
      footer .icon {
        margin-bottom: 0.5em; }
      footer .tfend {
        text-align: center;
        margin-top: 1em; }
      footer .fb.outer {
        display: block; }
      footer .tel {
        font-size: 1em;
        margin-bottom: 0.5em;
        color: black;
        font-weight: 800;
        display: block; }
      footer .full_tel {
        display: none; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    footer {
      font-size: 0.75em; } }

/*@media (min-width: 768px) {
  .navbar-inverse {
      background-color:white;
      border-color:white;
    &.navbar-collapse, .navbar-inverse .navbar-form {
      background-color:white;
    }
    .navbar-nav{
      margin:auto;
      width:1000px;
      font-size:.9em;
      &.small{width:300px; }
      .li{width:6em;}
    }
    .line{background-color:#c8c8c8;  width:675px; height:1px; margin:auto; margin-bottom:0.25em; }
  }
  .sub-menu{
      margin:auto;
      width:1000px;
      .navbar-nav{width:600px;}
      font-size:0.9em;
  }
}
@media (min-width: 768px){
   .navbar-nav{
     float:none;
   }
}*/
.master-wrapper-content.full {
  width: 100%; }

.want-to-partner {
  cursor: pointer;
  padding: 2em 0; }
  .want-to-partner a {
    color: #7d5a00;
    font-weight: 800; }
    .want-to-partner a:hover {
      color: black; }

.shopping-cart-page strong, .shopping-cart-page a {
  font-weight: 800; }

/*** ESTIMATE SHIPPING POPUP COMMON ***/
.estimate-shipping-popup {
  position: relative;
  background: #FFF;
  padding: 25px 10px;
  width: auto;
  max-width: 800px;
  margin: 0 auto; }

.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }

.estimate-shipping-popup-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

.shipping-options-loading {
  background: url(../images/ajax-loader-small.gif) no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  right: 8px;
  margin: 4% 50%; }

.shipping-address .required {
  margin-left: 0px; }

.estimate-shipping-row {
  display: flex;
  display: -webkit-flex;
  align-items: center; }

.estimate-shipping-row.shipping-option {
  cursor: pointer; }

.estimate-shipping-row.shipping-option.active {
  font-weight: 700; }

.estimate-shipping-row-item {
  flex: 0 1 100%; }

.estimate-shipping-row-item.shipping-item {
  padding: 8px 0;
  overflow: hidden;
  overflow-wrap: break-word; }

.estimate-shipping-row-item.shipping-header-item {
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
  align-self: flex-end; }

.estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
  padding-left: 15px; }

.estimate-shipping-row-item + .estimate-shipping-row-item {
  padding-left: 10px; }

.estimate-shipping-row-item-radio {
  flex: 0 0 35px; }

.ship-to-title {
  margin-bottom: 10px; }

.choose-shipping-title {
  margin-top: 20px; }

.product-estimate-shipping .open-estimate-shipping-popup .arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 0 3px 6px;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px; }

.estimate-shipping-address-control {
  width: 100%;
  height: 36px; }

.estimate-shipping-radio {
  display: none; }

.estimate-shipping-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative; }

.estimate-shipping-radio:checked + label:after {
  content: ' ';
  width: 6px;
  height: 6px;
  border-radius: 50px;
  position: absolute;
  top: 6px;
  left: 6px;
  background: #ffffff; }

.estimate-shipping-radio:checked + label {
  background-color: #4ab2f1;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  border-color: #4ab2f1; }

.apply-shipping-button {
  border: none;
  padding: 8px 25px;
  background-color: #4ab2f1;
  color: #fff; }

.apply-shipping-button-container {
  margin-top: 15px;
  text-align: center; }

.shipping-options-header {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: #fff; }

.shipping-options {
  position: relative;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  background: #FFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), transparent), -webkit-radial-gradient(50% 100%, farthest-side, #f2f2f2, transparent);
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), transparent), -moz-radial-gradient(50% 100%, farthest-side, #f2f2f2, transparent);
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), transparent), radial-gradient(farthest-side at 50% 100%, #f2f2f2, transparent);
  background-position: 0 0, 0 100%;
  background-size: 100% 7px; }

.shipping-options:before,
.shipping-options:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); }

.shipping-options:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF); }

.no-shipping-options {
  text-align: center;
  margin: 4% 0; }

.estimate-shipping-popup .message-failure {
  margin: 5px 0 -5px;
  font-size: 12px;
  color: #e4434b; }