* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
  font-family: 'euclid-regular';
  src: url("fonts/EuclidCircularBRegular.woff");
}

@font-face {
  font-family: 'euclid-semibold';
  src: url("fonts/EuclidCircularBSemiBold.woff");
}

@font-face {
  font-family: 'euclid-bold';
  src: url("fonts/EuclidCircularBBold.woff");
}

@font-face {
  font-family: 'euclid-regular-italic';
  src: url("fonts/EuclidCircularBItalic.woff");
}

p {
  font-family: 'euclid-regular';
  font-size: 1rem;
  line-height: 1.8rem;
}

body {
  overflow-x: hidden;
}

/* -------First load screen styling------- */
.firstload {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
}

.slider {
  background: #E5191C;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 9999;
}

.intro-text {
  color: #0c0c0c;
  font-family: "euclid-bold", sans-serif;
  font-size: 3rem;
}

.redtext {
  color: #e5191c;
}

.hide {
  background: white;
  overflow: hidden;
}

.hide span {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  display: inline-block;
}

/* -------End of First load screen styling------- */
.header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: absolute;
  padding: 10rem 0rem 5rem 0rem;
}

.heading {
  font-family: "euclid-bold", sans-serif;
  font-size: 6rem;
  line-height: 6rem;
  text-align: center;
  padding: 3rem;
  -webkit-transition: 1s;
  transition: 1s;
}

.subscribebtn {
  width: 13rem;
  height: 3.5rem;
  border: none;
  border-radius: 5rem;
  background: red;
  color: white;
  font-family: "euclid-regular", sans-serif;
  font-size: 1.1rem;
}

.centerdiv {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.mags {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40rem;
  width: 2900px;
  z-index: 8;
}

.magset2 {
  margin-top: -5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lastset {
  margin-top: 5rem;
}

.magset1, .magset2, .magset3 {
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.magset1 img, .magset2 img, .magset3 img {
  width: 28rem;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 4rem;
  z-index: 8;
  border-radius: 3px;
}

.magset2 h3 {
  font-family: "euclid-semibold", sans-serif;
  text-align: center;
  font-size: 3rem;
  padding: 4rem;
  font-weight: 800;
}

.redtext {
  color: red;
}

.navbar {
  width: 100%;
  height: 5rem;
  background: lightblue;
}

.video {
  position: relative;
  margin-top: -55rem;
  width: 100%;
  height: auto;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  padding: 8vh 2vh 8vh 2vh;
}

iframe {
  width: 100%;
  height: 100vh;
  border-radius: 10px;
}

.divider-section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.divider {
  width: 80%;
  height: 0.3rem;
  background: red;
}

.heading-container {
  width: 100%;
  padding: 5vw 5vw 0vw 5vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.section-heading {
  font-family: 'euclid-bold';
  color: black;
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 0vh 0vh 0.5vh 0vh;
  position: relative;
  display: inline-block;
}

.spanunderline {
  border-bottom: 1px solid red;
  font-size: 1rem;
  text-transform: uppercase;
}

.aboutussection {
  width: 100%;
  height: 80vh;
  background: url("images/bg-texture.png");
  background-repeat: repeat;
  background-size: 50px 50px;
  background-color: #fffefa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
  overflow: hidden;
}

.mag-stack-about {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aboutimg {
  width: 25vw;
  position: absolute;
  -webkit-box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.199);
          box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.199);
  border-radius: 3px;
}

.aboutimg4 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.aboutimg3 {
  -webkit-transform: rotate(10deg) translateY(-50px);
          transform: rotate(10deg) translateY(-50px);
}

.aboutimg2 {
  -webkit-transform: rotate(-5deg) translateX(-70px);
          transform: rotate(-5deg) translateX(-70px);
}

.aboutimg1 {
  -webkit-transform: rotate(-10deg) translateX(-100px);
          transform: rotate(-10deg) translateX(-100px);
}

.about-text-container {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5vw;
}

.abouttitle {
  font-family: 'euclid-bold', sans-serif;
  font-weight: 800;
  max-width: 100%;
  font-size: 3rem;
  color: black;
  padding-bottom: 1rem;
}

.abouttext {
  font-family: 'euclid-regular';
  color: black;
  text-align: left;
}

.para1 {
  font-size: 1.5rem;
  padding-bottom: 1rem;
  line-height: 2.2rem;
}

.para2 {
  font-size: 1rem;
  line-height: 1.8rem;
}

.aboutsubscribebtn {
  margin-top: 2vh;
}

.para1 a {
  text-decoration: none;
  color: black;
  border-bottom: 3px solid red;
  cursor: pointer;
}

.latest-issue-section {
  width: 100%;
  height: auto;
  background: lightyellow;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.left-mag-display {
  width: 50%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("images/10577629.jpg"), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 119, 125, 0.151)), to(rgba(0, 0, 0, 0.288)));
  background-image: url("images/10577629.jpg"), linear-gradient(rgba(0, 119, 125, 0.151), rgba(0, 0, 0, 0.288));
  background-blend-mode: overlay;
  background-size: cover;
  background-position: 50% 50%;
}

.sip-image {
  width: 20rem;
  -webkit-box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.623);
          box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.623);
  -webkit-transition: 1s;
  transition: 1s;
  border-radius: 3px;
}

.right-mag-details {
  width: 50%;
  height: 100vh;
  background: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 5vw;
}

.sip-title {
  color: white;
  font-family: 'euclid-bold';
  font-size: 3rem;
  font-weight: 800;
  padding: 1vh 0vh 1vh 0vh;
  line-height: 3rem;
  -webkit-transition: 1s;
  transition: 1s;
}

.awards-section {
  width: 100%;
  height: auto;
}

.fancydivider {
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
}

.fancy-1 {
  fill: #001E53;
}

.fancy-2 {
  fill: #00455F;
  margin-top: -10rem;
}

.fancy-3 {
  fill: #AC0000;
  margin-top: -10rem;
}

.fancy-4 {
  fill: #7B9898;
  margin-top: -10rem;
}

.ww1section {
  background: -webkit-gradient(linear, left top, left bottom, from(#001E53), to(#000000));
  background: linear-gradient(180deg, #001E53 0%, #000000 100%);
}

.ww2section {
  background: -webkit-gradient(linear, left top, left bottom, from(#00455F), to(black));
  background: linear-gradient(180deg, #00455F 0%, black 100%);
}

.ocanadasection {
  background: -webkit-gradient(linear, left top, left bottom, from(#AC0000), to(#2C0D0D));
  background: linear-gradient(180deg, #AC0000 0%, #2C0D0D 100%);
}

.rememsection {
  background: -webkit-gradient(linear, left top, left bottom, from(#7B9898), to(#191F1F));
  background: linear-gradient(180deg, #7B9898 0%, #191F1F 100%);
}

.megasection {
  padding: 10vh 0vh 15vh 0vh;
  margin-bottom: -3vh;
}

.collection-details-section {
  width: 100%;
  padding: 5vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.collection-heading {
  font-family: 'euclid-bold';
  font-size: 3rem;
  color: white;
  font-weight: 800;
  padding-bottom: 2vh;
}

.collection-para {
  font-family: 'euclid-regular';
  color: white;
  max-width: 50rem;
  padding-top: 1rem;
  line-height: 1.5rem;
}

.mag-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.swiper-container {
  width: 100%;
  height: auto;
}

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5vh;
}

.slidermagimg {
  height: 18vw;
  -webkit-box-shadow: 5px 5px 30px -1px rgba(0, 0, 0, 0.363);
          box-shadow: 5px 5px 30px -1px rgba(0, 0, 0, 0.363);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 3px;
}

.slidermagimg:hover {
  -webkit-transform: scale(1.03) rotate(-2deg);
          transform: scale(1.03) rotate(-2deg);
  -webkit-box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.17);
          box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.17);
}

.swiper-slide:hover .slide-content {
  opacity: 1;
}

.slide-content {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sipname {
  color: white;
  text-align: center;
  padding: 1rem;
  font-family: 'euclid-semibold';
  line-height: 2rem;
  text-transform: capitalize;
}

.shop-section {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3vh;
}

.promosection {
  width: 100%;
  height: 80vh;
  background: url(images/bg-texture.png);
  background-color: #0F415C;
  background-repeat: repeat;
  background-size: 50px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mag-stack {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.promoimg {
  width: 40vh;
  position: absolute;
  -webkit-box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.61);
  box-shadow: 13px 14px 31px 7px rgba(0, 0, 0, 0.61);
  border-radius: 3px;
}

.promoimg4 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.promoimg3 {
  -webkit-transform: rotate(10deg) translateY(-50px);
          transform: rotate(10deg) translateY(-50px);
}

.promoimg2 {
  -webkit-transform: rotate(-5deg) translateX(-70px);
          transform: rotate(-5deg) translateX(-70px);
}

.promoimg1 {
  -webkit-transform: rotate(-10deg) translateX(-100px);
          transform: rotate(-10deg) translateX(-100px);
}

.promo-text-container {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.promotitle {
  font-family: 'euclid-bold', sans-serif;
  font-weight: bold;
  max-width: 80%;
  font-size: 3rem;
  color: white;
  padding-bottom: 1rem;
}

.promotext {
  font-family: 'euclid-regular';
  color: white;
}

.promodivider {
  width: 80%;
  height: 3px;
  background: white;
}

.promocost {
  font-family: 'euclid-regular';
  color: white;
  font-size: 3rem;
  font-weight: 400;
}

@media only screen and (max-width: 1366px) {
  .promotitle {
    font-size: 2.5rem;
  }
  .promoimg {
    width: 40vh;
  }
  .slidermagimg {
    height: 20vw;
  }
}

@media only screen and (max-width: 1150px) {
  .sip-image {
    width: 20rem;
  }
  .slidermagimg {
    height: 22vw;
  }
}

@media only screen and (max-width: 1024px) {
  .aboutussection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
  }
  .mag-stack-about {
    width: 100%;
    height: 40rem;
  }
  iframe {
    height: 60vh;
  }
  .about-text-container {
    width: 100%;
    padding: 5vw;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
  }
  .aboutussection {
    padding: 0rem;
  }
  .abouttitle {
    text-align: left;
  }
  .abouttext {
    text-align: left;
  }
  .aboutimg {
    width: 30vh;
  }
  .latest-issue-section {
    display: block;
  }
  .left-mag-display {
    width: 100%;
    height: 80vh;
  }
  .right-mag-details {
    padding: 5vw;
  }
  .sip-image {
    width: 22rem;
  }
  .right-mag-details {
    width: 100%;
    height: auto;
  }
  .shoptext {
    max-width: 90%;
  }
  .promosection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
  }
  .mag-stack {
    width: 100%;
    height: 40rem;
  }
  .promo-text-container {
    width: 100%;
    padding: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .promotitle {
    text-align: center;
  }
  .promotext {
    text-align: center;
  }
  .promoimg {
    width: 30vh;
  }
  .slidermagimg {
    height: 30vw;
  }
}

@media only screen and (max-width: 768px) {
  .intro-text {
    font-size: 2rem;
  }
  .magset1, .magset2, .magset3 {
    padding: 2rem;
  }
  .magset1 img, .magset2 img, .magset3 img {
    width: 20rem;
  }
  .mags {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1000px;
    margin-bottom: 20rem;
  }
  iframe {
    height: 50vh;
  }
  .aboutimg {
    width: 40vw;
  }
  .megasection {
    padding: 10vh 0vh 15vh 0vh;
    margin-bottom: -3vh;
  }
  .collection-details-section {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 0.8fr 1fr;
        grid-template-rows: 0.8fr 1fr;
  }
  .heading-container {
    padding: 5vh 5vw 5vh 5vw;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 0.5fr 1fr;
        grid-template-rows: 0.5fr 1fr;
  }
  .slide-content {
    display: none;
  }
  .promoimg {
    width: 30vh;
  }
  .shoptext {
    max-width: 90%;
  }
  .swiper-slide {
    margin-bottom: 5vh;
  }
  .slidermagimg {
    height: 30vw;
  }
}

@media only screen and (max-width: 600px) {
  .intro-text {
    padding: 2rem;
    font-size: 1.5rem;
  }
  .heading {
    font-size: 3rem;
    line-height: 4rem;
    padding: 2rem;
  }
  .magset1, .magset2, .magset3 {
    padding: 1rem;
  }
  .magset1 img, .magset2 img, .magset3 img {
    width: 10rem;
  }
  .mags {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1000px;
    margin-bottom: 25rem;
  }
  .magset2 h3 {
    width: 80%;
    font-size: 1.5rem;
    padding: 0rem;
    margin-bottom: 4rem;
  }
  .sip-image {
    width: 15rem;
  }
  .right-mag-details {
    height: auto;
    padding: 8vh 2vh 8vh 2vh;
  }
  .sip-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .about-text-container {
    padding: 8vh 2vh 8vh 2vh;
  }
  .abouttitle {
    max-width: 100%;
    font-size: 2rem;
  }
  .slidermagimg {
    height: 55vw;
  }
}

@media only screen and (max-width: 480px) {
  .collection-heading {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 450px) {
  .aboutimg {
    width: 60vw;
  }
  .mag-stack-about {
    height: 30rem;
  }
  .promoimg {
    width: 60vw;
  }
  .mag-stack {
    height: 30rem;
  }
  .promotitle {
    max-width: 100%;
    font-size: 2.2rem;
  }
}
/*# sourceMappingURL=home-v16.css.map */