/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


/* Flickity fullscreen v1.0.1
------------------------- */
/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 1;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

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

header {
    width: 100%;
    min-height: 80px;
    background-color: #fff;
    position: fixed !important;
    padding: 0.75rem 4rem 0.75rem 4.7rem !important;
    display: flex !important;
    transition: 0ms !important;
    align-items: center;
    top: 34px !important;
    -webkit-transition: 0ms !important;
    -moz-transition: 0ms !important;
    -ms-transition: 0ms !important;
    -o-transition: 0ms !important;
    z-index: 56;
}


/*.responsivegrid.aem-GridColumn.aem-GridColumn--default--12{
    margin-top:132px
}*/

.bars {
    display: none;
}

.bars.rotate {
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
}

.logo {
    display: inline-block;
}

.ap-navbar {
    background: #fff;
    padding: 0 50px 0 92px;
}
/* .logo img{width: 170px;height: 38px;} */

.ap-navbar>li {
    list-style: none;
    display: inline-block;
    line-height: 50px;
    /*padding: 10px 20px;*/
    margin-right: 50px;
}

header .ap-navbar li a {
    color: #434343;
    text-decoration: none;
  	padding: 10px 0px;
    font-size: 14px;
    font-weight: 500;
   /* line-height: 50px;*/
    text-transform: uppercase;
    position: relative;
    /*margin-right: 30px;*/
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

header .ap-navbar li a:hover,
header .ap-navbar li a:focus {
    color: #ed1c24;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.menu-one {
    position: absolute;
    width: 100%;
    left: 0;
    left: -100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
    top: 61px;
}
.menu-spacer{
    padding: 9px 0;
    background-color: #fff;
}

.menu-wrapper {
    background: #fff;
    display: flex;
    /* justify-content: space-around; */
}

.menu-tab {
    width: 30vw;
}
.menu-tab .accordionItem a{
    display: inline-block !important;
    /* padding: 0 10px !important; */
}
.menu-tab  .accordionItem .drop-icon i{
    top: 10px;
    right:5px;
}
.story-wrapper{
    padding-right: 60px;
}
.menu-tab .accordionItem {
    position: relative;
    border-bottom: 1px solid #ececec;
    line-height: 1;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.menu-tab .accorAnchor{
    border-bottom: none;
}
.menu-tab .accordionItemContent a{
    font-size: 12px !important;
    padding-bottom: 16px !important;
}
.menu-tab .accordionItemContent ul{
    padding: 15px 15px 0 15px;
}

.menu-tab .open .accordionItemContent ul{
    margin-bottom: 0;
}
.menu-tab .open .accordionItemContent ul li:last-child a{
    padding-bottom: 0 !important;
}

.menu-tile {
    background: #f7f3f4;
    padding: 30px;
    width: 75vw;
}

.story-box {
    display: flex;
    line-height: initial;
    margin-bottom: 36px;
}

.menu-tile-img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 110px;
    /* height: 100px;*/
    margin-right: 15px;
}

.menu-tile-img-caption {
    width: 75%;
}

.menu-tile-img-caption span {
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color:#999999;
}

.menu-tile-img-caption p {
    /* font-family: 'Avenir-Roman'; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom:12px;
}

.menu-tab .dropdown {
    display: block;
}

.menu-tab .dropdown .drop-icon {
    color: #ed1c24;
}

.menu-tab .dropdown .drop-icon i {
    font-size: 14px;
}

.recomended-news {
    display: none;
}

.menu-tab .accordionItem {
    position: relative
}

.menu-tab .accordionItem .drop-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.accordionItem .drop-icon i {
    font-size: 14px;
    color: #ed1c24;
}

.accordionItemHeading {
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

.accorAnchor {
    border-bottom: 1px solid #ececec;
}

.close .accordionItemContent {
    height: 0px;
    transition: height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}

.open .accordionItemContent {
    padding: 0;
    margin: 0px 0px 10px 0px;
    display: block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    box-sizing: border-box;
}

.open .accordionItemHeading {
    color: #ed1c24 !important;
}

.accordionItemHeading .drop-icon i {
    font-size: 14px;
    color: #ed1c24;
}

.open .accordionItemHeading .drop-icon i,
.open .drop-icon i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

header .ap-navbar .menu-tab a {
    padding: 10px 25px 10px 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #4a4a4a;
    display: block;
    margin-right: 0;
}

header .ap-navbar .menu-tab-inner {
    line-height: 30px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

header .ap-navbar .menu-tab {
    padding: 28px 25px 15px 150px;
}

.menu-one:after {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #000000;
    top: 0;
    left: 0;
}


/* .drop-one:hover > .menu-one{
    left: 0;
} */
/* 
.drop-one{
    padding-bottom: 40px;
    line-height: 1 !important;
} */
.menu-tile-img img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.opensubmenu {
    left: 0;
}

.menu-one ul {
    list-style: none;
    flex: 1;
    padding: 10px;
}

.drop-icon i {
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 9px;
}

.rotatearrow {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.nav-icon {
    width: 16px;
    height: 13px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.nav-actions-left .btn-secondary{
    padding: 6px 14px !important;
    font-size: 12px !important;
}
.nav-actions-left > a{
    margin-right: 20px !important;
    min-width: 90px !important;
}
.search-control {
    margin-right: 38px !important;
    margin-top: 5px;
}
.ap-navbar{margin-bottom: 0px ;}
.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #434343;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.nav-icon span:nth-child(1) {
    top: 0px;
}

.nav-icon span:nth-child(2) {
    top: 5px;
}

.nav-icon span:nth-child(3) {
    top: 10px;
}

.nav-icon.open span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.nav-icon.open span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.story-head {
    margin-bottom: 34px;
    display: flex;
    justify-content: space-between;
}

.story-head p {
    /* font-family: 'Avenir'; */
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.story-head .category-navigation {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.story-head .category-navigation a {
    padding: 0 !important;
    margin-right: 0 !important;
    font-weight: 900;
}

.menu-tile-right {
    max-width: 360px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    height: 100%;
}

.menu-tile-right img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    height: 100%;
}

.menu-tile-right:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.tile-overlay {
    /* background-image: linear-gradient(rgb(255 255 255 / .0), #000); */
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    width: 100%;
    z-index: 2;
}

.tile-overlay a {
    color: #fff;
}

.tile-overlay .overlay-subhead {
    /* font-family: 'Avenir'; */
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}

.tile-overlay .overlay-head {
    /* font-family: 'Avenir'; */
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 20px;
}

header .verticle-overlay {
    max-width: 360px;
    /* margin: 0 auto; */
}
header .tile-overlay{padding: 32px;}

.p-top {
    padding-top: 10px;
}

.menu-tile-img-caption a {
    text-transform: initial !important;
    padding: 0 !important;
    margin: 0 !important
}
header .ap-navbar li .tile-overlay a {
	font-size:16px;
}
@media screen and (max-width:1024px) {
    header .ap-navbar li a {
        margin-right: 0;
        padding: 10px;
    }
    header .verticle-overlay {
        max-width: 100%;
        margin: 0 auto;
    }
    .menu-tile-img-caption {
        width: 64%;
    }
}

@media screen and (max-width:991.98px) {
    .menu-tab .accordionItemContent a{
    font-size: 14px !important;
}
    header .ap-navbar .accordionItemContent li {
	border-bottom: none;
    }
    .bars {
        display: block
    }
    .menu-one{
        top: 0;
    }
    .ap-navbar {
        position: absolute;
        top: 84px;
        left: -100%;
        transition: 0.5s linear;
        -webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition: 0.5s linear;
        -o-transition: 0.5s linear;
        width: 90vw;
        height: 100vh;
        z-index: 10;
    }
    .body-overlay::before {
        position: fixed;
        content: '';
        width: 100vw;
        height: 100%;
        background: rgba(0, 0, 0, .7);
        z-index: 1;
        transition: 0.5s linear;
        -webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition: 0.5s linear;
        -o-transition: 0.5s linear;
    }
    .ap-navbar li {
        display: block;
    }
    .ap-navbar.active {
        left: 0;
        padding: 0;
        padding-bottom: 60px;
        height: calc(100vh - 80px);
        padding-top: 15px;
    }
    .body-mt .ap-navbar.active{
        height: calc(100vh - 0px);
    }
    .menu-one {
        position: relative;
        box-shadow: none;
        display: none;
    }
    /* .drop-one:hover > .menu-one{
        display: block;
    } */
    .opensubmenu {
        display: block;
    }
    .ap-navbar.active:after {
        content: '';
    }
    header {
        align-items: center;
    }
    .logo {
        margin-left: 15px;
    }
    header .ap-navbar .menu-tab {
        padding: 0;
        background: #f7f3f4;
    }
    header .ap-navbar .menu-tab a {
        padding: 15px 20px 15px 45px;
        margin-right: 25px;
        font-size: 14px;
        font-weight: 600;
    }
    .menu-tile .col-md-6:nth-child(1) {
        display: none;
    }
    .menu-tile {
        display: none
    }
    .opensubmenu {
        display: block;
        left: 0;
        height: auto;
    }
    .opensubmenu .menu-tab {
        width: 100%;
    }
    .accordionItemContent ul {
        background: #e9e0e1;
    }
    header .ap-navbar li {
        line-height: inherit;
        border-bottom: 1px solid #ececec;
        position: relative;
        margin-right: 0;
    }
    header .ap-navbar li a {
        display: block;
        font-weight: 600;
        font-size: 16px;
        margin-right: 25px;
    }
    .drop-icon i {
        font-size: 14px;
        color: #ed1c24;
        right: 25px
    }
}

@media screen and (max-width:767.98px) {
    .font13{font-size:13px}
    .mob-nav-verticle-overlay {
        width: 90%;
    }
    .search-control {
        margin-right: 16px !important;
    }
    .logo {
        margin-left: 10px;
        max-width: 13.9rem;
        height: 3.2rem;
    }
    .logo img{
        height: auto;
    }
    header {
        min-height: 60px;
        z-index: 56;
    }
    .nav-actions-left > a{margin-right: 0 !important;}
    .ap-navbar {
        top: 61px;
        padding-top:20px
    }
    header .tile-overlay {
        padding: 15px;
    }
    .menu-tab .accordionItem{
        margin-bottom: 0;

    }
    .menu-spacer{
        display: none;
    }
    .menu-tab .accordionItem .drop-icon i{
        top: 16px;
        right: 24px;
    }
    /* }
    .menu-tab .accordionItem a{
        padding: 10px !important;

    } */
    .menu-tab .accordionItemContent ul{
        padding:0
    }
    .menu-tab .accordionItemContent ul li a{
        padding: 15px 0 15px 65px;
    }
    .menu-tab .accordionItemContent{
        margin-bottom: 0;
    }
    .menu-tab .open .accordionItemContent ul li:last-child a{
        padding-bottom: 15px !important;
    }
    .menu-tab .accordionItem{
        padding-bottom: 0;
    }
    header .ap-navbar li a{
        padding: 15px 15px 15px 25px;
    }
    header .tile-overlay .btn-outline{padding: 6px 15px;}
}

@media screen and (max-width:575.98px) {
    header {
        padding: 16px 16px !important;
        top: 83px !important;
    }
    header .nav-get-quote{
        font-size: 12px;
    }
    
    .ap-navbar {
        padding: 0;
        overflow-y: scroll;
        padding-bottom: 80px;
    }
    .nav-get-quote {
        margin: 20px;
    }
    .menu-tile-right {
        padding: 0 20px;
        height: 235px;
        width: 100%;
        margin: 20px 0;
    }
    .tile-overlay .overlay-head {
        font-size: 20px;
        line-height: 1.3;
    }
    .tile-overlay .get-it-tile {
        flex-wrap: wrap;
    }
    .tile-overlay .get-it-tile a {
        font-size: 12px;
        margin: 15px 0;
    }
    header .verticle-overlay {
        margin: 30px auto 20px;
    }
    .tile-overlay .overlay-subhead {
        font-size: 13px;
        margin-bottom: 10px;
    }
}
/* Abstracts - variables, functions, mixins, placeholders, etc */


/* Border Radius */

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    /* margin-top:60px; */
}

footer.d-flex.container.row {
    margin-top: 0px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}


/* flex mixins */


/* Base - base, reset, typography, etc */

* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html {
    font-size: 8px;
    width: 100%;
    height: 100%;
    font-family: "Nunito Sans", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.42857143;
    font-family: "Nunito Sans", sans-serif;
    background-color: #ffffff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
    width: 100%;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

a:active,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

h1 {
    font-size: 4.8rem;
    font-weight: 600;
}

h2 {
    font-size: 3.6rem;
}

h3 {
    font-size: 3.2rem;
}

button,
input,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

p {
    margin: 0;
    font-size: 1.2rem;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
}


/* helper classes */

.text-seacondary {
    color: #ed1c24;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-8 {
    margin-bottom: 8rem;
}

.pr-12 {
    padding-right: 12rem;
}

.p-5 {
    padding: 5rem;
}

.px-3 {
    padding-right: 3rem;
    padding-left: 3rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

.pb-6 {
    padding-bottom: 6rem;
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.full-height {
    height: 100%;
}


/* list */

.list-unstyled {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* badge */

.badge {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    padding: 0.5rem 1.5rem;
}

.link-text {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    outline: none;
}

.link-text a {
    margin-left: 1rem;
}


/* text colors */

.text-primary {
    color: #4a4a4a;
}

.text-secondary {
    color: #ed1c24;
}

.text-light {
    color: #999999;
}


/* links text */

.secondary-link {
    color: #ed1c24;
}

.secondary-link:focus,
.secondary-link:hover {
    color: #ed1c24;
}


/* labels */

.label-secondary {
    color: #ed1c24;
}


/* icons */

.icon-secondary {
    color: #ed1c24;
}

.bg-white {
    background: #fff;
}


/* placeholder animation */

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.content-placeholder {
    display: inline-block;
    position: relative;
}

.content-placeholder:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient( linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient( left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
}

@font-face {
    font-family: "icomoon";
    font-display: swap;
    src: local("icomoon"), url("clientlib-site/resources/fonts/icomoon.eot");
    src: local("icomoon"), url("clientlib-site/resources/fonts/icomoon.eot#iefix") format("embedded-opentype"), url("clientlib-site/resources/fonts/icomoon.ttf") format("truetype"), url("clientlib-site/resources/fonts/icomoon.woff") format("font-woff"), url("clientlib-site/resources/fonts/icomoon.svg#icomoon") format("svg");
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-message:before {
    content: "\e91a";
}

.icon-eye-blocked:before {
    content: "\e9d1";
}

.icon-expand:before {
    content: "\e919";
}

.icon-cancel:before {
    content: "\e916";
}

.icon-email:before {
    content: "\e917";
}

.icon-twitter:before {
    content: "\e918";
}

.icon-up-arrow:before {
    content: "\e915";
}

.icon-down-arrow:before {
    content: "\e914";
}

.icon-enter:before {
    content: "\e900";
}

.icon-bookmarked:before {
    content: "\e901";
}

.icon-add:before {
    content: "\e902";
}

.icon-bookmark:before {
    content: "\e91b";
}

.icon-selected:before {
    content: "\e904";
}

.icon-eye:before {
    content: "\e905";
}

.icon-google:before {
    content: "\e906";
}

.icon-zipcode:before {
    content: "\e907";
}

.icon-password:before {
    content: "\e908";
}

.icon-phone:before {
    content: "\e909";
}

.icon-email:before {
    content: "\e90a";
}

.icon-play-white:before {
    content: "\e90b";
}

.icon-cancel:before {
    content: "\e90c";
}

.icon-filter:before {
    content: "\e90d";
}

.icon-account:before {
    content: "\e90e";
}

.icon-search:before {
    content: "\e90f";
}

.icon-instagram:before {
    content: "\e910";
}

.icon-share:before {
    content: "\e911";
}

.icon-heart:before {
    content: "\e912";
}

.icon-facebook:before {
    content: "\e913";
}


/* layout - navigation, grid, header, footer, sidebar, forms, etc */


/* header css */

.navigation {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    visibility: hidden;
    overflow: auto;
}

.morphing-circle {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 35px;
    top: 35px;
    z-index: -1;
    box-shadow: 0 0 0 0 #fff;
    transition: 300ms ease-in 0s;
}

header {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    /*z-index: 56;
    padding: 1.75rem 4rem 1.75rem 4.7rem;*/
    /*padding: 4.7rem 4rem 5.2rem 4.7rem;*/
    /* transition: 700ms; */
}

.sticky-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 1.75rem 4rem 1.75rem 4.7rem;
    background: #fff;
    z-index: 55;
    box-shadow: 0px 1px 6px 1px rgba(74, 74, 74, 0.35);
    /* transition: 700ms; */
}

.sticky-header .search-popup {
    top: 70px;
}

.navigation ul {
    display: flex;
}

.navigation ul li>a {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #4a4a4a;
    padding-right: 4.4rem;
    cursor: pointer;
    text-transform: uppercase;
}

.navigation ul li>a:hover {
    color: #ed1c24;
}

.navigation ul li>a.active {
    color: #ed1c24;
}

.nav-brand a {
    display: inline-block;
    width: 16.9rem;
    height: 3.8rem;
    margin: 0 6.9rem 0 0;
    z-index: 55;
}

.nav-brand a img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar-toggle {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 60;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-toggle span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 3px;
    background: #4a4a4a;
    margin-right: 1rem;
    transition: ease-in-out 0s;
}

.navbar-toggle span:before,
.navbar-toggle span:after {
    position: absolute;
    display: block;
    content: "";
    top: -7px;
    left: 0;
    width: 28px;
    height: 3px;
    background: #4a4a4a;
    transform: rotate(0deg);
}

.navbar-toggle span:after {
    top: auto;
    bottom: -7px;
}

.open-menu .navbar-toggle span {
    background: transparent;
}

.open-menu .navbar-toggle span:before {
    top: 0;
    transform: rotate(-45deg);
}

.open-menu .navbar-toggle span:after {
    bottom: 0;
    transform: rotate(45deg);
}

.open-menu .morphing-ciricle {
    box-shadow: 0 0 0 120vmax #fff;
}

.open-menu .navigation {
    visibility: visible;
    overflow: auto;
}

.open-menu .navigation ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: transparent;
    z-index: 11;
    height: 100%;
    flex-wrap: wrap;
    width: 100%;
    padding: 4rem 3.5rem;
    visibility: visible;
    overflow: auto;
}

.open-menu .navigation ul li {
    width: 46%;
    background: #ccc;
    border-radius: 1rem;
    position: relative;
    min-height: 13rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.open-menu .navigation ul li:first-child {
    width: 100%;
}

.open-menu .navigation ul li+li {
    margin-top: 2rem;
}

.open-menu .navigation ul li a {
    padding-right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 2.4vh;
    padding: 0 1rem;
}

.open-menu .navigation ul li a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 4px 10px 20px 6px rgba(0, 0, 0, 0.2);
}

.search-btn {
    position: relative;
}

.search-popup {
    position: absolute;
    right: 400px;
    top: 40px;
    z-index: 5;
    min-width: 28.3rem;
    min-height: 39.1rem;
    max-height: 39.1rem;
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    visibility: hidden;
    overflow: hidden;
    padding-bottom: 20px;
    animation: searchMasking 1s ease 0.5s forwards;
}

.search-popup.open {
    visibility: visible;
}

.search-popup .custom-input-group {
    padding: 1rem 2.5rem 1rem;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(74, 74, 74, 0.1);
}

.search-popup .custom-input-group input {
    font-size: 14px;
    font-weight: 600;
    padding: 0 0.5rem;
    border: 0;
    width: 100%;
}

.search-popup .custom-input-group input:focus,
.search-popup .custom-input-group input:hover {
    border: 0;
}

.search-popup .custom-input-group i {
    font-size: 1.8rem;
    color: #999999;
}

.search-popup .search-body {
    padding: 2.25rem 0 2.2rem;
    max-height: 322px;
    overflow-y: auto;
}

.search-popup ul:first-of-type {
    border-bottom: 1px solid rgba(74, 74, 74, 0.1);
    padding: 0 0 2rem;
}

.search-popup ul li {
    width: 100%;
}

.search-popup ul li+li {
    margin-top: 1.2rem;
}

.search-popup ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 2.5rem;
    color: #4a4a4a;
}

.search-popup ul li a img {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 1rem;
    width: 3.4rem;
    height: 3.4rem;
}

.search-popup .recent-search-list li a {
    font-size: 1.4rem;
    font-weight: normal;
}

@keyframes searchMasking {
    0% {
        -webkit-clip-path: circle(0% at 100% 0%);
        clip-path: circle(0% at 100% 0%);
    }
    100% {
        -webkit-clip-path: circle(142% at 100% 0%);
        clip-path: circle(142% at 100% 0%);
    }
}

.search-control {
    margin-right: 5.8rem;
    margin-top: 5px;
    /* transition: all 100s ease-in;*/
}

.search-btn input {
    display: none;
    width: 100%;
}

.search-btn {
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}

.search-btn input {
    max-width: 100%;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-bottom: 1px solid #ccc;
}

.search-btn i {
    font-size: 2.5rem;
    color: #424b5a;
}


/* header css */


/* footer */

footer {
    background: #424b5a;
    color: #fff;
    padding-top: 4.1rem;
    padding-bottom: 4.1rem;
}

footer h2 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.33;
}

footer h3 {
    font-size: 2.2rem;
    font-weight: normal;
}

footer h2,
footer h3 {
    margin-top: 0;
}

footer .column-list li {
    max-width: 50%;
    width: 100%;
}

footer .column-list li>a {
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    padding-bottom: 2.2rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

footer .column-list li:last-child>a {
    padding-bottom: 0;
}

footer .link-text {
    margin-bottom: 3rem;
    padding-left: 1rem;
    display: inline-block;
}

footer .link-text a,
footer .link-text a:hover {
    color: #ed1c24;
}

footer .news-letter-addon {
    min-height: 4.8rem;
    background: rgba(123, 130, 144, 0.5);
}

footer .news-letter-addon input.form-control,
footer .news-letter-addon input.form-control:focus,
footer .news-letter-addon input.form-control:hover {
    background: rgba(123, 130, 144, 0.5);
    background: transparent;
    color: #000000;
}

footer .container .row {
    margin-top: 0px !important;
}

footer .news-letter-addon .input-addon {
    background: transparent;
    border-color: rgba(123, 130, 144, 0.5);
}

footer .news-letter-addon .input-addon:last-child i {
    color: #999999;
}

.social-icons a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 6rem;
    width: 4.4rem;
    height: 4.4rem;
    text-align: center;
}

.social-icons a i {
    font-size: 2.2rem;
}

.social-icons a+a {
    margin-left: 3rem;
}

.copyright-block {
    font-family: "Nunito Sans", sans-serif;
    color: #999999;
    font-size: 1.2rem;
    padding-top: 1.7rem;
}

.copyright-block span {
    display: inline-block;
    margin-right: 0.8rem;
}

.brand-text {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}


/* footer */


/* form controls */

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #999999;
    font-size: 1.4rem;
    font-weight: normal;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

input[type="file"] {
    display: block;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.form-control {
    display: block;
    width: 100%;
    height: 4rem;
    padding: 6px 12px;
    font-size: 1.6rem;
    line-height: 1.42857143;
    color: #4a4a4a;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(74, 74, 74, 0.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control::-moz-placeholder {
    color: #999999;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    opacity: 1;
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    color: #999999;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
    font-weight: normal;
}

.form-control::-ms-clear {
    display: none;
}

.form-control::-ms-clear,
.form-control::-ms-reveal {
    display: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #ffffff;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
    resize: none;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group.m-0 {
    margin: 0;
}

.form-group+.form-group {
    margin-bottom: 1.7rem;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
}

.custom-input-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    min-height: 4.8rem;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid rgba(74, 74, 74, 0.2);
    background: #fff;
}

.custom-input-group .form-control {
    border: 0;
    height: 4.8rem;
    width: calc(100% - 54px);
    border-right: 1px solid #424b5a;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-input-group .form-control:focus,
.custom-input-group .form-control:hover {
    border-right: 1px solid #424b5a;
}

.custom-input-group .form-control:focus+button i,
.custom-input-group .form-control:active+button i {
    transition: 300ms;
    color: #ed1c24;
}

.input-addon:first-child,
.input-addon:last-child {
    padding: 0 0.8rem 0 1.6rem;
}

.input-addon:last-child {
    padding-right: 1.6rem;
}

.input-addon i {
    font-size: 2.2rem;
    color: #4a4a4a;
}

.input-addon~.form-control {
    border: 0;
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    box-shadow: none;
}


/* checkbox */

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.2rem;
    color: #4a4a4a;
    margin-bottom: 0;
    margin-top: 0.4rem;
}


/* Hide the browser's default checkbox */

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(74, 74, 74, 0.2);
}


/* On mouse-over, add a grey background color */

.custom-checkbox:hover input[type="checkbox"]~.checkmark {
    background-color: #fff;
}


/* When the checkbox is checked, add a blue background */

.custom-checkbox input[type="checkbox"]:checked~.checkmark {
    background-color: #fff;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.custom-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid#ed1c24;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.error-meassage {
    color: #ed1c24;
    font-size: 1.2rem;
    font-weight: 700;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}


/* custom bookmark */


/* Hide the browser's default checkbox */

.bookmark-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.password-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.bookmark-checkbox .checkmark {
    display: inline-block;
    width: 19px;
    height: 23px;
    margin: 0;
    border: 0;
    top: 5px;
    left: 9px;
    right: 0;
    text-align: center;
}

.password-checkbox .checkmark {
    display: inline-block;
    width: 19px;
    height: 23px;
    margin: 0;
    border: 0;
    top: 5px;
    left: 9px;
    right: 0;
    text-align: center;
}

.bookmark-checkbox .checkmark:after {
    font-family: "icomoon";
    content: "\e91b";
    color: #ed1c24;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: auto;
}

.password-checkbox .checkmark:after {
    font-family: "icomoon";
    content: "\e912";
    color: #ed1c24;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: auto;
}

.bookmark-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.password-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.bookmark-checkbox input[type="checkbox"]:checked~.checkmark:after {
    display: block;
    font-family: "icomoon";
    content: "\e901";
}

.password-checkbox input[type="checkbox"]:checked~.checkmark:after {
    display: block;
    font-family: "icomoon";
    content: "\e901";
}


/* floating label */

.floating-label {
    position: relative;
    padding-top: 20px;
}

.floating-label .floating-input,
.floating-label .floating-textarea {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid rgba(74, 74, 74, 0.2);
    color: #4a4a4a;
    padding: 7px 50px;
}

.floating-label .floating-input:focus~.form-label,
.floating-label .floating-textarea:focus~.form-label {
    top: -7px;
    left: 0;
    line-height: 1.71;
    font-size: 14px;
}

.floating-label .floating-input:focus~.form-label+i,
.floating-label .floating-textarea:focus~.form-label+i {
    color: #ed1c24;
}

.floating-label .form-label {
    position: absolute;
    top: 27px;
    left: 50px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: normal;
    color: #999999;
    pointer-events: none;
    user-select: none;
    transition: all 600ms ease-in-out;
}

.floating-label .form-label:focus {
    top: 0;
    left: 0;
    line-height: 1.71;
}

.floating-label i {
    position: absolute;
    left: 16px;
    top: 28px;
    font-size: 2.2rem;
    color: #999999;
}

.floating-label+.floating-label {
    margin-top: 40px;
}

.floating-label .floating-textarea label {
    top: 20px;
}

.floating-label .password-toggle {
    right: 15px;
    left: auto;
    top: 20px;
    position: absolute;
}

.floating-label .password-toggle .checkmark:after {
    content: "\e9d1";
}

.floating-label .password-toggle input[type="checkbox"]:checked~.checkmark:after {
    content: "\e905";
}

.error-text {
    position: absolute;
    color: #ed1c24;
    top: 60px;
    font-size: 12px;
    font-weight: 700;
}

.error-text-textarea {
    position: absolute;
    color: #ed1c24;
    top: 145px;
    font-size: 12px;
    font-weight: 700;
}

.disabled-input {
    cursor: not-allowed;
    pointer-events: none;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 25px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.btn+.btn {
    margin-left: 1.6rem;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #4a4a4a;
    background-color: #fff;
    border-color: #4a4a4a;
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: transparent;
    border-color: #4a4a4a;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: transparent;
    border-color: #4a4a4a;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: transparent;
    border-color: inherit;
}

.btn-secondary {
    color: #ed1c24;
    background-color: #fff;
    border-color: #ed1c24;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active {
    color: #ed1c24;
}

.btn-blank {
    background: transparent;
    border: 0;
    padding: 0;
    color: inherit;
}

.btn-blank.secondary {
    color: #ed1c24;
}

.btn-blank:focus,
.btn-blank:hover,
.btn-blank:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: inherit;
}

.btn-blank:focus {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.btn-outline {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}

.btn-outline:focus,
.btn-outline:hover {
    background: transparent;
    color: #fff;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

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

.fixed-btn,
.fixed-btn.ripple {
    position: fixed;
    right: 25rem;
    bottom: 68rem;
    color: #ed1c24;
    font-size: 2.5rem;
    border-radius: 50%;
    height: 6rem;
    width: 6rem;
    border: 2px solid#ed1c24;
    justify-content: center;
    align-items: center;
    display: none;
}

.fixed-btn i,
.fixed-btn:hover,
.fixed-btn:focus,
.fixed-btn.ripple i,
.fixed-btn.ripple:hover,
.fixed-btn.ripple:focus {
    color: #ed1c24;
}

.btn-rounded {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    padding: 0;
}

.btn-rounded:hover,
.btn-rounded:focus {
    background: #fff;
    border: 1px solid #fff;
}

.border-pink {
    border: 1px solid#ed1c24;
    /* box-shadow: 2px 4px 6px 1px rgba(74, 74, 74, 0.5); */
}

.border-pink:hover {
    border: 1px solid#ed1c24;
}

.btn-rounded i {
    margin: 0;
}

.ripple,
[ripple] {
    position: relative;
    overflow: hidden;
}

.ripple:before,
[ripple]:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%) scale(10, 10);
    -o-transform: translate(-50%, -50%) scale(10, 10);
    -ms-transform: translate(-50%, -50%) scale(10, 10);
    -webkit-transform: translate(-50%, -50%) scale(10, 10);
    transform: translate(-50%, -50%) scale(10, 10);
    height: 100%;
    width: 100%;
    background-image: radial-gradient( circle, currentColor 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    display: block;
    transition: transform 0.7s, opacity 2s;
}

.ripple:active:before,
[ripple]:active:before {
    display: block;
    -moz-transform: translate(-50%, -50%) scale(0, 0);
    -o-transform: translate(-50%, -50%) scale(0, 0);
    -ms-transform: translate(-50%, -50%) scale(0, 0);
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0);
    opacity: 0.4;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
}


/* disbaled buttons*/

.btn.disabled-btn,
.btn.btn-disabled {
    border: 1px solid rgba(74, 74, 74, 0.2);
    cursor: not-allowed;
    pointer-events: none;
    background: #fff;
    color: #4a4a4a;
}

.btn.disabled-btn:hover,
.btn.btn-disabled:hover {
    background: transparent;
    border: 1px solid rgba(74, 74, 74, 0.2);
    cursor: disabled;
}

.btn.disabled-btn.ripple:before,
.btn.btn-disabled.ripple:before {
    display: none;
}


/*New Tab css added here*/

.tabs-wrapper .tab {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    z-index: 5;
    color: #999999;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 8px 20px;
    margin: 0 2rem;
}

.tabs-wrapper .tab.active {
    border-radius: 3px 3px 0 0;
    color: #4a4a4a;
    border-bottom: 3px solid#ed1c24;
}

.tabs-wrapper .tabContent {
    border-top: 1px solid rgba(74, 74, 74, 0.1);
    position: relative;
    top: -1px;
    z-index: 1;
    padding: 5rem 0 0 0rem;
    border-radius: 0 0 3px 3px;
}

.tabs-wrapper .hide {
    display: none;
}

.tabs-wrapper .show {
    display: block;
}

.saved-tabs-wrapper .tabContent {
    padding: 8rem 0;
}


/* modal popup*/

.modal-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 155;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0%) translateY(0%);
    transition-delay: 0.2s;
}

.modal-popup.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;
    transform: scale(1);
    opacity: 1;
}

.modal-popup.open .modal-content {
    transform: scale(1);
}

.modal-popup .modal-content {
    max-width: 46.5rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    flex-direction: column;
    transform: scale(0);
    transition: all 0.5s;
    position: relative;
}

.modal-popup .modal-header {
    position: relative;
    background-image: url("https://www.beautifulhomes.com/content/dam/beautifulhomes/images/popup.webp");
    background-repeat: none;
    background-size: cover;
    background-color: linear-gradient( to bottom, rgba(6, 6, 6, 0), rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.65));
    padding: 4rem 9rem;
    width: 100%;
}

.modal-popup .modal-header h3 {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 2rem;
    font-family: Nunito Sans;
    font-size: 2rem;
    font-weight: 700;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.modal-popup .modal-header .close-btn {
    position: absolute;
    top: 3rem;
    right: 3rem;
    left: auto;
    color: #fff;
    cursor: pointer;
    z-index: 55;
}

.modal-popup .modal-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 2rem 9.75rem 3rem;
    background: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.modal-popup .modal-body .modal-body-title {
    font-family: Plantin;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}

.modal-popup .modal-body .description {
    font-size: 1.4rem;
    font-weight: normal;
    padding: 0.8rem 0 2rem;
}

.modal-popup .modal-body .description .link-text {
    font-weight: normal;
}

.modal-popup .modal-body .btn {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-popup .modal-body .btn i {
    margin-right: 1rem;
    min-width: 2rem;
}

.modal-popup.lg {
    background: #fff;
}

.modal-popup.lg .modal-content {
    max-width: 100%;
    height: 100%;
    background: #fff;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.modal-popup .btn+.btn {
    margin: 0;
    margin-top: 1rem;
}

.singOutPopup .modal-body {
    padding: 2rem 2.25rem 3rem;
}

.fullscreemModal {
    background: #fff;
}

.fullscreemModal .modal-content {
    height: 100%;
    padding: 0;
    max-width: 1140px;
    background: #fff;
    overflow: hidden;
}

.fullscreemModal .modal-header {
    text-align: left;
    display: block;
    padding: 5px 0 15px 5px;
    position: fixed;
    top: 10px;
    z-index: 5;
    left: 15px;
    background: transparent;
    width: 10%;
}

.fullscreemModal .modal-header .close-btn {
    width: 40px;
    height: 40px;
    display: block;
    line-height: normal;
    background: #fff;
    border: 1px solid transparent;
    position: static;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 3px 4px 3px rgba(238, 238, 239, 0.985);
}

.fullscreemModal .modal-header .close-btn i {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.fullscreemModal .modal-body {
    height: 100%;
    overflow: visible;
    padding: 2rem 0 5rem;
}

.fullscreemModal .modal-body .btn i {
    margin: 0;
}

.fullscreemModal .btn-rounded {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    box-shadow: 0px 4px 4px 1px #eeeeef;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fullscreemModal .btn-rounded .bookmark-checkbox .checkmark {
    top: 5px;
}

.fullscreemModal .btn-rounded .bookmark-checkbox .checkmark:after {
    font-size: 18px;
}

.fullscreemModal .action-buttons {
    right: 2px;
    padding: 5px;
}

.fullscreemModal .action-buttons .btn {
    box-shadow: 0px 3px 4px 3px rgba(238, 238, 239, 0.985);
}


/* youtube modal */

.youtubeModal {
    background: rgba(0, 0, 0, 0.5);
}

.youtubeModal .modal-content {
    max-width: 65vw;
}

.youtubeModal .modal-header {
    background-image: none;
    padding: 3.2rem 9rem;
}

.youtubeModal .modal-body {
    padding: 0;
    width: 100%;
    min-height: 70vh;
}

.youtube-container {
    height: 100%;
}

.youtube-container iframe {
    width: 100%;
    height: 100%;
}

.youtubeModal .modal-header .close-btn {
    color: #fff;
}


/* shop now modal */

.shopModal .modal-body .description {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.shopModal .btn {
    min-width: 90px;
}

.horizontal-btn-group .btn+.btn {
    margin: 0;
    margin-left: 2rem;
}

.filter-popup .filter-buttons {
    padding: 2rem 9rem;
    border-top: 1px solid#999999;
    border-bottom: 1px solid#999999;
    max-height: 280px;
    overflow-y: auto;
}

.filter-popup .filter-buttons .btn {
    margin: 0 1rem 1rem 0;
    padding: 0.5rem 0.5rem;
}

.filter-popup .filter-buttons .btn.active-filter {
    border-color: #ed1c24;
    color: #ed1c24;
}

.filter-popup .horizontal-btn-group {
    padding: 2rem 9rem 3rem;
}

.filter-popup .horizontal-btn-group .btn {
    width: 50%;
}

.filter-popup .category-btn-wrapper {
    padding: 1.6rem 0;
}

.filter-popup .btn-block {
    max-width: 27rem;
}

.fileUpload-popup .modal-header {
    padding: 4rem 7rem;
}

.fileUpload-popup .modal-body {
    padding: 4.5rem 5.75rem 4.5rem;
}

.fileUpload-popup input.form-control:focus {
    border-color: rgba(74, 74, 74, 0.2);
}


/* global */

.redirect-link,
.redirect-link:hover {
    color: #4a4a4a;
    text-decoration: none;
}

.list-unstyled {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.ml-auto {
    margin-right: 0;
    margin-left: auto;
}

.pb-8 {
    padding-bottom: 4rem;
}

.pb-0 {
    padding-bottom: 0;
}

.mb-100 {
    margin-bottom: 6.25rem;
}

.mt-100 {
    margin-top: 6.25rem;
}

.search-title {
    color: #999999;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 2.5rem 1.25rem;
    margin: 0;
}

main {
    padding-top: 17rem;
}

.author-list li+li {
    margin-left: 3rem;
}

.author-list a {
    display: inline-block;
    color: #999999;
    text-decoration: underline;
}


/* icons */

.icon-2x {
    font-size: 20px;
}

.icon-3x {
    font-size: 30px;
}

.nav-actions-left .btn-secondary {
    padding: 0.58rem 2.86rem;
    font-size: 1.2rem;
    font-weight: 700;
    border-width: 0.13rem;
    min-width: 10rem;
    width: auto;
    text-align: center;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}


/* login page */

.login-bg {
    max-width: 44.23%;
    flex: 1 1 44.23%;
    width: 100%;
    min-height: 63.3rem;
}

.login-bg img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.fileContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 4rem;
    background: rgba(26, 26, 28, 0.54);
}

.fileContainer [type="file"] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.login-wrapper {
    max-width: 100%;
    flex: 1 1 100%;
    min-height: 63.3rem;
}

.login-wrapper p {
    font-size: 1.8rem;
}

.login-wrapper .form-content {
    max-width: 65.5rem;
    width: 100%;
    padding: 6.9rem 0 6.9rem 10rem;
}

.login-wrapper h1 {
    font-family: "Crimson Text", serif;
    font-size: 4.8rem;
    line-height: 0.54;
    color: #4a4a4a;
    margin-bottom: 3.2rem;
    font-weight: 400;
}

.login-wrapper a {
    display: inline-block;
}

.login-wrapper .account-link {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    color: #999999;
    margin-bottom: 3.2rem;
}

.login-wrapper .account-link.lg-text {
    font-size: 1.8rem;
}

.login-wrapper .account-link a {
    font-size: 14px;
    font-weight: 600;
    color: #ed1c24;
    padding-left: 0.5rem;
}

.login-wrapper .link-text {
    font-size: 1.2rem;
    font-weight: 700;
    color: #999999;
    padding-bottom: 4rem;
    cursor: pointer;
}

.login-wrapper .btn-block {
    max-width: 26.3rem;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0;
}

.login-wrapper .btn-block i {
    display: inline-block;
    min-width: 50px;
}

.login-wrapper .custom-checkbox+.custom-checkbox {
    margin-bottom: 1.5rem;
}

.login-wrapper .btn-primary {
    border-color: #999999;
}

.login-wrapper .edit-btn {
    position: absolute;
    right: 0;
    top: 21px;
    left: auto;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #ed1c24;
    text-transform: uppercase;
}

.login-wrapper .custom-checkbox label {
    font-family: "Nunito Sans", sans-serif;
}

.login-wrapper .form-group {
    margin: 0;
}

.login-wrapper .form-group+.form-group {
    margin: 0;
}

.login-wrapper .form-group input {
    margin-bottom: 2rem;
}

.login-wrapper .form-group:last-of-type input {
    margin: 0;
}

.login-wrapper .btn-block+.btn-block {
    margin: 0;
    margin-left: 1.6rem;
}

.login-wrapper .lg-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.6rem;
    padding-bottom: 4rem;
}

.login-wrapper .profile-image {
    width: 16.5rem;
    height: 16.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto 5rem;
}

.login-wrapper .profile-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.login-wrapper .profile-image label {
    position: absolute;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-top: 8px;
    cursor: pointer;
    bottom: -5px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
}

.login-wrapper .custom-checkbox+.custom-checkbox {
    margin-top: 1.5rem;
}

.login-wrapper .error-text {
    font-size: 12px;
}

.login-wrapper .error-text-textarea {
    font-size: 12px;
}

.login-wrapper .horizontal-btn-group .btn-block+.btn-block {
    margin: 0;
}

.login-wrapper .horizontal-btn-group.flex-nowrap .btn-block+.btn-block {
    margin: 0;
    margin-left: 1rem;
}

.login-wrapper.contact-wrapper {
    position: relative;
    padding-bottom: 1rem;
    height: auto;
    z-index: 50;
}

.login-wrapper.contact-wrapper .form-content h1 {
    /* font-family: 'Crimson Text', serif; */
    font-family: "Plantin";
    font-size: 6rem;
    text-align: left;
    font-weight: 400;
}

.login-wrapper .social-btn-group {
    margin: 2rem 0;
}

.login-wrapper .social-btn-group .btn-block+.btn-block {
    margin: 0;
    margin-top: 12px;
}

.login-wrapper .social-btn-group .btn-block i {
    display: inline-block;
    font-size: 15px;
}

.file-upload-container {
    position: relative;
}

.file-container {
    position: absolute;
    top: 0px;
    left: auto;
    right: 0;
    cursor: pointer;
}

.file-container label {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border: 1px solid#ed1c24;
    padding: 8px 16px;
    cursor: pointer;
    background: #fff;
    color: #ed1c24;
    margin: 0;
}

.divider-text {
    position: relative;
    margin: 4rem 0 4.5rem 0;
    font-size: 2rem;
    font-weight: normal;
    font-family: "Nunito Sans", sans-serif;
    color: #999999;
}

.divider-text:before,
.divider-text:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 47%;
    left: 0;
    right: auto;
    top: 1.5rem;
    background: rgba(74, 74, 74, 0.2);
}

.divider-text:after {
    right: 0;
    left: auto;
}

.success-block {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff3f5;
}

.success-block i {
    color: #ed1c24;
    font-size: 4.4rem;
}

.success-content {
    max-width: 29.3rem;
}

.success-content p {
    font-size: 1.6rem;
    margin: 3rem 0;
}

.success-content p:last-child {
    font-size: 1.4rem;
    font-weight: normal;
    color: #999999;
    margin-bottom: 0;
}


/* login page */

.icon-addon {
    background: #f2f2f3;
    max-width: 100%;
}

.icon-addon input.form-control {
    background: #f2f2f3;
    font-family: "Nunito Sans", sans-serif;
}

.icon-addon .input-addon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 1.6rem;
    height: 4.8rem;
    background: #f2f2f3;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: 1px solid rgba(175, 175, 175, 0.4);
}

.icon-addon .input-addon:last-child i {
    color: #999999;
}

.product-block {
    margin-bottom: 10rem;
}

.category-navigation {
    margin: 3rem 0 1.4rem 0.3rem;
}

.category-navigation a {
    display: inline-block;
    position: relative;
    color: #ed1c24;
    font-size: 1.2rem;
    font-weight: 700;
    transition: 2ms;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

.category-navigation a+a {
    margin-left: 2rem;
}

.category-navigation a:after {
    position: absolute;
    content: "";
    right: -13px;
    top: 5px;
    width: 4px;
    height: 4px;
    background: #999999;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.category-navigation a:last-child:after {
    display: none;
}

.category-navigation a:hover {
    transition: 2ms;
    border-bottom-color: #ed1c24;
}

.product-content {
    padding: 5rem 4rem;
}

.product-content h2 {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1.25;
}

.product-image {
    max-width: 65.2rem;
    width: 100%;
    height: 52.8rem;
    flex: 1 1 65.2rem;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.product-image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    /* background: #f0f0f0; */
}

.product-image a img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.main-category p {
    font-family: "Nunito Sans", sans-serif;
    line-height: 1.71;
}

.main-category .description-text {
    font-size: 1.6rem;
}

.main-category .description-text.edition-description {
    font-size: 2rem;
    line-height: 1.5;
    padding-right: 2rem;
    padding-bottom: 10rem;
}

.main-category .author-block {
    padding-top: 4rem;
    max-width: 100%;
    width: 100%;
    text-align: left;
}

.main-category .product-feature h1 {
    font-weight: 600;
}

.main-category .product-image {
    max-width: 70rem;
    /* min-height: 43.8rem; */
    max-height: 43.8rem;
    height: 43.8rem;
}

.main-category .product-image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
}

.main-category .product-image a img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
}

.main-category .product-image.sm-image {
    height: 43.1rem;
}

.main-category .product-image.md-image {
    max-width: 100%;
    flex: 1 1 100%;
    margin: 0 auto;
    text-align: center;
    background: #f0f0f0;
}

.main-category .product-image.md-image img {
    /* object-fit: contain; */
    width: auto;
    height: 100%;
}

.main-category .product-content {
    padding: 2rem 3rem;
}

.main-category .product-content.lg-content {
    max-width: 100%;
    flex: 1 1 100%;
    padding: 0 0 2rem 5.4rem;
}

.main-category .product-content.lg-content h2 {
    padding-bottom: 2.8rem;
    margin: 0;
}

.main-category .product-content.lg-content .category-navigation {
    margin-top: 6.3rem;
}

.main-category .product-content.lg-content .description-text {
    font-size: 2rem;
    padding-right: 3rem;
    line-height: 1.5;
}

.main-category .product-content.lg-content .author-block {
    padding-top: 4rem;
    width: 100%;
}

.main-category .sub-category-item .product-image {
    height: 22.7rem;
    /* max-height: 22.7rem; */
    /* min-height: 22.7rem; */
    /* height: auto; */
}

.main-category .sub-category-item .product-image.sm-image {
    /* height: 24.5rem; */
    height: auto;
}

.main-category .sub-category-item+.sub-category-item {
    margin-top: 7rem;
}

.product-feature img {
    display: block;
    width: 100%;
    height: 59.779rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    object-fit: cover;
    overflow: hidden;
}

.product-feature .badge-secondary {
    position: absolute;
    top: 1.9rem;
    left: 0;
    background: #ed1c24;
    color: #fff;
    max-width: 12.3rem;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

.product-feature h1 {
    color: #4a4a4a;
    margin-bottom: 0;
    line-height: 1.2;
}

.product-feature p {
    color: #999999;
    font-weight: normal;
}

.product-image,
.edition-image,
.image-journal,
.journal-category .journal-image,
.journal-carousel .carousel-image,
.journal-category-image,
.sub-product-image,
.article-image {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 800ms ease-in-out;
}


/* .shop-product-image {
    cursor: zoom-in;
} */

.product-image img,
.edition-image img,
.image-journal img,
.journal-category .journal-image img,
.journal-carousel .carousel-image img,
.journal-category-image img,
.sub-product-image img,
.article-image img {
    transition: 800ms;
}

.product-image .action-buttons,
.edition-image .action-buttons,
.image-journal .action-buttons,
.journal-category .journal-image .action-buttons,
.journal-carousel .carousel-image .action-buttons,
.journal-category-image .action-buttons,
.sub-product-image .action-buttons,
.article-image .action-buttons {
    position: absolute;
    top: 2rem;
    right: 3.2rem;
    height: auto;
    bottom: 0;
}

.product-image:hover img,
.edition-image:hover img,
.image-journal:hover img,
.journal-category .journal-image:hover img,
.journal-carousel .carousel-image:hover img,
.journal-category-image:hover img,
.sub-product-image:hover img,
.article-image:hover img {
    /* display: block;
  transform: scale(1.1);
  transition: 800ms; */
}

.edition-parent .carousel-child:first-child .edition-image:after:hover {
    /* overflow: hidden;
  cursor: pointer;
  transition: all 800ms ease-in-out; */
}

.edition-parent .carousel-child:first-child .edition-image:after:hover img {
    /* display: block;
  transform: scale(1.1);
  transition: 800ms; */
}

.discovery-parent .carousel-description,
.following-parent .carousel-description {
    /* transition: all 800ms ease-in-out; */
}

.discovery-parent .carousel-description:hover,
.following-parent .carousel-description:hover {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
    /* cursor: pointer;
  transform: scale(1.5);
  transition: 800ms; */
}

.bookmark-button i {
    font-size: 2rem;
}

.sub-category-list {
    max-width: 36rem;
    width: 100%;
    margin-bottom: 8.8rem;
}

.sub-category-list .sub-category-title {
    font-size: 2rem;
    font-weight: 600;
    color: #4a4a4a;
    line-height: 1.4;
    margin-bottom: 1.6rem;
}

.sub-category-list .sub-category-title.lg-title {
    font-size: 2.4rem;
    line-height: 1.17;
    margin: 0;
}

.sub-category-list .category-navigation {
    margin: 1.7rem 0 1.4rem 0.3rem;
}

.category-description {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.38;
    color: #999999;
}

.bg-grey {
    background: #f7f7f7;
}

.discover-category {
    padding: 6.7rem 0 8.2rem;
}

.discover-category h2 {
    font-size: 2.8rem;
    font-weight: normal;
    margin-bottom: 4rem;
}

.discover-category .slide {
    margin-right: 3rem;
}

.category-listing .product-feature {
    position: relative;
    height: 100%;
}

.category-listing .product-feature.spacer {
    padding-bottom: 6.7rem;
}

.category-listing .col {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}

.category-listing .product-image {
    height: 41.5rem;
}

.category-listing .product-image.sm-image {
    height: 34.7rem;
    /* height: auto; */
}

.category-listing .author-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 5rem;
}

.category-listing .category-navigation {
    margin: 1.9rem 0 1.5rem;
}

.category-listing p {
    font-size: 2rem;
    font-weight: 600;
    color: #4a4a4a;
}

.category-listing p.edition-title {
    font-size: 2.4rem;
    padding-top: 1.8rem;
}

.category-listing.journal-listing .product-image {
    /* height: 37.5rem; */
}

.category-listing .description-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.75;
    color: #999999;
    padding: 14px 0 0;
}

.category-listing .author-block {
    padding-top: 2.7rem;
}

.edition-content .author-block {
    padding-top: 3.2rem;
}


/* newsletter section */

.newsletter-wrapper {
    background: url("https://www.beautifulhomes.com/content/dam/beautifulhomes/images/newletter-bg.png") no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100%;
    padding: 3.15rem 0;
    color: #fff;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.newsletter-wrapper h2 {
    font-size: 2.5rem;
    margin: 0;
    padding-right: 0rem;
    line-height: 1.33;
    max-width: 100%;
}

.newsletter-wrapper p {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.7rem;
}

.newsletter-wrapper .btn-outline {
    font-size: 1.6rem;
    padding: 1rem 0;
}

.newsletter-wrapper .custom-input-group .form-control {
    border-right-color: #f2f2f3;
}

.news-letter-addon .input-addon i {
    color: #999999;
}

.edition-list {
    position: relative;
}

.edition-list .category-navigation {
    margin: 5.4rem 0 1.4rem;
}

.edition-list .secondary-link {
    position: relative;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.68rem;
    font-weight: normal;
    line-height: 1.71;
}

.edition-list .secondary-link:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: inherit;
    height: 1px;
    background: #ed1c24;
}

.edition-list h3 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.25;
    color: #4a4a4a;
}

.edition-list .load-more-btn {
    max-width: 25.8rem;
    margin: 0 auto;
    width: 100%;
}

.author-text,
.author-text a {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    color: #999999;
    border-bottom: 1px solid transparent;
}

.author-text a.dotted:after {
    position: absolute;
    content: "";
    top: 7px;
    right: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #999999;
}

.author-text a:hover {
    border-bottom-color: #999999;
}

.section-title {
    margin-bottom: 4rem;
}

.section-title h2 {
    font-size: 2.8rem;
    font-family: "Crimson Text", serif;
    font-weight: normal;
    color: #4a4a4a;
    line-height: 0.9;
    margin: 0;
}

.section-title h2 a {
    font-size: 2rem;
    color: #4a4a4a;
}

.section-title .btn-blank:focus,
.section-title .btn-blank:hover {
    color: #ed1c24;
}

.load-more-btn {
    position: relative;
    margin: 0;
    padding: 0.8rem 2.92rem;
    font-size: 1.56rem;
    font-weight: 700;
}


/* followinf section */

.sub-products {
    position: relative;
}

.sub-product-image.sm-image {
    /* max-height: 197px; */
    height: 164px;
}

.sub-category-title {
    font-size: 2.4rem;
    font-weight: 600;
}

.sub-product-content .description-text {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.38;
}

.sub-product-content .category-navigation {
    margin-top: 1.8rem;
}


/* lifestyle */

.lifestyle-banner img {
    max-width: 100%;
    width: 100%;
    height: inherit;
    object-fit: contain;
    -o-object-position: contain;
}

.flickity-prev-next-button.previous {
    left: auto;
    right: 17%;
}

.flickity-prev-next-button.next {
    right: 8px;
    left: auto;
}

.lifestyle-parent {
    margin-top: -10rem;
    position: relative;
    z-index: 25;
}

.lifestyle-parent .carousel-child {
    border-radius: 4.8px;
    -webkit-border-radius: 4.8px;
    -moz-border-radius: 4.8px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    -moz-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    overflow: hidden;
}

.lifestyle-card {
    padding: 2.5rem 2.5rem 3.2rem;
    width: 100%;
    background: #fff;
}

.lifestyle-card .category-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1.68rem;
}

.lifestyle-card .category-title a {
    color: #ed1c24;
}

.lifestyle-card p {
    min-height: 9rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 3.2rem;
}

.social-content {
    padding-bottom: 3rem;
    max-width: 26.5rem;
    width: 100%;
}

.social-content div {
    width: 100%;
    height: 100%;
}

.social-container {
    padding-bottom: 7rem;
}

.social-counter {
    font-size: 2.4rem;
    font-weight: 600;
    padding: 1.6rem 1rem 0 0;
    color: #4a4a4a;
}

.social-counter i {
    display: inline-block;
    vertical-align: middle;
    padding-right: 1.4rem;
    color: #ed1c24;
}

.social-counter span {
    display: inline-block;
    padding-left: 1rem;
    text-transform: lowercase;
}

.social-icons {
    margin: 6rem 0;
}


/* carousel */

.carousel-content {
    width: 100%;
    margin: 0;
}

.carousel ul,
.carousel-content li {
    list-style: none;
}

.carousel-parent,
.discovery-parent,
.following-parent,
.lifestyle-parent,
.edition-parent {
    width: 100%;
}

.discovery-parent,
.following-parent {
    margin: 0.25rem 0;
}

.discovery-parent .carousel-child,
.following-parent .carousel-child {
    margin: 0.25rem 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    /* -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3); */
    background: #f0f0f0;
}

.discovery-parent .carousel-child img,
.following-parent .carousel-child img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.following-parent .product-image {
    height: 100%;
}

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

.carousel-child {
    background: transparent;
    border-radius: 5.6px;
    -webkit-border-radius: 5.6px;
    -moz-border-radius: 5.6px;
    float: left;
    position: relative;
    overflow: hidden;
}

.no-pagination .flickity-page-dots {
    display: none;
}

.flickity-page-dots {
    width: 65%;
}

.flickity-page-dots .dot {
    width: 6px;
    height: 6px;
    background: #999999;
}

.flickity-page-dots .dot.is-selected {
    width: 10px;
    height: 10px;
    border: 1px solid#ed1c24;
    background: #fff;
}


/* Flickity Css Edit Start */

.flickity-prev-next-button {
    top: 50%;
    width: 3.7rem;
    height: 3.7rem;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


/* Flickity Css Edit End */

.discovery-parent:after,
.carousel-parent:after,
.following-parent:after,
.lifestyle-parent:after,
.tags-parent:after,
.edition-parent:after,
.journal-parent:after,
.shopping-parent:after {
    content: "flickity";
    display: none;
}

.discovery-parent .carousel-child,
.following-parent .carousel-child,
.lifestyle-parent .carousel-child {
    max-width: 26.3rem;
    width: 100%;
    height: 18.15rem;
    margin-right: 3rem;
}

.discovery-parent .carousel-child .carousel-description,
.following-parent .carousel-child .carousel-description,
.lifestyle-parent .carousel-child .carousel-description {
    position: absolute;
    content: "";
    top: -5px;
    left: 0;
    right: 0;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0 9rem;
    text-transform: uppercase;
}

.journal-parent .carousel-child {
    height: 20rem;
}

.tags-parent {
    height: 6.8rem;
    border-top: 1px solid#999999;
    border-bottom: 1px solid#999999;
    padding: 0 3rem;
    margin-bottom: 6rem;
}

.tags-parent .carousel-child {
    min-width: 12.6rem;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 2rem 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.tags-parent .carousel-child+.carousel-child {
    margin-left: 1rem;
}

.tags-parent label {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 28px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #4a4a4a;
    padding: 0.5rem 2.815rem;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0;
    border: 1px solid#999999;
    cursor: pointer;
}

.tags-parent .flickity-prev-next-button.next {
    right: -2rem;
    left: auto;
}

.tags-parent .flickity-prev-next-button.previous {
    left: -2rem;
    right: auto;
}

.lifestyle-parent .carousel-child {
    max-width: 35.9rem;
    height: 23rem;
    margin-bottom: 2rem;
}

.description-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
}

.description-text a {
    color: inherit;
    display: inline-block;
}

.edition-parent h3 {
    font-weight: 600;
}

.edition-parent .description-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.75;
    color: #999999;
}

.edition-parent .carousel-child {
    max-width: 26.3rem;
    width: 100%;
    margin: 0 1.5rem 5rem 1.4rem;
    min-height: 40rem;
    border: none;
}

.edition-parent .carousel-child:last-child {
    margin-right: 0;
}

.edition-parent .carousel-child:first-child {
    max-width: 100%;
    width: 100%;
    flex: 1 1 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    /* min-height: 53rem; */
    min-height: auto;
}

.edition-parent .carousel-child:first-child .edition-image {
    max-width: 65.2rem;
    width: 100%;
    /* height: 52.8rem; */
    flex: 0 0 65.2rem;
    position: relative;
    background: #f0f0f0;
}

.edition-parent .carousel-child:first-child .edition-image img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    object-fit: cover;
}

.edition-parent .carousel-child:first-child .edition-image:after {
    /* position: absolute;*/
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 106, 121, 0.04);
}

.edition-parent .edition-image {
    background: #f0f0f0;
}

.edition-parent .edition-image img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.edition-parent .carousel-child:first-child .edition-content {
    padding: 2rem 3rem 0 5.4rem;
}

.edition-parent .carousel-child:first-child .edition-content .description-text {
    margin: 3rem 0 3.5rem;
}

.edition-parent .carousel-child:first-child .edition-content .description-text.sm-text {
    margin: 5rem 0 2.8rem;
}

.edition-parent .carousel-child:first-child .edition-content .author-text {
    color: #999999;
    font-size: 1.2rem;
}

.edition-parent .product-feature img {
    max-width: 100%;
    height: auto;
}

.edition-parent .category-navigation {
    margin: 2rem 0 1.4rem;
}

.edition-parent .description-limited {
    font-size: 2rem;
    font-weight: 600;
}

.edition-parent .edition-image {
    height: 164px;
    /* height: auto; */
}

.edition-parent .category-tags label:hover {
    border-bottom: 1px solid#ed1c24;
}

.carousel-content:nth-child(2n+1) .edition-parent .carousel-child:first-child {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.edition-content .carousel-child:first-child {
    padding: 2rem 5.4rem 0 4.5rem;
}

.carousel-content.single-edition .edition-parent .carousel-child:first-child {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.following-parent .carousel-child .carousel-description {
    background-color: rgba(106, 106, 106, 0.83);
}

.flickity-prev-next-button .flickity-button-icon {
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
}

.flickity-button {
    background: #ed1c24;
    color: #fff;
}

.flickity-button:focus,
.flickity-button:hover {
    background: #ed1c24;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* category page css */

.page-content h1 {
    font-size: 6rem;
    font-weight: normal;
    font-family: "Crimson Text", serif;
    line-height: 1;
    padding-top: 10.8rem;
    font-weight: 400;
}

.page-content p {
    font-size: 2rem;
    font-weight: normal;
    margin: 1.2rem 0 4rem;
    line-height: 1.2;
}

.page-content .btn-group {
    margin-bottom: 8rem;
}

.page-content .btn-group .btn {
    padding: 0.6rem 4.25rem;
    font-size: 1.2rem;
}

.page-content .btn-group .btn i {
    display: inline-block;
    margin-right: 1rem;
    width: 1.8rem;
    height: 1.7rem;
}

.page-content .tags-parent {
    margin-bottom: 4rem;
}

.sub-product-image {
    max-width: 100%;
    height: 22.7rem;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
}

.sub-product-image.px-0 {
    padding: 0;
}

.sub-product-image.py-0 {
    padding: 0;
}

.sub-product-image img {
    object-fit: contain;
    /* object-fit: cover; */
    max-width: 100%;
    height: 100%;
}

.sub-product-content.px-0 {
    padding: 0;
}

.sub-product-content.py-0 {
    padding: 0;
}

.sub-product-feature .spacer {
    position: relative;
    padding-bottom: 2.5rem;
}

.sub-product-feature .author-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 15px;
}

.sub-product-feature .btn {
    min-width: 15.6rem;
    height: 4rem;
    margin: 0;
}

.sub-product-feature .sub-product-content .description-text {
    font-family: "Nunito Sans", sans-serif;
    padding-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.38;
}

.sub-product-feature .sub-product-content .description-text.sm-text {
    font-size: 1.6rem;
    font-weight: normal;
}

.category-tags {
    position: relative;
}

.category-tags:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #999999;
    right: -2px;
    left: auto;
    top: 42%;
}

.category-tags label {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
    /* text-transform: uppercase; */
    margin-right: 9px;
}

.category-tags label span {
    font-size: 1.2rem;
    font-weight: 700;
}

.category-tags label a {
    color: #ed1c24;
    transition: 300ms;
}

.category-tags label a:hover {
    border-bottom: 1px solid#ed1c24;
    transition: 300ms;
}

.tags-category {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 20.4rem;
    padding: 5rem 0 2rem;
}

.tags-category h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.tags-category .category-tags:after {
    display: none;
}

.tags-category .category-tags .label-white {
    background: #fff;
    padding: 0.8rem 1.5rem;
    border-radius: 5.2px;
    -webkit-border-radius: 5.2px;
    -moz-border-radius: 5.2px;
    font-size: 1.4rem;
    color: #4a4a4a;
    margin-bottom: 1.4rem;
    vertical-align: middle;
    line-height: normal;
    height: 36px;
}

.tags-category .category-tags .label-white a {
    display: inline-block;
    width: inherit;
    height: inherit;
    cursor: pointer;
    color: #4a4a4a;
}

.tags-category .category-tags .label-white a:hover,
.tags-category .category-tags .label-white a:focus {
    color: #4a4a4a;
    text-decoration: none;
    border: 0;
}

.tags-category .category-tags .label-white span {
    color: #ed1c24;
    /* margin-right: 2px; */
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.main-article {
    /*padding-top: 3rem;*/
    padding-top: 10rem;
}

.main-article .product-image {
    max-width: 58%;
    width: 100%;
    flex: 1 1 58%;
    text-align: center;
    margin: 0 auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.main-article .product-image h2 {
    font-size: 3.2rem;
    padding-right: 5rem;
}

.main-article .product-description {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    max-width: 42%;
    flex: 1 1 42%;
}

.main-article .product-content {
    padding: 0 8rem;
    max-width: 70%;
}

.main-article .product-content h1 {
    line-height: 1.25;
    margin-bottom: 0;
}

.main-article .product-content h2 {
    font-size: 3.2rem;
    line-height: 1.69;
}

.main-article .product-content.left-content {
    padding: 2rem 8rem;
}

.main-article .product-content .category-navigation {
    margin-top: 6rem;
}

.main-article .description-text {
    font-size: 1.6rem;
    line-height: 1.75;
}

.main-article .author-block {
    padding-top: 5rem;
}


/* Jouranl Page css */

.video-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: 63rem;
}

.video-container .action-buttons {
    position: absolute;
    top: 2rem;
    right: 3.2rem;
    z-index: 54;
}

.youtube,
.multiple-video {
    background-color: #000;
    position: relative;
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    opacity: 0.8;
}

.multiple-video img {
    width: 100%;
    opacity: 0.8;
}

.play-button {
    max-width: 100%;
    width: 100px;
    height: 100px;
    background: url("https://www.beautifulhomes.com/content/dam/beautifulhomes/images/play-white.png") no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 1;
    opacity: 0.8;
}

.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    bottom: 20px;
    left: 20px;
    transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.multiple-video img,
.multiple-video .play-button {
    cursor: pointer;
}

.multiple-video iframe,
.multiple-video .play-button,
.multiple-video .play-button:before {
    position: absolute;
}

.multiple-video .play-button,
.multiple-video .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.multiple-video iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.journal-image {
    position: relative;
}

.journal-image img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.action-buttons .btn+.btn {
    margin-top: 0;
    margin-left: 3.2rem;
}

.action-buttons .btn {
    margin-left: 3.2rem;
    -webkit-box-shadow: 2px 4px 6px 1px rgba(74, 74, 74, 0.5);
    -moz-box-shadow: 2px 4px 6px 1px rgba(74, 74, 74, 0.5);
    box-shadow: 2px 4px 6px 1px rgba(74, 74, 74, 0.5);
}

.action-buttons .btn:first-child {
    margin: 0;
}

.action-buttons .share-with .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.action-buttons .share-with .close-btn {
    color: #4a4a4a;
}

.full-screen-btn {
    position: absolute;
    right: 0;
    bottom: 3.2rem;
}

.btn-rounded {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.btn-rounded .bookmark-checkbox {
    margin: 0;
    width: inherit;
    height: inherit;
}

.btn-rounded .bookmark-checkbox .checkmark {
    left: 0px;
    top: 2px;
    text-align: center;
    margin: 2px auto 0;
}

.btn-rounded .bookmark-checkbox .checkmark:after {
    font-size: 16px;
}

.btn-rounded .icon {
    margin: 0;
}

.btn-rounded .icon-share {
    font-size: 15px;
    margin: 0;
}

.journal-content p {
    font-family: "Nunito Sans", sans-serif;
    color: #4a4a4a;
    font-weight: normal;
    margin: 0;
}

.journal-qoute {
    display: block;
    font-weight: normal;
    font-family: "Nunito Sans", sans-serif;
    padding: 10rem 1rem;
    text-align: center;
    line-height: normal;
    color: #4a4a4a;
}

.journal-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 0 0 3rem;
    line-height: 1.89;
    margin: 0;
    color: #4a4a4a;
}

.rte-component li {
    margin-left: 20px !important;
    padding-bottom: 0 !important;
}

.rte-component p,
.rte-component li {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 0 0 3rem;
    line-height: 1.89;
    margin: 0;
    color: #4a4a4a;
}

.journal-text.pb-0 {
    padding-bottom: 0;
}

.journal-text.journal-qoute-sm {
    font-size: 2rem;
    display: block;
    color: #4c4c4c;
}

.journal-text.journal-qoute-sm.pb-0 {
    padding-bottom: 0;
}

.journal-text.journal-qoute-sm:last-child {
    padding-bottom: 0;
}

.journal-text a {
    color: inherit;
}

.journal-text a:hover {
    color: #ed1c24;
}

.journal-category-image {
    position: relative;
    height: 63rem;
    max-width: 78.1rem;
    width: auto;
    background: #f0f0f0;
}

.journal-category-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.terms-content .journal-text {
    font-family: "Nunito Sans", sans-serif;
}

.half-width {
    display: block;
    width: 100%;
    max-width: 100%;
}

.carousel-container {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.carousel-nav {
    height: 11rem;
}

.carousel-nav .carousel-cell {
    margin-right: 1rem;
    height: 10rem;
    width: 10rem;
    z-index: 55;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    transition: 0.3s;
}

.carousel-nav .carousel-cell.is-nav-selected {
    border: 1px solid#ed1c24;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: 0.3s;
}

.carousel-nav .carousel-cell img {
    height: 100%;
    object-fit: cover;
}

.hide-thumbnail {
    visibility: hidden;
}


/* lightbox carousel*/

.lightbox-carousel {
    position: relative;
    z-index: 3;
}

.lightbox-carousel .flickity-viewport {
    overflow: visible;
    padding: 0 20px;
}

.lightbox-carousel .carousel-item {
    width: 100%;
    margin-right: 1rem;
}

.lightbox-carousel .carousel-item .carousel-image img {
    max-width: 100%;
    width: auto;
    object-fit: cover;
    max-height: 420px;
}

.shop-the-look-carousel {
    position: relative;
    z-index: 3;
}

.shop-the-look-carousel .flickity-viewport {
    overflow: visible;
    padding: 0 20px;
}

.shop-the-look-carousel .carousel-item {
    width: 100%;
    margin-right: 1rem;
}

.shop-the-look-carousel .carousel-item .carousel-image img {
    max-width: 100%;
    width: auto;
    object-fit: cover;
    max-height: 420px;
}

.lightbox-carousel~.carousel-nav {
    visibility: visible;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 55;
}

.lightbox-carousel .action-buttons {
    position: absolute;
    bottom: auto;
    top: -10px;
}

.lightbox-carousel .flickity-prev-next-button.next {
    right: 0;
}

.lightbox-carousel .flickity-prev-next-button.previous {
    left: 0;
}

.lightbox-carousel .flickity-prev-next-button {
    top: 40%;
    display: block;
}

.journal-carousel {
    min-height: 75.9rem;
    width: 100%;
    padding-bottom: 13rem;
}

.journal-carousel .carousel-item {
    display: inline-block;
    /* set min-width, allow images to set cell width */
    min-width: 39.2rem;
    max-width: 59.9rem;
    width: 100%;
    height: auto;
    margin-right: 5rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.journal-carousel .carousel-item .carousel-image {
    height: 59.9rem;
    position: relative;
    background: #f0f0f0;
}

.journal-carousel .carousel-item img {
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.journal-carousel .carousel-item .action-buttons {
    z-index: 5;
}

.journal-carousel .flickity-page-dots {
    bottom: 8rem;
    width: 100%;
}

.journal-carousel .flickity-prev-next-button {
    top: 40%;
}

.journal-carousel .flickity-fullscreen-button-view {
    display: none;
}

.journal-carousel .image-description {
    min-height: 12rem;
    max-height: 12rem;
}

.journal-image .image-journal {
    position: relative;
    max-height: 78.8rem;
    font-size: 0;
}


/* .journal-categories .journal-image img {
    width: 100%;
    height: 64.3rem;
  } */

.journal-categories .journal-image img {
    /* object-fit: contain; */
    width: 100%;
    height: 100%;
}

.journal-categories .journal-category {
    max-width: 31%;
    width: 100%;
    padding-bottom: 10rem;
}


/* .journal-categories .journal-category .journal-image {
  max-width: 100%;
  height: 64.3rem;
  } */

.journal-categories .journal-category .journal-image {
    height: 64.3rem;
    display: inline-block;
    width: 100%;
    background: #f0f0f0;
}

.journal-categories .journal-category p {
    padding: 1.8rem 3em 0;
    margin: 0;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
}

.journal-author>div:first-child {
    border-top: 1px solid #f2f2f3;
    border-bottom: 1px solid #f2f2f3;
    padding: 2rem 5rem 2.2rem 7rem;
}

.author-details h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #505d68;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.author-details p {
    font-size: 1.2rem;
    font-weight: 600;
    font-style: normal;
    color: #999999;
    padding-right: 1rem;
    line-height: 1.5;
    margin: 0;
}

.author-details p a,
.author-details p a:hover {
    color: #a4a4a4;
}

.image-description {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 1.8rem 2rem 2rem;
    min-height: 4rem;
    margin: 0;
    line-height: 1.71;
    color: #4a4a4a;
    text-align: center;
}

.image-description.pb-0 {
    padding-bottom: 0;
}

.read-counter {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    color: #4a4a4a;
}

.shopping-journal {
    padding: 4.3rem 6.7rem;
}


/* shoppng journal carousel */

.shopping-parent {
    height: 40rem;
    padding: 0 5rem;
}

.shopping-parent .carousel-child {
    /* max-width: 27.4rem; */
    width: 27.4rem;
    height: 100%;
    /* width: 100%; */
    /* height: 38.7rem; */
    margin-right: 3rem;
}

.shopping-parent .carousel-child .product-image {
    width: 100%;
    height: 328px;
    /* height: auto; */
}

.shopping-parent .carousel-child .product-details {
    margin: -5rem 0rem 0;
    position: relative;
    padding: 1rem;
    min-height: 110px;
    max-height: 110px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    -moz-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
}

.shopping-parent .carousel-child .product-details p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.shopping-parent .carousel-child .product-details .price-tag {
    font-size: 16px;
    font-weight: 600;
}

.shopping-parent .carousel-child .btn {
    font-size: 1.2rem;
    padding: 6px 10px;
}

.shopping-parent .flickity-prev-next-button.previous {
    left: 0;
    right: auto;
}

.shopping-parent .flickity-prev-next-button.next {
    right: 0;
    left: auto;
}

.shopping-parent .flickity-page-dots {
    width: 100%;
}

.share-details .btn-rounded .icon-share {
    font-size: 20px;
}


/*Share popup*/

.share-popup {
    position: relative;
}

.share-with.open {
    opacity: 1;
    visibility: visible;
    top: 50px;
    z-index: 54;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.share-with {
    position: absolute;
    right: -32px;
    top: 70px;
    width: 289px;
    background: #ffffff;
    padding: 20px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid#999999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

.share-with:before,
.share-with:after {
    position: absolute;
    bottom: 100%;
    right: 30px;
    content: "";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.share-with:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 18px;
    margin-left: -18px;
}

.share-with:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #a4a4a4;
    border-width: 19px;
    margin-left: -19px;
}

.share-with label {
    color: #999999;
    font-size: 12px;
}

.share-with ul {
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 0 -15px;
}

.share-with ul li {
    width: 25%;
    padding: 15px 8px 0;
}

.share-with ul li .share-icon-item {
    text-align: center;
}

.share-with ul li .share-icon-item .share-icon img {
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.share-with ul li .share-icon-item .share-icon-name {
    color: #4a4a4a;
    font-size: 10px;
    padding: 8px 0 0;
    word-break: break-word;
    white-space: normal;
}

.flickity-fullscreen-button {
    display: none;
}


/* saved articles page */

.search-container .btn+.btn {
    margin: 0;
    margin-left: 25px;
}

.search-group {
    max-width: 51.3rem;
    width: 100%;
    position: relative;
    background-color: #f2f2f3;
}

.search-group.focused-content {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    transition: 300ms;
}

.search-group i.icon-search {
    position: absolute;
    left: 25px;
    right: auto;
    top: 10px;
    z-index: 2;
    border: 0;
    font-size: 2.4rem;
    color: #9b9b9b;
}

.search-group .icon-cancel {
    font-size: 1.5rem;
    color: #4a4a4a;
}

.search-group button {
    padding: 12px 15px;
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.search-group .search-result-container {
    position: absolute;
    width: 100%;
    top: 44px;
    left: 0;
    right: auto;
    background: #fff;
    z-index: 55;
    max-height: 230px;
    overflow-y: auto;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(175, 175, 175, 0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(175, 175, 175, 0.5);
    box-shadow: 0px 1px 1px 0px rgba(175, 175, 175, 0.5);
}

.search-group .search-result-container li a {
    padding: 12px 24px;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    color: #999999;
    width: 100%;
    word-break: break-word;
}

.search-group .search-result-container li a:hover {
    color: #ed1c24;
}

.search-group .form-group {
    margin-bottom: 0;
    padding-bottom: 4rem;
}

.search-group input.form-control,
.search-group input[type="text"] {
    min-height: 44px;
    padding-left: 6.4rem;
    padding-right: 5.4rem;
    background-color: #f2f2f3;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    transition: 300ms;
    font-family: "Nunito Sans", sans-serif;
    width: 100%;
}

.search-group input.form-control+.icon-search,
.search-group input[type="text"]+.icon-search {
    color: #9b9b9b;
}

.search-group input.form-control:focus,
.search-group input[type="text"]:focus {
    background-color: #fff;
}

.search-group input.form-control:focus+.icon-search,
.search-group input[type="text"]:focus+.icon-search {
    color: #ed1c24;
}

.search-group .btn+.btn {
    margin: 0;
}

.clear-btn {
    margin-left: 25px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    color: #4a4a4a;
}

.articles-container {
    width: 100%;
}

.article-content {
    max-width: 100%;
    width: 100%;
    padding-bottom: 10rem;
}

.article-content .category-navigation {
    margin-top: 0;
}

.article-content .category-navigation a {
    font-size: 1.2rem;
}

.article-content .article-image,
.article-content .article-video {
    max-width: 37.7%;
    flex: 1 1 37.7%;
    width: 100%;
    height: 20rem;
}

.article-image {
    background: #f0f0f0;
}

.article-image img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.article-content .article-image img,
.article-content .article-video img {
    max-width: 100%;
    height: auto;
}

.article-content .article-description {
    max-width: 55.53%;
    flex: 1 1 55.53%;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
}

.article-content .article-video {
    display: flex;
    align-items: center;
    background: rgba(164, 164, 164, 0.25);
}

.article-content .article-video .youtube,
.article-content .article-video .multiple-video {
    height: 100%;
    width: 100%;
    padding-top: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.article-content .article-video img {
    height: 100%;
}

.article-content .play-button {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.article-content .share-content {
    position: relative;
}

.article-content .action-buttons {
    position: relative;
}

.article-content .action-buttons .btn {
    box-shadow: none;
    border: 0;
}

.article-content .icon-share {
    font-size: 2rem;
}

.article-content p {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #4a4a4a;
    margin: 0;
}

.article-content p a {
    color: #4a4a4a;
    display: inline-block;
}

.article-content p span {
    display: inline-block;
    color: #4a4a4a;
    padding-left: 1.2rem;
}

.article-content .code-details p {
    color: #999999;
}


/* quiz content css*/

.quiz-container {
    padding: 2rem;
    background: #efefef;
}

.quiz-content {
    padding: 3rem 3rem 1.2rem;
}

.quiz-content h4 {
    font-size: 5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    padding-bottom: 1.5rem;
}

.quiz-content .question-counter {
    font-size: 1.4rem;
    font-weight: normal;
    font-family: "Nunito Sans", sans-serif;
}

.quiz-content .question p {
    font-family: "Nunito Sans", sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: normal;
    max-width: 46rem;
    color: #4a4a4a;
}

.answer-options {
    max-width: 26.2rem;
    width: 100%;
}

.answer-options .custom-checkbox {
    border: 1px solid#999999;
    border-bottom: 0;
    padding: 0.8rem 1.2rem;
}

.answer-options .custom-checkbox:first-child {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.answer-options .custom-checkbox:last-child {
    border-bottom: 1px solid#999999;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

.answer-options .custom-checkbox label {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    color: #4a4a4a;
    display: inline-block;
    line-height: 1.71;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.answer-options .custom-checkbox .checkmark {
    top: 7px;
    right: 12px;
    left: auto;
    border: 0;
    transition: 200ms;
}

.answer-options .custom-checkbox .checkmark:after {
    width: 7px;
    height: 14px;
    transition: 200ms;
}

.answer-options .form-group {
    margin-bottom: 3rem;
}

.answer-options .btn {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0;
    line-height: normal;
}

.icon-rounded {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff3f5;
}

.icon-rounded i {
    font-size: 4.4rem;
    color: #ed1c24;
}

.acknowledge-wrapper {
    padding: 3.5rem 0 3.9rem;
}

.acknowledge-wrapper h3 {
    font-size: 16px;
    font-weight: 600;
    color: #4a4a4a;
    max-width: 32rem;
    text-align: center;
    line-height: 1.38;
    margin: 2.8rem auto;
}

.acknowledge-wrapper p {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    text-align: center;
    max-width: 22.6rem;
    margin: 0 auto;
}

.articles-image-wrapper .article-image {
    max-width: 26.3rem;
    width: 100%;
    height: 36rem;
    position: relative;
    margin-bottom: 10rem;
    margin-right: 20px;
}

.articles-image-wrapper .article-image .share-with {
    max-width: 255px;
    right: -29px;
    transition: none;
}

.articles-image-wrapper .article-image .share-icon {
    transition: none;
}

.saved-search-container {
    padding-top: 6rem;
    padding-bottom: 0;
}


/* following page css*/

.following-wrapper .article-content {
    max-width: 35rem;
}

.following-wrapper .article-content .article-image {
    max-width: 16.3rem;
    flex: 1 1 16.3rem;
    height: 16.5rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.following-wrapper .article-content .article-description {
    max-width: 16.6rem;
    flex: 1 1 16.6rem;
    justify-content: space-evenly;
}

.following-wrapper .article-title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #4a4a4a;
    margin: 0;
}

.following-wrapper .btn {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 11px 25px;
    text-transform: uppercase;
}

.following-wrapper .btn i {
    display: inline-block;
    padding-right: 1rem;
}

.following-wrapper .btn.btn-disabled {
    border: 1px solid#999999;
    background: #fff;
    pointer-events: none;
    cursor: not-allowed;
    color: #4a4a4a;
}

.help-variants h3 {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 0.85;
    margin-bottom: 3rem;
    color: #4a4a4a;
}

.help-variants li a {
    display: inline-block;
    width: 100%;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    padding-bottom: 1.2rem;
    color: #999999;
}

.help-variants li a:hover,
.help-variants li a:active,
.help-variants li a:focus {
    color: #ed1c24;
}

.help-variants li:last-child a {
    padding-bottom: 0;
}

.help-variant-content {
    padding-bottom: 10rem;
}

.help-variant-content h4 a {
    font-size: 1.4rem;
    font-weight: 600;
    color: #4a4a4a;
}

.help-variant-content h4 a i:before {
    display: inline-block;
    transform: rotate(-90deg);
    font-weight: bold;
}

.help-variant-content h5 {
    font-family: "Crimson Text", serif;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1;
}

.help-variant-content p {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    color: #505d68;
    line-height: 1.33;
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 283px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.autocomplete-suggestion {
    position: relative;
    padding: 6px 24px;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4a4a4a;
}

.autocomplete-suggestion b {
    font-weight: normal;
    color: #1f8dd6;
}

.autocomplete-suggestion.selected {
    background: #f0f0f0;
}

.search-results-container .video-container {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    height: 22.7rem;
}

.search-results-container .video-container .youtube,
.search-results-container .video-container .multiple-video {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.search-results-container .play-button {
    width: 6rem;
    height: 6rem;
}

.no-results-wrapper img {
    display: inline-block;
    width: 21.6rem;
    height: 21.6rem;
    color: #ed1c24;
    margin-bottom: 3rem;
}

.no-results-wrapper p {
    font-size: 14px;
    font-weight: 600;
    color: #ed1c24;
}

.no-results-wrapper ul {
    padding-top: 2rem;
}

.no-results-wrapper ul li {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
}

.no-results-wrapper ul li i {
    display: inline-block;
    padding-right: 1rem;
}

.hideScroll {
    position: relative;
    overflow: hidden;
    padding-right: 17px;
}

.hideScroll .dropdown-content {
    right: -9px;
}

.carousel.is-fullscreen .carousel-image {
    max-height: 100%;
}


/*User login*/

.login-btn-wrapper {
    position: relative;
    margin-top: 7rem;
}

.login-btn-wrapper .link-text {
    position: absolute;
    top: -65px;
    right: 0;
    left: auto;
    z-index: 5;
    padding: 0;
}

.dropbtn {
    border: none;
    cursor: pointer;
}

.dropbtn:hover,
.dropbtn:focus {
    background-color: transparent;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-top: 5px;
}

.dropdown .dropbtn:focus i,
.dropdown .dropbtn:active i {
    color: #ed1c24;
}

.dropdown .icon-account {
    font-size: 2.4rem;
    color: #4a4a4a;
}

.dropdown-content {
    position: absolute;
    top: 42px;
    right: -26px;
    left: auto;
    background: #fff;
    min-width: 247px;
    width: 100%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 24px 0 0;
    display: none;
}

.dropdown-content:before,
.dropdown-content:after {
    position: absolute;
    bottom: 100%;
    right: 30px;
    content: "";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.dropdown-content:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #a4a4a4;
    border-width: 15px;
    margin-left: -15px;
}

.dropdown-content.show {
    display: block;
}

.profile-content {
    padding: 11.5px 32px 11.5px 24px;
}

.profile-content .profile-image {
    max-width: 50px;
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 50%;
    margin-right: 2rem;
}

.profile-content .profile-image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.profile-content .btn {
    padding: 3px 0;
    max-width: 90px;
    font-size: 10px;
    font-weight: normal;
    margin-top: 1rem;
}

.dropdown-content a {
    display: inline-block;
    color: #4a4a4a;
    font-size: 1.2rem;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    width: 100%;
    padding: 11.5px 32px 11.5px 24px;
    text-decoration: none;
    border-bottom: 1px solid rgba(175, 175, 175, 0.4);
}

.dropdown-content a:first-child {
    padding-bottom: 35px;
}

.dropdown-content a:last-child {
    border: none;
}

.dropdown-content a:hover {
    color: #ed1c24;
}

.footer-label {
    position: relative;
}

.footer-label .error-text {
    font-size: 12px;
}

.lifestyle-banner .full-width {
    max-width: 100%;
    height: 400px;
    overflow: hidden;
    /* background: #f0f0f0; */
}

@media (min-width: 320px) {
    html {
        font-size: 8px;
    }
    .product-feature img {
        height: 35rem;
    }
    /* helper classes*/
    .mt-3 {
        margin-top: 2.5rem;
    }
    .mb-3 {
        margin-bottom: 1.5rem;
    }
    .mt-4 {
        margin-top: 2rem;
    }
    .mt-5 {
        margin-top: 6.25rem;
    }
    .mb-5 {
        margin-bottom: 6.25rem;
    }
    .social-container {
        white-space: nowrap;
        overflow-x: auto;
    }
    .social-content img {
        max-width: 16.5rem;
        height: 16.5rem;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 9px;
    }
    .p-8 {
        padding-bottom: 1rem;
    }
    h1,
    .newsletter-wrapper h2,
    .edition-parent h3,
    footer h2 {
        font-size: 3.2rem;
    }
    .mt-3 {
        margin-top: 3rem;
    }
    .mb-3 {
        margin-bottom: 3rem;
    }
    .mt-4 {
        margin-top: 4rem;
    }
    .mt-5 {
        margin-top: 5rem;
    }
    .mb-5 {
        margin-bottom: 5rem;
    }
    .pt-100 {
        padding-top: 6.25rem;
    }
    .newsletter-wrapper h2 {
        max-width: 75%;
        font-size: 3.2rem;
    }
    .newsletter-wrapper h2.lg-content {
        max-width: 85%;
    }
    .discovery-parent:after {
        content: "flickity";
    }
    .following-parent:after,
    .lifestyle-parent:after {
        content: "flickity";
    }
    .flickity-prev-next-button,
    .discovery-parent .flickity-prev-next-button {
        display: block;
    }
    .flickity-prev-next-button.previous {
        left: -6.4rem;
        right: auto;
    }
    .flickity-prev-next-button.next {
        right: -6.4rem;
        left: auto;
    }
    .lifestyle-parent .flickity-button {
        top: 41%;
    }
    .lifestyle-container .flickity-prev-next-button,
    .following .flickity-prev-next-button {
        display: block;
    }
    .social-content img {
        max-width: 18.5rem;
        height: 18.5rem;
    }
    .column-list.list-unstyled li {
        text-align: left;
    }
    .edition-parent {
        margin-right: 2.8rem;
        min-height: 45rem;
    }
    .edition-parent .carousel-child:first-child {
        width: 100%;
        flex-direction: row;
        margin-left: 0;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        max-width: 65.2rem;
        flex: 1;
        height: 40.8rem;
        /* height: auto; */
        flex: 1 1 65.2rem;
    }
    .edition-parent .carousel-child:first-child .edition-image img {
        width: 100%;
        height: 100%;
    }
    .edition-parent .carousel-child:first-child .edition-content {
        flex: 1;
    }
    .edition-parent .carousel-child:nth-child(2) {
        margin-left: 0;
    }
    .copyright-block {
        padding: 0;
    }
    .news-letter-addon {
        max-width: 39rem;
    }
    .main-category .product-feature h1 {
        padding-right: 15.8rem;
        padding-left: 3px;
        padding-bottom: 2rem;
    }
    .main-category .product-feature p {
        padding-right: 11.5rem;
        padding-left: 3px;
    }
    .social-container .col {
        max-width: 26.1rem;
        width: 100%;
        flex: 0 0 26.1rem;
    }
    .social-container .col img {
        width: 100%;
        height: 26.1rem;
        object-fit: cover;
    }
    .fixed-btn,
    .fixed-btn.ripple {
        right: 3rem;
    }
    .quiz-container {
        padding: 5rem 6.8rem;
    }
    .quiz-content .question p {
        font-size: 3.6rem;
    }
}

@media (min-width: 1024px) {
    .pb-100 {
        padding-bottom: 10rem;
    }
    .py-100 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .my-100 {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .my-5 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .navigation {
        display: block;
        position: relative;
        padding: 0;
        width: auto;
        height: auto;
        flex-direction: row;
        visibility: visible;
    }
    .navigation ul li {
        background-image: none !important;
    }
    .navbar-toggle {
        display: none;
    }
    .mid-text {
        max-width: 78.1rem;
        width: auto;
    }
    .product-feature img,
    .main-category .product-feature img {
        height: 53.8rem;
    }
    .category-listing .col {
        max-width: 48.65%;
        flex: 1 1 48.65%;
    }
    .category-listing.pt-sm-0 {
        padding-top: 0;
    }
    .category-listing .product-image {
        height: 41.5rem;
    }
    .category-listing .product-image img {
        height: 100%;
    }
    .lifestyle-container.carousel .flickity-prev-next-button {
        top: 33%;
    }
    .edition-wrapper .product-feature img {
        height: 58.69rem;
    }
    .edition-wrapper .edition-category img {
        height: 19rem;
    }
    .social-content img {
        max-width: 26.1rem;
        width: 100%;
        height: 26.1rem;
    }
    .social-icons {
        margin-bottom: 0;
    }
    .newsletter-wrapper h2 {
        max-width: 95%;
        font-size: 3rem;
        font-weight: 700;
        max-width: 78%;
    }
    .newsletter-wrapper h2.lg-content {
        max-width: 85%;
    }
    .newsletter-wrapper button.mt-3 {
        margin-top: 1rem;
    }
    .copyright-block {
        padding: 5.7rem 0 0;
    }
    .edition-parent .carousel-child {
        width: 100%;
    }
    .edition-parent .carousel-child:last-child {
        margin-right: 0;
    }
    .edition-parent:after {
        content: "";
    }
    .fixed-btn,
    .fixed-btn.ripple {
        right: 1%;
    }
    .half-width {
        width: 50%;
        max-width: 50%;
    }
    .main-article .product-content {
        max-width: 83%;
        padding: 5rem;
    }
    .main-article .product-content.left-content {
        padding: 2rem 4rem 2rem 0;
    }
    .article-content {
        max-width: 46%;
    }
    .main-category .product-feature {
        max-width: 62rem;
    }
    .main-category .product-image.md-image {
        max-width: 57%;
        flex: 1 1 57%;
        height: 40.6rem;
    }
    .main-category .product-content.lg-content {
        max-width: 43%;
        flex: 1 1 43%;
    }
    .main-category .product-content.lg-content h2 {
        padding-right: 0;
    }
    /*.journal-image {
      max-width: 48.8rem;
      flex: 1 1 48.8rem;
      position: relative;
    }*/
    .journal-content {
        max-width: 100%;
    }
    .journal-description .no-gutters {
        margin: 0 -15px;
    }
    .journal-description .journal-image {
        margin-left: 9.6rem;
    }
    .journal-description .journal-image:nth-of-type(odd) {
        margin-left: 0;
        margin-right: 9.6rem;
    }
    .journal-text:last-child {
        padding-bottom: 0;
    }
    .rte-component p:last-child {
        padding-bottom: 0;
    }
    .journal-qoute {
        font-size: 4rem;
    }
    .article-video .video-container {
        height: 100%;
    }
    .login-wrapper {
        max-width: 55.77%;
        flex: 1 1 55.77%;
    }
    .icon-column .share-with.open {
        right: 30px;
        left: auto;
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 10px;
    }
    .pb-8 {
        padding-bottom: 8rem;
    }
    .pt-100 {
        padding-top: 10rem;
    }
    .pb-100 {
        padding-bottom: 10rem;
    }
    .mt-100 {
        margin-top: 10rem;
    }
    .mb-100 {
        margin-bottom: 10rem;
    }
    h1,
    .edition-parent h3 {
        font-size: 4.8rem;
    }
    footer h2 {
        font-size: 3.8rem;
    }
    .conatiner {
        max-width: 1170px;
    }
    .nav-brand a {
        margin-right: 4rem;
    }
    .navigation ul li>a {
        padding-right: 3.4rem;
    }
    .fixed-btn,
    .fixed-btn.ripple {
        bottom: 20%;
    }
    .edition-parent:after {
        content: "";
    }
    .main-article .product-image {
        max-width: 58%;
        flex: 1 1 58%;
    }
    .main-article .product-description {
        max-width: 42%;
        flex: 1 1 42%;
    }
    .main-article .product-content {
        padding: 2rem 2rem 2rem 5.4rem;
        max-width: 90%;
    }
    .main-article .product-content.left-content {
        max-width: 43rem;
        padding: 2rem 5.4rem 2rem 0;
    }
    .main-article .product-content h1 {
        padding-bottom: 30px;
    }
    .main-article .product-content h1.pb-0 {
        padding-bottom: 0;
    }
    .lightbox-carousel .flickity-prev-next-button {
        position: fixed;
        top: 35%;
    }
    .lightbox-carousel .carousel-item .carousel-image img {
        max-height: 38rem;
    }
    .shop-the-look-carousel .carousel-item .carousel-image img {
        max-height: 38rem;
    }
    .carousel-nav .carousel-cell {
        width: 9rem;
        height: 9rem;
    }
    .flickity-prev-next-button.previous {
        left: -5.4rem;
    }
    .flickity-prev-next-button.next {
        right: -5.4rem;
    }
    .category-content .product-image {
        height: auto;
    }
    .product-content h2 {
        padding-right: 9rem;
    }
    .article-content {
        max-width: 46%;
    }
    .newsletter-wrapper h2 {
        max-width: 71%;
        font-size: 4.8rem;
    }
    .journal-qoute {
        font-size: 4.8rem;
    }
    .main-category .product-feature {
        max-width: 70rem;
    }
    .articles-image-wrapper .article-image:nth-child(4n) {
        margin-right: 0;
    }
    .teamlist-info h3 {
        min-height: 95px;
    }
}

@media (min-width: 1400px) {
    .navigation ul li>a {
        padding-right: 4.4rem;
    }
    .lightbox-carousel~.carousel-nav {
        height: 140px;
        bottom: 0px;
    }
    .lightbox-carousel .carousel-image {
        padding: 0;
    }
    .lightbox-carousel .carousel-item .carousel-image img {
        max-height: 44rem;
    }
    .shop-the-look-carousel .carousel-image {
        padding: 0;
    }
    .shop-the-look-carousel .carousel-item .carousel-image img {
        max-height: 44rem;
    }
    .lightbox-carousel .flickity-prev-next-button {
        top: 35%;
        position: fixed;
    }
    .carousel-nav .carousel-cell {
        width: 10rem;
        height: 10rem;
    }
    .product-content h2 {
        padding-right: 8rem;
    }
    .main-article .product-content {
        max-width: 46rem;
    }
    .main-article .product-content h2 {
        padding-right: 3rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .edition-category img {
        height: 20rem;
    }
    .category-listing .col {
        max-width: 47%;
        width: 100%;
        flex: 0 0 47%;
    }
    .edition-parent .carousel-child {
        max-width: 47%;
        width: 100%;
        margin-right: 0;
        min-height: 50rem;
        margin-bottom: 4rem;
    }
    .edition-parent .carousel-child img {
        width: 100%;
        height: 100%;
    }
    .edition-parent .carousel-child+.carousel-child {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .edition-parent .carousel-child:last-child {
        margin-right: 0;
    }
    .edition-parent .carousel-child:first-child {
        min-height: 40rem;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        max-width: 40rem;
        height: 40rem;
        flex: 0 0 40rem;
    }
    .edition-parent .carousel-child:first-child .edition-content {
        padding: 2rem;
    }
    .edition-parent .carousel-child:first-child .edition-content .description-text {
        margin: 3rem 0;
    }
    .fixed-btn,
    .fixed-btn.ripple {
        display: none;
    }
    .main-article .product-image {
        max-width: 60%;
        flex: 1 1 60%;
        height: 40rem;
    }
    .main-article .product-description {
        max-width: 40%;
        flex: 1 1 40%;
    }
    .journal-carousel .flickity-prev-next-button {
        top: 35%;
    }
    .lightbox-carousel~.carousel-nav {
        bottom: 10%;
    }
    .product-content {
        padding: 1rem 2rem;
    }
    .product-content h2 {
        font-size: 4rem;
    }
    .sub-product-image {
        height: auto;
    }
    .category-navigation {
        margin: 2rem 0;
    }
    .form-content {
        padding: 4rem 6rem;
    }
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    main {
        padding-top: 10rem;
    }
    .author-list li+li {
        margin-left: 2rem;
    }
    .flickity-button {
        display: none;
    }
    .tags-parent .flickity-button {
        display: block;
    }
    .discovery-parent .flickity-button {
        display: block;
    }
    .product-feature {
        width: 100%;
    }
    .main-category .product-feature {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .main-category .product-image {
        max-width: 100%;
        height: 40rem;
    }
    .main-category .sub-category-item+.sub-category-item {
        margin-top: 0;
        margin-left: 3rem;
    }
    .main-article .product-content {
        padding: 2rem;
    }
    .flickity-prev-next-button {
        width: 3.4rem;
        height: 3.4rem;
    }
    .flickity-prev-next-button.previous {
        left: -3.8rem;
        right: auto;
    }
    .flickity-prev-next-button.next {
        right: -3.8rem;
        left: auto;
    }
    .open-menu .navigation {
        position: fixed;
        left: 0;
        right: 0;
        top: 12rem;
        z-index: 55;
    }
    .open-menu .navigation ul {
        padding: 7rem 5rem 6rem;
    }
    .open-menu .navigation ul li {
        width: 47.5%;
        margin: 0 0 3rem;
    }
    .open-menu .navigation ul li a {
        font-size: 3rem;
        height: 20rem;
    }
    .newsletter-wrapper h2 {
        padding-right: 0;
    }
    .sub-category-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 100%;
    }
    .category-listing .product-image,
    .category-listing .product-image.sm-image {
        height: 35.5rem;
    }
    .edition-parent:after {
        content: "";
    }
    .edition-parent .carousel-child {
        max-width: 47%;
        flex: 1 1 47%;
    }
    .edition-parent .flickity-button {
        display: block;
    }
    .edition-parent .carousel-child,
    .edition-parent .carousel-child:first-child {
        height: 40rem;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        max-width: 48%;
        flex: 1 1 48%;
    }
    .edition-parent .carousel-child:first-child .edition-content {
        padding: 2rem 0 0 2rem;
    }
    .carousel-content:nth-child(2n+2) .edition-parent .carousel-child:first-child .edition-content {
        padding: 2rem;
    }
    .video-container {
        height: 50rem;
    }
    .journal-content {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .journal-category .full-screen-btn {
        top: 86%;
    }
    .full-screen-btn {
        top: 90%;
    }
    .journal-categories .journal-category {
        max-width: 48%;
    }
    .journal-categories .journal-category p {
        padding: 1rem;
    }
    .journal-categories .journal-category:nth-child(3) {
        display: none;
    }
    .journal-categories .journal-image {
        height: 40rem;
    }
    .half-width {
        width: 100%;
        max-width: 100%;
    }
    .journal-carousel {
        min-height: 70rem;
    }
    .shopping-parent {
        padding: 0;
    }
    .journal-carousel .flickity-prev-next-button {
        display: block;
    }
    .journal-carousel .flickity-prev-next-button {
        top: auto;
        bottom: 0;
    }
    .journal-carousel .flickity-prev-next-button.previous {
        right: 6rem;
        left: auto;
    }
    .journal-carousel .flickity-prev-next-button.next {
        right: 1rem;
        left: auto;
    }
    .journal-carousel .flickity-page-dots {
        width: 100%;
        text-align: center;
        bottom: 2rem;
    }
    .lightbox-carousel~.carousel-nav {
        bottom: 25%;
    }
    .journal-text:last-child {
        padding-bottom: 2.5rem;
    }
    .rte-component p:last-child {
        padding-bottom: 2.5rem;
    }
    .journal-author>div:first-child {
        padding: 2rem 1rem;
    }
    .category-listing.journal-listing .product-image {
        height: 27rem;
    }
    .main-category .product-content.lg-content {
        max-width: 100%;
        flex: 1 1 100%;
        padding: 2rem 0;
    }
    .main-category .product-content.lg-content h2 {
        margin-bottom: 1rem;
    }
    .newsletter-wrapper h2 {
        max-width: 95%;
    }
    .sub-products .load-more-btn {
        bottom: 0;
    }
    .quiz-content .question p {
        max-width: 30rem;
    }
    .login-wrapper .form-content {
        padding-left: 0;
    }
    .articles-image-wrapper .article-image {
        max-width: 34rem;
        height: auto;
        margin-right: 35px;
    }
    .journal-image .image-journal {
        max-width: 100%;
        height: auto !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .flickity-prev-next-button.next {
        right: -4.4rem;
        left: auto;
    }
    .flickity-prev-next-button.previous {
        left: -4.4rem;
        right: auto;
    }
    .product-feature {
        max-width: 56rem;
        flex: 1 1 56rem;
    }
    .product-feature img {
        height: 40rem;
    }
    .main-category .product-feature {
        max-width: 60rem;
        flex: 1 1 60rem;
    }
    .main-category .product-feature img {
        height: 45rem;
    }
    .main-category .sub-category-list {
        max-width: 35rem;
        flex: 1 1 35rem;
    }
    .main-category .product-image.md-image {
        max-width: 55%;
        flex: 1 1 55%;
    }
    .main-category .product-content.lg-content {
        max-width: 45%;
        flex: 1 1 45%;
    }
    .nav-brand a {
        margin: 0 5rem 0 0;
        max-width: 14rem;
    }
    .navigation ul li a {
        padding-right: 2.5rem;
    }
    .edition-parent .carousel-child {
        max-width: 23.95rem;
        flex: 1 1 23.59rem;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        max-width: 52rem;
        flex: 0 0 52rem;
    }
    .edition-parent:after {
        content: "";
    }
    .fixed-btn,
    .fixed-btn.ripple {
        right: 5rem;
    }
    .journal-content {
        max-width: 100%;
        /* max-width: 46.5rem; */
        flex: 1 1 46.5rem;
    }
    .journal-description .journal-content {
        max-width: 46.5rem;
        flex: 1 1 46.5rem;
    }
    .lightbox-carousel~.carousel-nav {
        bottom: 0;
    }
    .main-article .product-content {
        max-width: 100%;
        padding: 2rem 6rem 2rem 5rem;
    }
    .article-content {
        max-width: 46%;
    }
    .article-content .category-navigation {
        margin-top: 0;
    }
    .articles-image-wrapper .article-image {
        max-width: 30.3rem;
        margin-right: 30px;
    }
    .articles-image-wrapper .article-image:nth-child(3n) {
        margin-right: 0;
    }
    .mt-100 {
        margin-top: 10rem !important;
    }
    .journal-description .row:first-child .journal-image {
        margin-top: 2.5rem;
    }
    .rte-component .journal-content {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .mt-100 {
        margin-top: 10rem;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .navigation {
        position: fixed;
        left: 0;
        right: 0;
        top: 12rem;
        z-index: 55;
    }
    header {
        padding: 2rem 7rem;
    }
    .container {
        max-width: 100%;
        padding-right: 25px;
        padding-left: 25px;
    }
    main {
        padding-top: 7rem;
    }
    .main-category .product-feature {
        max-width: 100%;
    }
    .main-category .product-feature img {
        object-fit: cover;
        height: 32rem;
    }
    .main-category .sub-category-list {
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        flex: 1 1 100%;
    }
    .main-category .sub-category-list .sub-category-item+.sub-category-item {
        margin: 0;
        margin-left: 4rem;
    }
    .product-feature img {
        height: 25rem;
    }
    .edition-parent:after {
        content: "flickity";
        display: none;
    }
    .edition-parent .carousel-child {
        min-height: 40rem;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        max-width: 42rem;
        flex: 0 0 42rem;
    }
    .social-container .col-3 {
        max-width: 30%;
        flex: 0 0 30%;
    }
    .page-content h1 {
        font-size: 4rem;
    }
    .article-content {
        max-width: 100%;
        padding-bottom: 5rem;
        overflow: visible;
        max-height: 100%;
    }
    .article-content p {
        font-size: 1.77rem;
    }
    .article-content .category-navigation {
        margin-top: 0;
    }
    .article-content .description {
        max-height: 5.25rem;
        overflow: hidden;
    }
    .article-content .share-content {
        height: auto;
    }
    .social-container .col-3 {
        max-width: 30%;
        flex: 0 0 30%;
    }
    header,
    .sticky-header {
        padding: 2rem 7rem;
    }
    main {
        padding-top: 10rem;
    }
    .main-category .product-feature {
        max-width: 100%;
    }
    .article-content .article-image,
    .article-content .article-video {
        max-width: 30%;
        flex: 1 1 30%;
    }
    .article-content .article-description {
        max-width: 60%;
        flex: 1 1 60%;
    }
    .article-content {
        position: relative;
    }
    .article-content:after {
        position: absolute;
        content: "";
        top: auto;
        bottom: 20px;
        left: -25px;
        right: -25px;
        height: 1px;
        background: #999999;
    }
    .article-content:last-of-type:after {
        display: none;
    }
    .articles-image-wrapper .article-image:nth-child(3n) {
        margin-right: 30px;
    }
}

@media (max-width: 991px) {
    .pt-100 {
        padding-top: 5.55rem;
    }
    .pb-100 {
        padding-bottom: 5.55rem;
    }
    .mb-100 {
        margin-bottom: 5.55rem;
    }
    .my-5 {
        margin-top: 5.55rem;
        margin-bottom: 5.55rem;
    }
    .py-100 {
        padding-top: 5.55rem;
        padding-bottom: 5.55rem;
    }
    .mid-text {
        max-width: 100%;
    }
    /* header */
    header {
        position: fixed;
        padding: 2rem 4rem;
    }
    /* navigation menu */
    .navigation {
        position: fixed;
        left: 0;
        right: 0;
        top: 8rem;
        z-index: 55;
        padding-bottom: 6rem;
    }
    /*form pages wrapper */
    .login-bg {
        display: none;
    }
    .login-wrapper .profile-image {
        width: 8.5rem;
        height: 8.5rem;
        margin-bottom: 2rem;
    }
    .login-wrapper .profile-image .file-container {
        bottom: -18px;
    }
    .login-wrapper .profile-image .file-container label {
        padding-top: 4px;
    }
    .login-wrapper .horizontal-btn-group .btn+.btn {
        margin: 0;
        margin-left: 2rem;
    }
    .login-wrapper .lg-text {
        font-size: 1.75rem;
        padding-bottom: 2rem;
    }
    /* form control */
    .form-content {
        max-width: 69.375rem;
        margin: 0 auto;
        padding: 6.9rem 6.9rem 10rem;
    }
    .custom-input-group .form-control {
        width: calc(100% - 44px);
    }
    /* main article */
    .main-category .product-image {
        max-width: 100%;
    }
    .main-category .product-content.lg-content .category-navigation {
        margin-top: 0;
    }
    .main-category .product-feature h1 {
        padding-bottom: 2rem;
    }
    .main-category .author-block {
        padding-top: 2.25rem;
    }
    /* tags section */
    .tags-category .category-tags .label-white {
        font-size: 1.25rem;
        height: auto;
        padding: 0.5rem 1rem;
    }
    .main-article .product-content {
        max-width: 100%;
        padding: 2rem 6rem 2rem 2rem;
    }
    .main-article .product-content.left-content {
        padding: 2rem 4rem;
    }
    .main-article .product-content h2 {
        font-size: 2rem;
    }
    .main-article .product-content .category-navigation {
        margin-top: 0;
    }
    .main-article .product-content.lg-content .category-navigation {
        margin-top: 0;
    }
    .main-article .px-sm-25 {
        padding: 0 25px;
    }
    /* quiz block css */
    .quiz-container {
        padding: 2rem;
    }
    .quiz-content .question p {
        max-width: 100%;
        padding: 1.25rem 0;
        line-height: 1.38;
    }
    .answer-options {
        max-width: 100%;
    }
    .answer-options .custom-checkbox label {
        font-size: 1.75rem;
    }
    .answer-options .form-group {
        margin-bottom: 1.75rem;
    }
    /* quiz block css */
    .sub-product-image {
        height: 21.25rem;
    }
    /* discover categories slider */
    .discovery-parent .flickity-prev-next-button.previous {
        left: -3.5rem;
    }
    .discovery-parent .flickity-prev-next-button.next {
        right: -3.5rem;
    }
    /* search control */
    .search-container input.form-control,
    .search-container input[type="text"] {
        min-height: 38px;
        padding-right: 0;
        padding-left: 4.4rem;
    }
    .search-container .search-group i.icon-search {
        left: 8px;
        top: 8px;
        font-size: 2.25rem;
    }
    .search-container .btn+.btn {
        margin-left: 10px;
    }
    .search-container .clear-btn {
        margin-left: 10px;
    }
    .search-group button {
        padding: 12px 10px;
    }
    /* journal pages */
    .journal-image {
        max-width: 100%;
        height: auto;
    }
    .journal-author>div:first-child {
        padding: 2rem 2rem;
    }
    .journal-image .image-journal {
        max-width: 100%;
        height: 100%;
    }
    .journal-content {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .journal-description .journal-qoute {
        padding: 30px 25px;
    }
    .journal-qoute {
        font-size: 2.5rem;
        padding: 35px 25px;
        font-style: oblique;
        padding: 0 0 30px;
    }
    .journal-description .row:first-child .journal-image {
        margin-top: 2.5rem;
    }
    /* journal pages */
    /* search result page css */
    .search-results-container .video-container {
        height: 21.25rem;
    }
    .search-results-container .sub-product-content .category-navigation {
        margin: 2rem 0 1rem;
    }
    .search-results-container .play-button {
        width: 5rem;
        height: 5rem;
    }
    /* page title section */
    .page-content .tags-parent {
        height: 6.85rem;
    }
    .page-content .tags-parent .carousel-child {
        margin: 1.375rem 1rem 1.375rem 0;
    }
    .share-details {
        padding-top: 2rem;
    }
    .sub-product-feature .spacer {
        padding-bottom: 5rem;
    }
    .share-with ul li .share-icon-item .share-icon img {
        width: 4rem;
        height: 4rem;
    }
    .article-video .video-container {
        height: auto;
        height: 100%;
    }
    /* .search-popup {
    max-width: 100%;
    right: 0;
    left: 0;
  } */
    .search-popup {
        /* max-width: 100%; */
        right: 0;
        /* left: 0; */
    }
    /* acknowledge wrapper */
    .acknowledge-wrapper h3 {
        margin: 1rem auto;
    }
    .acknowledge-wrapper p {
        max-width: 30.6rem;
    }
    /* .articles-image-wrapper .article-image:nth-child(3n){
    margin-right:20px;
  } */
}

@media (max-width: 767px) {
    .hideScroll {
        overflow-y: hidden;
        padding-right: 0;
    }
    /* utility/helper classes*/
    .px-25 {
        padding: 0 25px;
    }
    .pb-5 {
        padding-bottom: 3.75rem;
    }
    .py-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    .my-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    .mb-100 {
        margin-bottom: 6.25rem;
    }
    .pt-100 {
        padding-top: 6.25rem;
    }
    .pb-100 {
        padding-bottom: 6.25rem;
    }
    .pb-sm-0 {
        padding-bottom: 0;
    }
    .px-sm-25 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .pt-sm-0 {
        padding-top: 0;
    }
    .flex-nowrap.mt-4 {
        margin-top: 4rem;
    }
    /* navbar */
    .navbar-toggle span,
    .navbar-toggle span:before,
    .navbar-toggle span:after {
        width: 3em;
    }
    header,
    .sticky-header {
        padding: 2rem 3rem;
    }
    .search-btn i {
        font-size: 2.2rem;
    }
    .navigation {
        position: fixed;
        left: 0;
        right: 0;
        top: 6.25rem;
        z-index: 55;
        bottom: 0;
        background: #fff;
        height: auto;
    }
    .navigation ul li {
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
    }
    .nav-brand a {
        max-width: 13.9rem;
        height: 3.2rem;
        margin: 0;
        margin-right: 0.5rem;
    }
    .dropdown-content {
        position: fixed;
        top: 58px;
        right: 0;
        left: 0;
        padding: 0;
    }
    .dropdown-content:before,
    .dropdown-content:after {
        display: none;
    }
    .dropdown-content a {
        font-size: 1.75rem;
        padding: 15.5px 32px 15.5px 24px;
    }
    .profile-content {
        display: none !important;
    }
    .nav-actions-left .search-btn {
        margin-right: 1rem;
        padding-top: 0.5rem;
    }
    .search-control {
        margin-right: 1rem;
        margin-top: 5px;
    }
    main {
        padding-top: 7rem;
    }
    .container {
        padding-right: 25px;
        padding-left: 25px;
        max-width: 100%;
    }
    .no-padding {
        padding-right: 0;
        padding-left: 0;
    }
    /* footer css */
    footer .link-text {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }
    footer .column-list li {
        max-width: 100%;
    }
    footer .column-list li:last-child>a {
        padding-bottom: 2.2rem;
    }
    .column-list {
        margin-top: 2rem;
    }
    .column-list.list-unstyled li {
        text-align: center;
    }
    .copyright-block {
        flex-direction: column-reverse;
        justify-content: space-between;
        font-size: 1.5rem;
        line-height: 1.67;
    }
    .copyright-block>div {
        text-align: center;
    }
    .copyright-block>div:first-child {
        text-align: center;
    }
    .copyright-block>div:first-child+div {
        margin-bottom: 2rem;
    }
    .copyright-block ul {
        flex-direction: column;
    }
    .copyright-block .author-list li+li {
        margin-left: 0;
        margin-top: 1rem;
    }
    /* footer css */
    .social-container {
        padding-bottom: 6.25rem;
    }
    .social-container .col-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .custom-input-group {
        min-height: 4rem;
    }
    .search-container .form-group {
        padding-bottom: 3rem;
    }
    .search-container .icon-filter {
        font-size: 3rem;
    }
    .main-category {
        padding-top: 3rem;
    }
    .main-category .product-feature {
        margin-bottom: 6.25rem;
    }
    .main-category .product-feature h1,
    .main-category .product-feature p {
        padding-right: 0;
    }
    .main-category .product-feature h1 {
        font-size: 2.5rem;
    }
    .main-category .product-feature img {
        height: 33.25rem;
    }
    .main-category .product-image {
        /* height: 33.25rem; */
        height: auto;
    }
    .main-category .product-image.md-image {
        max-width: 100%;
    }
    .main-category .product-image.sm-image {
        height: 33.25rem;
    }
    .main-category .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .main-category .product-content.lg-content {
        padding: 2rem 0 0;
        max-width: 100%;
    }
    .main-category .product-content.lg-content h2 {
        font-size: 2.5rem;
        line-height: 1.4;
    }
    .main-category .product-content.lg-content .description-text {
        font-size: 2rem;
        line-height: 1.38;
    }
    .main-category .product-content.lg-content .author-block {
        padding-top: 2.2rem;
    }
    .main-category .product-content.lg-content .category-navigation a {
        font-size: 1.5rem;
    }
    .main-category .product-sm-image {
        height: 26.25rem;
    }
    .main-category .sub-category-item .product-image.sm-image {
        /* height: 21.25rem; */
        height: auto;
    }
    .main-category .sub-category-list {
        max-width: 100%;
    }
    .main-category .description-text {
        font-size: 2rem;
        line-height: 1.38;
    }
    .main-category .description-text.edition-description {
        padding-right: 0;
        padding-bottom: 0;
    }
    .sub-category-item+.sub-category-item {
        margin-top: 5rem;
    }
    .sub-product-feature .author-block {
        padding-top: 0rem;
    }
    .sub-product-feature .my-5 {
        margin-top: 0;
    }
    .category-listing {
        padding-top: 6.25rem;
    }
    .category-listing.pt-sm-0 {
        padding-top: 0;
    }
    .category-listing .product-image,
    .category-listing .product-image.sm-image {
        height: 21.25rem;
    }
    .category-listing .author-block {
        padding-top: 1.5rem;
    }
    /* scroll top top button */
    .fixed-btn {
        display: none;
    }
    .flickity-viewport {
        width: 100%;
    }
    /* edition block*/
    .edition-list .secondary-link {
        min-width: 9rem;
    }
    .edition-parent {
        height: 68rem;
        margin-bottom: 3rem;
    }
    .edition-parent .flickity-page-dots {
        top: 92%;
        text-align: left;
        left: 0;
        right: auto;
    }
    .edition-parent .flickity-button {
        top: 92%;
    }
    .edition-parent .description-limited {
        min-height: 4.4rem;
    }
    .edition-parent .carousel-child {
        max-width: 33.75rem;
        margin: 0 1rem 1rem;
        width: 100%;
        margin-top: 0;
        min-height: 60rem;
    }
    .edition-parent .carousel-child:first-child {
        max-width: 33.75rem;
        margin: 0 1rem 1rem;
        width: 100%;
        min-height: 60rem;
        justify-content: flex-start;
    }
    .edition-parent .carousel-child:first-child h3 {
        font-size: 2rem;
        min-height: 5.5rem;
    }
    .edition-parent .carousel-child:first-child .edition-image {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
        max-width: 100%;
        /* height: 32.875rem; */
        flex: 0 0 auto;
    }
    .edition-parent .carousel-child:first-child .edition-image img {
        /* height: 32.875rem; */
    }
    .edition-parent .carousel-child:first-child .author-block {
        margin-top: 2rem;
        padding-top: 0;
    }
    .edition-parent .carousel-child:first-child .edition-content {
        padding: 0;
    }
    .edition-parent .carousel-child:first-child .edition-content .description-text {
        margin: 1rem 0;
    }
    .edition-parent .carousel-child:first-child .edition-content .description-text.sm-text {
        margin: 1rem 0;
    }
    .edition-parent .carousel-child:last-child {
        margin-right: 1rem;
    }
    .edition-parent .carousel-child .edition-image img {
        height: auto;
        /* height: 32.875rem; */
    }
    .lifestyle-banner img {
        height: 31.125rem;
    }
    /* alternate edition with editions content in slider */
    .carousel-content:nth-child(2n+1) .edition-parent .carousel-child:first-child {
        flex-wrap: wrap;
        /* min-height: 60rem; */
        min-height: auto;
    }
    .carousel-content:nth-child(2n+1) .edition-parent .carousel-child:first-child h3 {
        min-height: 3rem;
    }
    .carousel-content:nth-child(2n+1) .edition-parent .carousel-child:first-child .edition-image {
        max-width: 100%;
        /* height: 32.875rem; */
        flex: 0 0 auto;
    }
    .carousel-content:nth-child(2n+1) .edition-parent .carousel-child:first-child .edition-content {
        padding: 0;
        width: 100%;
    }
    .following-parent .flickity-button {
        display: none;
    }
    .product-feature p {
        font-size: 2rem;
    }
    .product-feature .badge-secondary {
        font-size: 1.25rem;
    }
    .product-feature img {
        height: 21.25rem;
    }
    .discover-category {
        padding: 3.125rem 0;
    }
    .section-title {
        margin-bottom: 2rem;
    }
    .section-title h2 {
        font-size: 2.5rem;
        margin-bottom: 2rem;
        line-height: 1.3;
    }
    .sub-category-list {
        margin-bottom: 6.25rem;
    }
    .sub-category-list+.sub-category-item {
        margin-top: 5rem;
    }
    /* newsletter sction */
    .newsletter-wrapper {
        height: auto;
    }
    .newsletter-wrapper h2 {
        margin-bottom: 3rem;
    }
    .newsletter-wrapper h2.pr-12 {
        padding-right: 1rem;
    }
    .discovery-parent .flickity-viewport {
        overflow-x: auto;
    }
    .discovery-parent .carousel-child,
    .following-parent .carousel-child {
        max-width: 15.5rem;
        height: 22.25rem;
        margin-right: 2rem;
    }
    .discovery-parent .carousel-child .carousel-description,
    .following-parent .carousel-child .carousel-description {
        padding: 0;
    }
    .discovery-parent .carousel-child img,
    .following-parent .carousel-child img {
        height: 100%;
    }
    .lifestyle-container .flickity-prev-next-button,
    .following .flickity-prev-next-button,
    .discovery-parent .flickity-button {
        display: none;
    }
    /* journal page css */
    .journal-carousel {
        padding: 0 0 10rem;
        min-height: 65.9rem;
    }
    .journal-carousel .flickity-button {
        top: 92%;
    }
    .journal-carousel .flickity-page-dots {
        width: 65%;
        bottom: 5rem;
        text-align: left;
        margin-bottom: 0;
        margin-left: 3rem;
    }
    .journal-carousel .carousel-item {
        height: 54.75rem;
        margin-right: 0;
        width: 100%;
    }
    .journal-carousel .carousel-item {
        height: 74rem;
    }
    .journal-carousel .image-description {
        min-height: 16rem;
        max-height: 16rem;
    }
    .journal-carousel .flickity-button {
        margin-right: 3rem;
    }
    .journal-categories .journal-category {
        max-width: 100%;
        display: none;
        padding-bottom: 5rem;
    }
    .journal-categories .journal-category:first-child {
        display: block;
    }
    .journal-categories .journal-category p {
        padding: 1rem;
    }
    .journal-categories .journal-category .journal-image {
        height: auto;
    }
    .journal-categories .journal-image img {
        height: auto;
    }
    .journal-author.py-100 {
        padding-bottom: 2rem;
    }
    .journal-author>div:first-child {
        border: 0;
        padding: 1rem 0;
    }
    .journal-description div.py-5 {
        padding: 0;
    }
    .journal-description .mb-8 {
        margin-bottom: 0;
    }
    .journal-description .journal-image {
        margin: 0;
        height: 100%;
    }
    .journal-text {
        padding-bottom: 30px;
        margin: 0;
        font-size: 2rem;
        line-height: 1.39;
    }
    .rte-component p,
    .rte-component li {
        padding-bottom: 30px;
        margin: 0;
        font-size: 2rem;
        line-height: 1.39;
    }
    .journal-text:last-child {
        padding-bottom: 30px;
    }
    .rte-component p:last-child {
        padding-bottom: 30px;
    }
    .journal-content {
        margin: 0 25px;
    }
    .journal-content .journal-qoute {
        padding: 0 25px 30px;
    }
    .author-details {
        padding: 0;
    }
    .author-details+.author-details {
        margin-top: 2rem;
    }
    .author-details h4 {
        font-size: 1.2rem;
    }
    .author-details p {
        font-size: 1.75rem;
    }
    .read-counter {
        font-size: 1.75rem;
    }
    .share-details {
        padding: 2rem 0 0;
        justify-content: space-between;
        width: 100%;
    }
    .share-details>div {
        padding: 0;
    }
    .share-details .icon-column {
        padding: 0 1rem;
    }
    .share-details .icon-2x {
        font-size: 16px;
    }
    .share-details .btn-rounded .icon-share {
        font-size: 16px;
    }
    .category-listing.journal-listing .product-image {
        height: 21.25rem;
    }
    .category-listing.journal-listing .product-image img {
        height: 100%;
    }
    .category-listing.journal-listing .large-content .product-image {
        height: 33.25rem;
    }
    .category-listing.journal-listing .large-content p {
        font-size: 2.5rem;
        margin: 1.4125rem 0;
    }
    .category-listing.journal-listing .large-content .description-text {
        font-size: 2rem;
    }
    .category-listing.journal-listing .large-content .category-navigation a {
        font-size: 1.5rem;
    }
    .journal-category-image img {
        height: 100%;
    }
    .main-article {
        position: relative;
        margin-bottom: 0;
        padding-top: 0;
    }
    .main-article .product-content .category-navigation a {
        font-size: 1.25rem;
    }
    .main-article .product-image {
        height: 59.25rem;
        margin: 0;
        max-width: 100%;
        flex: 1 1 100%;
    }
    .main-article .product-image.sm-image {
        height: 26.25rem;
    }
    .main-article .product-image.product-sm-image {
        height: 21.25rem;
    }
    .main-article .product-description {
        max-width: 100%;
        width: 100%;
        flex: 1 1 100%;
        position: absolute;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .main-article .product-description.wrap-content {
        position: relative;
    }
    .main-article .product-description.wrap-content .product-content {
        background: transparent;
    }
    .main-article .product-description.wrap-content .product-content .redirect-link {
        color: #4a4a4a;
    }
    .main-article .product-description.wrap-content .product-content .category-navigation a {
        color: #ed1c24;
    }
    .main-article .product-content,
    .main-article .product-content.left-content {
        padding: 3.15rem;
    }
    .main-article .product-content {
        padding: 2rem;
        max-width: 100%;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        background: rgba(0, 0, 0, 0.3);
    }
    .main-article .product-content,
    .author-text .author-text a,
    .main-article .product-content .redirect-link,
    .main-article .product-content .category-navigation a {
        color: #fff;
    }
    .main-article .product-content,
    .author-text .author-text a {
        color: #999999;
        font-size: 1.25rem;
    }
    .main-article .product-content h1 {
        font-size: 3rem;
        font-weight: 700;
        padding-bottom: 3.75rem;
        color: #fff;
    }
    .main-article .product-content h1.pb-0 {
        padding-bottom: 0;
    }
    .main-article .product-content.px-sm-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .main-article .author-block {
        padding-top: 2rem;
    }
    .image-description {
        padding-top: 1.2rem;
    }
    .about-content .journal-text {
        font-size: 1.75rem;
        line-height: 1.71;
    }
    .about-content .journal-text:last-child {
        padding-bottom: 0;
    }
    .about-content .journal-text.journal-qoute-sm:last-child {
        padding-bottom: 0;
    }
    /* shop now slider */
    .shopping-parent {
        height: 56.75rem;
        padding: 0;
    }
    .shopping-parent .carousel-child {
        max-width: 80%;
        width: 100%;
        height: 57rem;
    }
    .shopping-parent .carousel-child .product-details {
        margin: -12rem 0 0;
        /* max-width: 31.125rem; */
        padding: 2rem;
    }
    .shopping-parent .carousel-child .product-image {
        max-width: 100%;
        height: 90%;
    }
    .shopping-parent .flickity-button,
    .shopping-parent .flickity-page-dots {
        display: none;
    }
    .shopping-journal {
        padding: 4.3rem 0;
    }
    .shopping-journal .section-title {
        padding: 0 3rem;
    }
    .btn-rounded .bookmark-checkbox .checkmark {
        margin: 0 auto;
    }
    .section-title h2 {
        margin-bottom: 0;
    }
    .image-description {
        font-size: 12px;
    }
    .tags-category h2 {
        font-size: 2.5rem;
        line-height: 1.3;
        margin-bottom: 2rem;
    }
    .tags-category .label-white {
        height: 28px;
        font-size: 1.25rem;
    }
    .author-text,
    .author-text a {
        font-size: 1.25rem;
    }
    /* fullscreen modal */
    .lightbox-carousel~.carousel-nav {
        display: none;
    }
    .lightbox-carousel .carousel-item {
        padding-bottom: 2rem;
    }
    .lightbox-carousel .carousel-item .carousel-image {
        padding: 0;
    }
    .lightbox-carousel .carousel-item .carousel-image img {
        max-height: 300px;
        height: 100%;
    }
    .shop-the-look-carousel .carousel-item {
        padding-bottom: 2rem;
    }
    .shop-the-look-carousel .carousel-item .carousel-image {
        padding: 0;
    }
    .shop-the-look-carousel .carousel-item .carousel-image img {
        max-height: 300px;
        height: 100%;
    }
    .lightbox-carousel .flickity-prev-next-button {
        bottom: -22%;
        top: auto;
    }
    .lightbox-carousel .flickity-prev-next-button.previous {
        left: 4%;
        right: auto;
    }
    .lightbox-carousel .flickity-prev-next-button.next {
        right: 4%;
        left: auto;
    }
    .lightbox-carousel~.carousel-nav {
        display: none;
    }
    .carousel-nav .carousel-cell {
        width: 10px;
        height: 10px;
        background: #999999;
    }
    .carousel-nav .carousel-cell.is-nav-selected {
        background: #ed1c24;
    }
    /* fullscreen modal */
    .category-listing .description-text {
        font-size: 2rem;
        line-height: 1.38;
    }
    .description-text.mb-4 {
        margin-bottom: 0.5rem;
    }
    .journal-content,
    .journal-image {
        max-width: 100%;
        width: 100%;
        flex: 1 1 100%;
    }
    .page-content h1 {
        font-size: 4rem;
        padding-top: 2.5rem;
        line-height: 1.38;
    }
    .page-content .btn-group {
        margin-bottom: 3.75rem;
    }
    .page-content .btn-group .btn {
        padding: 0.945rem 1.81rem;
        font-size: 1.5rem;
    }
    .page-content p {
        line-height: 1.71;
        font-size: 1.75rem;
        margin-bottom: 2.5rem;
    }
    .page-content .pb-4 {
        padding-bottom: 1rem;
    }
    .page-content .pb-6 {
        padding-bottom: 1rem;
    }
    .sub-products .load-more-btn {
        font-size: 1.5rem;
        padding: 0.85rem 0.92rem;
    }
    .play-button {
        width: 40px;
        height: 40px;
    }
    .btn-rounded {
        width: 3.75rem;
        height: 3.75rem;
    }
    .category-navigation a {
        font-size: 1.25rem;
    }
    .social-icons {
        margin: 3rem 0 6rem;
    }
    input.form-control {
        font-size: 1.75rem;
    }
    .social-counter {
        font-size: 1.75rem;
    }
    .tags-parent {
        height: 8.2rem;
        padding: 0;
        margin-bottom: 3.85rem;
    }
    .tags-parent label {
        padding: 0.85rem 2.815rem;
        cursor: pointer;
    }
    .tags-parent label a {
        color: inherit;
        display: inline-block;
        cursor: pointer;
    }
    .tags-parent .flickity-prev-next-button {
        display: none;
    }
    .lifestyle-parent .carousel-child {
        height: 19.5rem;
    }
    .lifestyle-card p {
        font-size: 1.75rem;
        min-height: 8.2rem;
        margin-bottom: 0.5rem;
        color: #4a4a4a;
    }
    .lifestyle-card p a,
    .lifestyle-card p a:hover,
    .lifestyle-card p a:focus,
    .lifestyle-card p a:active {
        color: #4a4a4a;
        display: inline-block;
    }
    .sub-category-list .sub-category-title.lg-title {
        font-size: 2.5rem;
    }
    .sub-category-list .category-description {
        font-size: 2rem;
        line-height: 1.4;
    }
    .sub-category-title.lg-title {
        font-size: 2.5rem;
    }
    .sub-product-feature .sub-product-content .description-text {
        font-size: 2rem;
    }
    .sub-product-feature .sub-product-content .description-text.sm-text {
        font-size: 2rem;
        padding-top: 1rem;
    }
    .article-content {
        padding-bottom: 5rem;
        position: relative;
    }
    .article-content:after {
        position: absolute;
        content: "";
        top: auto;
        bottom: 20px;
        left: -24px;
        right: -24px;
        height: 1px;
        background: #999999;
    }
    .article-content:last-of-type:after {
        display: none;
    }
    .article-content .article-image,
    .article-content .article-video {
        height: auto;
        max-width: 46%;
        flex: 1 1 46%;
        width: 100%;
    }
    .article-content .article-description {
        max-width: 46%;
        flex: 1 1 46%;
    }
    .article-description p {
        color: #4a4a4a;
    }
    .article-description p a,
    .article-description p a:hover,
    .article-description p a:focus,
    .article-description p a:active,
    .article-description p a:-webkit-any-link {
        display: inline-block;
        color: inherit;
    }
    .article-content p span {
        display: block;
    }
    .article-content .category-navigation {
        margin-bottom: 0.5rem;
    }
    /* quiz block */
    .quiz-container {
        margin: 0 -24px;
    }
    .following-wrapper .btn {
        padding: 6px 5px;
        font-size: 1.25rem;
        max-width: 72px;
        width: 100%;
    }
    .following-wrapper .article-title {
        font-size: 1.75rem;
    }
    .following-wrapper .article-content {
        max-width: 100%;
        padding-bottom: 1.75rem;
    }
    .following-wrapper .article-content:after {
        display: none;
    }
    .following-wrapper .article-content .article-image {
        max-width: 7.75rem;
        flex: 1 1 7.75rem;
        height: 7.625rem;
        margin-right: 14px;
    }
    .following-wrapper .article-content .article-description {
        max-width: 100%;
        flex: 1 1 16.6rem;
        /* justify-content: flex-start; */
        justify-content: space-between;
        align-items: center;
    }
    .article-content .play-button {
        width: 3.5rem;
        height: 3.5rem;
    }
    .articles-image-wrapper .article-image {
        max-width: 15.5rem;
        height: auto;
        margin-bottom: 2.5rem;
    }
    .share-with {
        position: fixed;
        top: auto;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
    .share-with:before,
    .share-with:after {
        display: none;
    }
    .share-with.open {
        top: auto;
        left: auto;
    }
    .share-with label {
        font-size: 2rem;
        font-weight: 600;
    }
    .articles-image-wrapper .article-image .share-with {
        max-width: 100%;
    }
    .saved-search-container {
        padding: 0;
    }
    .saved-search-container .article-content:last-child:after {
        display: block;
    }
    .help-variants h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
        line-height: 1.38;
    }
    .help-variants li a {
        line-height: 1.71;
        padding-bottom: 0.5rem;
    }
    .help-grid .pb-100 {
        padding-bottom: 2.5rem;
    }
    /* tabs css */
    .tabs-wrapper .tabContent {
        padding: 2.5rem 3rem 0 3rem;
        margin: 0 -25px;
    }
    .tabs-wrapper .tab {
        margin: 0 3rem 0 0;
        padding: 0 0 1rem;
    }
    /* privacy policy page */
    .terms-content .journal-text {
        font-size: 1.75rem;
        line-height: 1.71;
    }
    .terms-content .journal-text:last-child {
        padding-bottom: 0;
    }
    /* global search css*/
    .search-results-container .category-navigation a {
        display: none;
    }
    .search-results-container .category-navigation a:after {
        display: none;
    }
    .search-results-container .category-navigation a:first-child {
        display: inline-block;
    }
    .search-results-container .sub-product-image,
    .search-results-container .video-container {
        height: 15.5rem;
    }
    /* search results */
    .no-results-wrapper img {
        width: 17.625rem;
        height: 17.625rem;
    }
    .quiz-content h4 {
        width: 100%;
    }
    .acknowledge-wrapper {
        padding: 4.5rem 0;
    }
    .icon-rounded {
        width: 8.25rem;
        height: 8.25rem;
    }
    .floating-label+.floating-label {
        margin-bottom: 10px;
    }
    .login-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        height: 100vh;
        min-height: 100%;
        padding-bottom: 2rem;
        overflow-y: auto;
        z-index: 57;
        background: #fff;
    }
    .login-wrapper .form-content {
        padding: 6.25rem 3.125rem;
    }
    .login-wrapper .form-content .btn-block {
        max-width: 100%;
    }
    .login-wrapper .form-content h1 {
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 14px;
    }
    .login-wrapper .form-content .account-link {
        text-align: center;
        font-size: 1.5rem;
    }
    .login-wrapper .btn-block+.btn-block {
        margin: 0;
        margin-top: 12px;
    }
    .login-wrapper.contact-wrapper .form-content {
        padding: 2.5rem 3.125rem;
    }
    .login-wrapper.contact-wrapper .form-content h1 {
        font-family: "Crimson Text", serif;
        font-size: 4rem;
        line-height: 1.2;
        font-weight: 400;
    }
    .login-wrapper.contact-wrapper .form-content h1.sm-text {
        font-size: 2.5rem;
    }
    .login-wrapper .horizontal-btn-group .btn-block+.btn-block {
        margin: 0;
        margin-top: 1.5rem;
    }
    .login-wrapper .form-group input {
        margin-bottom: 3rem;
    }
    .login-wrapper .custom-checkbox label {
        font-size: 1.5rem;
    }
    .login-wrapper .edit-btn {
        padding: 7px 15px;
    }
    .login-wrapper .account-link a {
        font-size: 12px;
    }
    .login-wrapper .profile-image label {
        padding: 3px;
    }
    .social-btn-group {
        flex-direction: column;
    }
    .divider-text {
        margin: 2rem 0;
    }
    .divider-text:before,
    .divider-text:after {
        width: 45%;
    }
    .login-btn {
        margin: 2rem 0;
    }
    .floating-label label {
        top: 27px;
    }
    .article-image .action-buttons {
        top: 1rem;
        right: 1.2rem;
    }
    /* modal popup */
    .modal-popup .modal-content {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        max-width: 100%;
    }
    .modal-popup .modal-header {
        padding: 2rem 3.125rem;
        padding-right: 5rem;
        background-image: none;
        background: #fff;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-box-shadow: 0px -1px 0 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px -1px 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px -1px 0 1px rgba(0, 0, 0, 0.2);
    }
    .modal-popup .modal-header h3 {
        color: #4a4a4a;
        font-weight: 600;
        text-align: left;
    }
    .modal-popup .modal-header .close-btn {
        color: #4a4a4a;
    }
    .modal-popup .modal-header .close-btn .icon-cancel {
        font-size: 2rem;
    }
    .modal-popup .modal-body {
        padding: 2rem 3.75rem 3rem;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
    .modal-popup .modal-body .acknowledge-wrapper {
        padding: 0;
    }
    .modal-popup .modal-body .acknowledge-wrapper .icon-rounded {
        width: 8.25rem;
        height: 8.25rem;
    }
    .modal-popup .modal-body .acknowledge-wrapper .icon-rounded i {
        font-size: 3.4rem;
    }
    .modal-popup.open {
        top: auto;
        bottom: 0;
        background: rgba(0, 0, 0, 0.05);
        height: 100%;
    }
    .modal-popup.fullscreemModal .modal-body {
        padding: 12rem 0 2rem;
    }
    .modal-popup.fullscreemModal .modal-header .close-btn,
    .modal-popup.fullscreemModal .btn-rounded {
        left: 2rem;
        width: 35px;
        height: 35px;
    }
    .modal-popup.fullscreemModal .modal-header {
        padding: 5px 0 15px 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .modal-popup.fullscreemModal .modal-header .close-btn i {
        font-size: 16px;
    }
    .modal-popup.fullscreemModal .btn-rounded .bookmark-checkbox .checkmark:after {
        font-size: 1.85rem;
    }
    .modal-popup.fullscreemModal .action-buttons {
        right: 2.25rem;
    }
    .lightbox-carousel .action-buttons {
        position: absolute;
        bottom: auto;
        top: -75px;
    }
    .modal-popup.fullscreemModal .share-with .close-btn {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .filter-popup .btn-block {
        max-width: 86%;
    }
    .filter-popup .filter-buttons {
        padding: 2rem 3.125rem;
    }
    .filter-popup .filter-buttons .btn {
        font-size: 1.25rem;
        margin: 0 1rem 2.125rem 0;
        padding: 0.875rem 1.5rem;
    }
    .filter-popup .horizontal-btn-group {
        padding: 1.9625rem 3.5rem;
    }
    /* search-container */
    .fullScreenSearch {
        position: fixed;
        background: #fff;
        height: 100%;
        align-items: flex-start;
        z-index: 57;
        top: 0;
        right: 0;
        left: 0;
        padding: 2rem 3.125rem;
        box-shadow: none;
    }
    .fullScreenSearch input[type="text"]:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #f2f2f3;
    }
    .singOutPopup.open {
        top: 58px;
        bottom: auto;
    }
    .singOutPopup .modal-content {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .singOutPopup .modal-body {
        padding-top: 0;
    }
    .shopModal .modal-header {
        display: none;
    }
    .article-content .code-details p {
        font-size: 2rem;
    }
    .article-content .code-details p span {
        font-size: 1.75rem;
    }
    /*forgot password block css*/
    .forgot-wrapper .acknowledge-wrapper {
        bottom: 0;
        position: fixed;
        left: 0;
        right: 0;
        background: #fff;
        height: auto;
        padding: 3.25rem 0;
        box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.25);
    }
    .forgot-wrapper .acknowledge-wrapper .btn {
        position: fixed;
        bottom: 36%;
        right: 25px;
        left: auto;
        font-size: 2rem;
        color: #4a4a4a;
    }
    .forgot-wrapper .acknowledge-wrapper h3 {
        margin: 2.8rem 2rem;
        max-width: 98%;
    }
    .forgot-wrapper .acknowledge-wrapper p {
        max-width: 98%;
        padding: 0 2rem;
    }
    .category-listing .product-feature.spacer {
        padding-bottom: 5.5rem;
    }
    .login-btn-wrapper {
        margin-top: 2rem;
    }
    .login-btn-wrapper .link-text {
        bottom: 2px;
        top: auto;
    }
    .error-text {
        top: 52px;
    }
    /* .search-popup {
    top: 50px;
  } */
    .search-popup {
        top: 42px;
        width: 101vw;
        right: -26px;
    }
    .page-content .search-container {
        padding-top: 10px;
    }
    .lifestyle-banner .full-width {
        height: 250px;
    }
    .category-navigation a:after {
        right: -11px;
    }
    .discovery-parent .carousel-child .carousel-description,
    .following-parent .carousel-child .carousel-description,
    .lifestyle-parent .carousel-child .carousel-description {
        top: 0;
    }
    .main-category .product-image.md-image img {
        width: 100%;
    }
    .sub-product-image img {
        object-fit: cover;
    }
    .category-listing.journal-listing .large-content .product-image {
        height: 21.25rem;
    }
    .main-category .product-image a img {
        object-fit: cover;
    }
    .product-image a img {
        object-fit: cover;
    }
    .journal-category-image {
        height: auto;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .article-content .article-description {
        max-width: 60%;
        flex: 1 1 60%;
    }
    .article-content .article-image,
    .article-content .article-video {
        max-width: 30%;
        flex: 1 1 30%;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    .article-content p span {
        padding-left: 0;
    }
    .social-container {
        padding: 0 25px;
        padding-bottom: 6.25rem;
    }
    .social-container .col-3 {
        flex: 0 0 55%;
        max-width: 55%;
        padding: 0;
    }
    .social-container .social-content {
        padding-bottom: 0;
    }
    .article-content p {
        max-height: 11rem;
        overflow: hidden;
    }
    .article-content .article-image,
    .article-content .article-video {
        max-width: 38%;
        flex: 1 1 38%;
    }
    .article-content .article-description {
        max-width: 55%;
        flex: 1 1 55%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .edition-parent .carousel-child,
    .edition-parent .carousel-child:first-child {
        max-width: 40rem;
    }
    /* youtube player */
    .video-container {
        height: 30rem;
    }
    .video-container .image-description {
        padding-top: 2rem;
    }
    /*fullscreen modal */
    .lightbox-carousel .flickity-prev-next-button {
        bottom: auto;
        top: 45%;
        position: fixed;
    }
    .article-content p.description {
        max-height: 5.5rem;
        overflow: hidden;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .social-container .col-3 {
        max-width: 35%;
        flex: 0 0 auto;
    }
}


/*# sourceMappingURL=main.min.css.map */

.main-header {
    position: relative;
    padding-bottom: 15px;
}

.search-control-wrapper {
    position: absolute;
    right: 0;
}

.nav-brand {
    width: 100%;
}

.nav-brand .logo-center {
    margin: 0 auto;
}


/* TEAMLIST STARTS */

.teamlist-container {
    padding: 30px;
}

.teamlist-header h2 {
    font-size: 3.8rem;
    font-family: "Crimson Text", serif;
    font-weight: normal;
    color: #4a4a4a;
    line-height: 0.9;
}

.teamlist-subheader {
    position: relative;
    font-size: 3rem;
    font-weight: lighter;
    margin-bottom: 4rem;
}

.teamlist-subheader::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ed1c24;
    width: 100%;
    height: 1px;
    border-radius: 5px;
}

.teamlist-card-wrapper {
    padding-bottom: 50px;
}

.teamlist-card {
    display: block;
}

.teamlist-profile {
    border-radius: 5px;
    overflow: hidden;
    font-size: 0;
    height: 262px;
}

.teamlist-profile img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teamlist-info {
    padding-top: 10px;
    text-align: center;
    color: #ed1c24;
}

.teamlist-info h3 {
    font-weight: lighter;
    margin-bottom: 0;
}

.teamlist-info p {
    font-size: 1.7rem;
    font-weight: 700;
    color: #4a4a4a;
}

.restpassword-submit {
    margin-top: 20px;
}

.teammeber-profile {
    position: relative;
    padding: 50px 0;
}


/* 
  .teammeber-profile::after{
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    background-color:#ed1c24;
    width: 100%;
    height: 1px;
    border-radius:5px; 
  } */

.teammeber-profile .teamlist-info {
    text-align: left;
    margin-top: 45px;
}

p.teamlist-desc {
    font-weight: lighter;
}

.teammeber-profile .teamlist-profile img {
    max-width: 300px;
}

.flickity-slider .label-secondary a {
    color: #4a4a4a;
}

.rte-component h2 {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #4a4a4a;
}

.rte-component h3 {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #4a4a4a;
}

.author-name {
    /* font-size: 1.8rem !important; */
}

@media (max-width: 767px) {
    .rte-component h2 {
        font-size: 2rem;
        line-height: 1.39;
    }
    .rte-component h3 {
        font-size: 2rem;
        line-height: 1.39;
    }
}

@media (max-width: 320px) {
    .articles-image-wrapper .article-image {
        max-width: 14.5rem;
    }
}


/* TEAMLIST ENDS */

@media (min-width: 1200px) {
    .col-xl-2_5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media only screen and (max-width: 768px) {
    .restpassword-submit {
        margin-top: 0;
    }
    .main-header {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 425px) {
    .nav-brand .logo-center {
        margin: 0 55px;
    }
    .main-header {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 370px) {
    .nav-brand .logo-center {
        margin: 0;
    }
    .main-header {
        padding-bottom: 0px;
    }
}

.rte-component a {
    color: #ed1c24;
}

.rte-component a:hover {
    font-weight: bold;
}


/*# sourceMappingURL=main.min.css.map */

.clear {
    clear: both;
}

#container {
    height: 100%;
    margin: 0 auto 0 auto;
    max-width: 100%;
    width: 100%;
}

#container .zoom {
    background-color: #ddd;
    height: 100%;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

#container .zoom .media {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.transition {
    transition: -moz-transform ease 200ms;
    transition: -ms-transform ease 200ms;
    transition: -o-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    transition: transform ease 200ms;
}


/***** loader *****/

.loaderWrapper {
    display: inline-block;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 200;
    /* display: none; */
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-default div {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ed1c24;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 29px;
    left: 53px;
}

.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 18px;
    left: 50px;
}

.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 9px;
    left: 41px;
}

.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 6px;
    left: 29px;
}

.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 9px;
    left: 18px;
}

.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 18px;
    left: 9px;
}

.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 29px;
    left: 6px;
}

.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 41px;
    left: 9px;
}

.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 50px;
    left: 18px;
}

.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 53px;
    left: 29px;
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 50px;
    left: 41px;
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 41px;
    left: 50px;
}

@keyframes lds-default {
    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}
.unique-advantages p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #999;
    margin-bottom: 20px;
}

.get-it-build {
    height: 32px;
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    font-size: 14px
}

.ap-magazine .btn.btn-outline {
    width: 155px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/********* top header start *******/

.poplink:hover {
    color: #fff;
}

.whatstxt {
    color: #00b050;
}

.badge-notification {
    width: 100%;
    background: #ed1c24;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
    transition: 700ms;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50 !important;
}

.badge-notification p {
    font-size: 16px;
}

.badge--close {
    float: right;
}

.whatapp-Icon {
    height: 21px !important;
    width: 21px;
    vertical-align: middle;
    margin: 0px 5px;
}

@media screen and (max-width: 800px) {
    .badge-notification p {
        font-size: 11px;
    }
}


/* top header end */


/********* KITCHEN BANNER START *******/

.design-services-banner-image img {
    height: 300px;
    object-fit: cover;
}

main {
    padding-top: 0;
}

.kitchen-banner-carousel .carousel-cell {
    width: 100%;
    /* full width */
    /* height: 160px; height of carousel */
    margin-right: 10px;
    padding-bottom: 100px;
}

.kitchen-banner-carousel {
    margin-bottom: 60px;
    position: relative;
}


/*.kitchen-banner-carousel .carousel-cell img {
    height: 70vh;
    object-fit: cover;
}*/

.badge-notification {
    width: 100%;
    background: #ed1c24;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
    transition: 700ms;
    position: fixed;
    top: 0;
    z-index: 1;
}

.badge--close {
    float: right;
}

.banner-box .lifestyle-card {
    border-radius: 4.8px;
    -webkit-border-radius: 4.8px;
    -moz-border-radius: 4.8px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    -moz-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    max-width: 500px;
    position: absolute;
    bottom: -50px;
    left: 10%;
    margin-bottom: 60px;
}

.banner-box .lifestyle-card p {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
}

.kitchen-banner-carousel .flickity-page-dots {
    position: absolute;
    bottom: 70px;
    right: 11%;
    width: auto;
}

.kitchen-banner-carousel .flickity-page-dots .dot.is-selected {
    background: #ed1c24;
}

.kitchen-banner-carousel .flickity-page-dots .dot {
    height: 10px;
    width: 10px;
    border: solid 2px #ed1c24;
    background: #fff;
}

.main-category .product-image a img {
    object-fit: cover;
}

.form-group .k-bnr-btn {
    outline: 0;
    padding: 11px 45px
}

.k-bnr-submit {
    text-align: right;
}

.kitchen-banner-carousel .lifestyle-card {
    padding: 2.5rem 2.5rem 2.5rem;
}

.banner-form-sec input.form-control {
    font-size: 1.4rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.banner-form-sec input.form-control:focus {
    border: 1px solid rgba(74, 74, 74, 0.2);
}

.banner-form-sec .form-group {
    margin-bottom: 2rem;
}

@media screen and (max-width:991.98px) {
    .banner-box .lifestyle-card {
        max-width: 415px;
    }
    .banner-box .lifestyle-card p {
        font-size: 24px;
    }
}

@media screen and (max-width:767px) {
    .ap-magazine .btn.btn-outline {
        width: 122px;
        height: 32px;
    }
    .get-it-build {
        font-size: 12px;
    }
    .k-bnr-submit button {
        width: 100%;
    }
    .banner-form-sec {
        margin-top: 35px;
    }
    .banner-form-sec .form-group {
        margin-bottom: 27px;
    }
    .design-services-banner-image img {
        height: 480px;
    }
    .kitchen-banner-carousel.kitchen-banner-carousel-horizontal .carousel-cell img {
        height: 340px;
        object-fit: cover;
    }
    /* common description class*/
    .ap-design-desc {
        font-size: 16px;
        line-height: 1.45;
        font-weight: 500;
        color: #99999;
    }
}

@media screen and (max-width:575.98px) {
    body {
        margin-top: 60px;
    }
    .banner-box .lifestyle-card {
        max-width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: relative;
        bottom: 0;
    }
    .banner-box {
        position: relative;
        margin-top: -115px;
        margin-bottom: 10px;
    }
    .banner-box .lifestyle-card p {
        font-size: 20px;
    }
    .banner-box .lifestyle-card .text-primary {
        font-weight: 600
    }
    .kitchen-banner-carousel .carousel-cell {
        padding-bottom: 0;
    }
    .kitchen-banner-carousel {
        margin-bottom: 0;
        position: relative;
    }
    .kitchen-banner-carousel .flickity-page-dots {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
}


/********* KITCHEN BANNER END *******/


/********* covid safety standards start  *******/

.covid-safety-standards {
    padding: 90px 0 15px;
    background: #f4f4f4;
}

.covid-safety-standards-body ul {
    padding: 0 54px;
    flex-wrap: wrap;
}

.covid-safety-standards-body ul li img {
    width: 80px;
}

.covid-safety-standards-body ul li {
    width: 20%;
    padding: 10px 0 36px;
}

.covid-safety-standards-body ul li p {
    /* font-family: Avenir; */
    /* font-size: 16px; */
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #999999;
    text-transform: uppercase;
}

@media screen and (max-width:767px) {
    .unique-advantages p {
        line-height: 1.45;
    }
    section.section-wrapper-new.ap-magazine .sub-category-item {}
    .covid-safety-standards-body ul {
        padding: 0;
    }
    .covid-safety-standards-body ul li {
        width: 112px;
        padding: 18px 0 38px;
        /* margin-right: 40px; */
    }
    .covid-carousel .flickity-page-dots {
        width: 100%;
        top: 95%;
    }
    .covid-carousel .flickity-page-dots .dot.is-selected {
        border: 1px solid #ed1c24;
        background: #ed1c24;
    }
    .covid-carousel .flickity-page-dots .dot {
        width: 10px;
        height: 10px;
        border: 1px solid #ed1c24;
        background: transparent;
        padding: 0;
    }
    .covid-safety-standards-body ul li p {
        font-size: 10px;
        color: #999999;
        padding: 0 10px;
    }
    .covid-safety-standards-body ul li img {
        width: 73px;
        height: 73px;
    }
    .covid-safety-standards {
        padding: 26px 0 31px;
        background: #f4f4f4;
    }
}

@media screen and (min-width:768px) and (max-width:1140px) {
    .covid-safety-standards-body ul li {
        width: 25%;
    }
}


/********* covid safety standards end  *******/


/* services we offer  start*/

@media screen and (max-width:767px) {
    .covid-safety-standards.services-we-offer {
        padding: 44px 0 10px;
    }
    .services-we-offer .covid-safety-standards-body ul li {
        padding: 18px 0 34px;
        width: 130px;
    }
    .services-we-offer .covid-safety-standards-body ul li img {
        height: 58px;
        width: 58px;
    }
}


/* services we offer end */


/********* Our offerings start  *******/

.our-offerings {
    margin: 80px 0 40px;
}

.our-offerings .services-cards-title {
    margin-top: 20px;
    margin-bottom: 3px;
}

.services-cards-title {
    /*font-family: Avenir;*/
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-top: 24px;
    margin-bottom: 0;
}

.services-cards-desc {
    /*font-family: Avenir-Roman;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #999999;
    margin-bottom: 20px;
}

.our-offerings .services-cards-desc {
    width: 100% !important;
}

.our-offerings-content picture img {
    height: 416px;
    object-fit: contain;
    background: #f0f0f0!important;
}

.badge-desc {
    /* font-family: Avenir; */
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #999999;
    position: relative;
    padding-left: 25px;
    display: block;
}

.badge-img {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    padding-right: 4px;
    position: absolute;
    left: 0;
    top: -6px;
}

.learn-more-link a {
    /* font-family: Avenir; */
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.53px;
    text-transform: uppercase;
    color: #ed1c24;
    margin-top: 20px;
    display: block;
}

.our-offerings-content {
    margin-bottom: 40px;
}

.our-offerings-heading {
    display: block;
    width: 100%;
    padding-left: 15px;
}

@media screen and (max-width:767px) {
    .our-offerings .services-cards-title {
        margin-top: 16px;
        margin-bottom: 3px;
    }
    .our-offerings-content {
        margin-bottom: 20px !important;
    }
    .services-cards-title {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }
    .our-offerings-content:last-child {
        margin-bottom: 0;
    }
    .our-offerings {
        margin: 40px 0 0px;
    }
    .our-offerings .services-cards-desc {
        width: 100%;
        line-height: 1.38;
        margin-bottom: 12px;
    }
    .our-offerings-content .learn-more-link a {
        margin-top: 14px;
        font-size: 12px;
    }
    /* .our-offerings .our-offerings-content:last-child .services-cards-desc {
           margin: 0;
       } */
    .badge-desc {
        line-height: 1.67;
    }
    .badge-img {
        top: 0;
    }
    .unique-advantages .row {
        margin: 0px;
        margin-bottom: 30px;
    }
    .unique-advantages .col-md-4 {
        padding: 0%;
    }
    .unique-advantages .section-title,
    .unique-advantages h4,
    .unique-advantages p {
        padding: 0 25px;
    }
}


/********* Our offerings start  *******/


/********* Our Unique Advantages start  *******/


/* .unique-advantages .services-cards-title {
	margin-bottom: 4px;
} */

.unique-advantages .section-title {
    margin-bottom: 30px;
}

.unique-advantages-silder picture img {
    height: 227px;
    object-fit: cover;
    /* border-radius: 0; */
}

.unique-advantages.uniadv .services-cards-title {
    margin-top: 15px;
    margin-bottom: 8px;
}

@media screen and (max-width:767px) {
    .unique-advantages-silder picture img {
        height: 215px;
    }
}


/********* Our Unique Advantages end  *******/


/********* Design serviced body banner start  *******/

.design-services-banner-image:after {
    background-color: #000;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    opacity: .5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    top: 0;
}

.design-services-banner-text button {
    width: 184px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.2);
}

.design-services-banner-text {
    position: absolute;
    bottom: 42px;
    left: 50px;
    z-index: 2;
}

.design-services-banner {
    position: relative;
}

.design-services-body-banner {
    margin-bottom: 80px;
}

.hammer-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.design-services-banner-text h2 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* font-family: Avenir; */
    /* font-size: 47px; */
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.30;
    letter-spacing: normal;
    color: #efefef;
    margin-bottom: 40px;
    max-width: 700px;
    width: 100%;
}

.design-services-banner-text p {
    /* font-family: Avenir; */
    font-weight: 900;
    color: #efefef;
    font-size: 12px;
    text-transform: uppercase;
}

@media screen and (max-width:767px) {
    .design-services-banner .btn-outline {
        height: 32px;
    }
    .design-services-banner .hammer-icon {
        height: 16px;
        width: 16px;
    }
    .design-services-banner-text {
        bottom: 25px;
        left: 0;
        margin-left: 25px;
        width: calc(100% - 50px);
    }
    .design-services-banner-text h2 {
        font-size: 24px;
        font-weight: 900;
    }
    .design-services-banner-text h2 br {
        display: none;
    }
    .design-services-banner-text p {
        display: none;
    }
    .design-services-body-banner {
        margin-bottom: 40px;
    }
}


/********* Design serviced body banner end  *******/


/********* commercial space section start  *******/

.commercial-space-section {
    margin-bottom: 80px;
}

.get-it-build {
    width: 184px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
    border: solid 1.3px #ed1c24 !important;
    background-color: #ed1c24 !important;
    color: #fff;
    font-size: 14px;
}

.commercial-space-text h2 {
    /* font-family: Avenir; */
    font-size: 48px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-top: 49px;
    margin-bottom: 20px;
}

.commercial-space-text {
    padding-left: 39px;
}

.commercial-space-text p {
    /* font-family: Avenir-Roman; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #999999;
    margin-bottom: 46px;
}

.edition-list.d-flex.flex-column.idea-spacing .edition-parent .carousel-child.our-projects-child .edition-image {
    border-radius: 4px;
}


/********* our projects section start  *******/

.our-stories .edition-parent .carousel-child:first-child {
    margin-bottom: 0;
}

.our-stories .edition-parent .carousel-child {
    margin-bottom: 0;
}

.edition-parent .carousel-child.our-projects-child {
    max-width: 36.3rem;
    width: 100%;
    margin: 0 8px;
}

.edition-parent .carousel-child.our-projects-child .edition-image {
    height: 230px;
}

.our-stories .edition-parent .carousel-child.our-projects-child .edition-image {
    height: 230px !important;
}

.our-stories .edition-parent .carousel-child .edition-content {
    padding: 0;
}

.our-stories .edition-parent .carousel-child:first-child .edition-image {
    flex: none;
}

.design-our-projects {
    background: #f7f7f7;
    padding: 60px 0 0;
    margin-bottom: 80px;
}

.btn-blank.secondary.borderd-btn {
    color: #ed1c24;
    border: 1px solid;
    font-size: 12px;
    width: 104px;
    height: 32px;
}

.checkmark.bg-none {
    background: #f7f7f7;
}

.edition-parent .carousel-child.our-projects-child:nth-child(4) {
    margin-right: 0px;
}

.edition-parent .carousel-child .video-play-icon img {
    width: 10px;
    height: 14px;
    position: absolute;
    top: 9px;
    left: 12px;
    transition: none;
    transform: none;
}

.video-play-icon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #ed1c24;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.design-our-projects .edition-parent .flickity-page-dots {
    top: 100%;
    text-align: center;
    right: auto;
    margin: 50px 0 auto;
    transform: translateX(-50%);
    left: 50%;
}

.design-our-projects .flickity-page-dots .dot.is-selected {
    border: 1px solid #ed1c24;
    background: #ed1c24
}

.design-our-projects .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #ed1c24;
}

.design-our-projects .edition-parent .flickity-button {
    display: none;
}

.design-our-projects .edition-parent .carousel-child:first-child {
    flex-direction: column;
}

.our-stories .edition-parent .carousel-child:first-child {
    flex-direction: column;
}

.design-our-projects .edition-parent .carousel-child:first-child .edition-image {
    flex: none;
}

.design-our-projects .edition-parent .carousel-child .edition-image img {
    height: 230px;
    object-fit: cover;
    border-radius: 5px;
}

.design-our-projects .edition-parent .carousel-child:first-child {
    /* margin-right: 20px; */
    min-height: auto;
    margin-bottom: 0;
}

.design-our-projects .edition-parent .carousel-child:first-child .edition-content {
    padding: 0;
}

.design-our-projects .edition-parent .carousel-child:first-child .edition-content .description-text {
    margin: 0;
}

.design-our-projects .edition-parent .description-limited {
    /* font-family: Avenir; */
    font-size: 18px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}

.carousel-content .edition-parent .description-text {
    font-size: 14px;
}

.design-our-projects .edition-parent .carousel-child:first-child h3 {
    /* font-family: Avenir; */
    /* font-size: 20px; */
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}

.author-text.m-0.mr-btm {
    margin-top: 12px;
}

section.section-wrapper-new.ap-magazine .sub-category-item {
    padding-bottom: 0px;
}

@media screen and (max-width:767px) {
    .commercial-space-section {
        margin-bottom: 40px;
    }
    .commercial-space-section .get-it-build {
        height: 32px;
        width: 100%;
    }
    .commercial-space-section .row {
        margin: 0;
    }
    .commercial-space-text {
        /* padding-left: 15px; */
        padding: 0 25px;
    }
    .commercial-space-text p {
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .commercial-space-text h2 {
        font-size: 20px;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .col-md-7.commercial-space-img {
        padding: 0;
    }
    .commercial-space-img img {
        height: 259px;
        object-fit: cover;
    }
    .edition-parent .carousel-child.our-projects-child {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }
}


/********* commercial space section end  *******/

@media screen and (max-width:767px) {
    .design-our-projects .edition-parent .carousel-child:first-child .author-block {
        margin-top: 0;
    }
    .design-our-projects .edition-parent {
        margin-bottom: 0;
    }
    .design-our-projects {
        padding-top: 0px;
        margin-bottom: 70px;
        padding-bottom: 80px;
    }
    .design-our-projects .edition-parent .carousel-child:first-child {
        margin-right: 10px;
    }
    .design-our-projects .author-text {
        position: absolute;
        left: 25px;
    }
    .design-our-projects .edition-parent .carousel-child .edition-image img {
        height: 220px !important;
        width: 100%;
        border-radius: 0 !important;
    }
    .design-our-projects .edition-parent .carousel-child:first-child .edition-image .video-play-icon img {
        width: 10px;
        height: 14px;
    }
    .design-our-projects .edition-parent .carousel-child:first-child .edition-content .description-text {
        /* font-family: Avenir; */
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: oblique;
        line-height: 1.38;
        letter-spacing: normal;
        color: #999999;
    }
    .design-our-projects .edition-parent .carousel-child .edition-content .description-text {
        /* font-family: Avenir; */
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: oblique;
        line-height: 1.38;
        letter-spacing: normal;
        color: #999999;
    }
    .design-our-projects .edition-parent {
        height: 44rem;
    }
    .design-our-projects .edition-content .author-block {
        padding-top: 1.7rem;
    }
    /* .design-our-projects .container {
           padding-right: 0;
           padding-left: 0;
       }
       .design-our-projects .edition-parent .carousel-child:first-child .edition-content {
           padding: 0 25px;
       }
       .design-our-projects .edition-parent .carousel-child .edition-content {
           padding: 0 25px;
       }
       .design-our-projects .section-title {
           padding: 0 25px;
       } */
}


/********* our projects section end  *******/


/********* brands we work start  *******/

.brands-we-work {
    margin: 80px 0 0px;
}

.brands-we-work-content h2 {
    margin-bottom: 75px;
}

.col-md-4.clients-img {
    padding: 35px 15px 65px;
    text-align: center;
}

.col-md-4.clients-img img {
    height: auto;
    width: auto;
}

@media screen and (max-width:767px) {
    .col-md-4.clients-img {
        padding: 15px 15px 65px;
        text-align: center;
        width: 50%;
    }
}


/********* brands we work end  *******/


/********* stories start  *******/

.our-stories {
    background: transparent;
    margin-bottom: 30px;
    padding: 0;
}

button.btn.get-it-build-small {
    width: 124px;
    height: 32px;
    border-radius: 5px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
    border: solid 1.3px#ed1c24;
    background-color: #ed1c24;
    font-size: 12px;
    padding: 0;
    color: #fff;
}

.btn.get-it-build-small img {
    width: 18px;
    height: 18px;
}

.sec-pos {
    position: relative;
}

.label-navigation {
    position: absolute;
    right: 50px;
}

.label-navigation a {
    /* font-family: Avenir; */
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ed1c24;
    /* text-transform: uppercase; */
}

.label-navigation a:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 4px;
    width: 4px;
    height: 4px;
    background: #999999;
    border-radius: 50%;
}

.title-height {
    height: auto !important;
}

@media screen and (max-width:767px) {
    .our-stories {
        padding-top: 0;
        margin-bottom: 20px;
    }
    .label-navigation {
        display: none;
    }
    .edition-parent .carousel-child.our-projects-child .edition-image {
        height: auto;
    }
    .our-stories .author-text {
        position: absolute;
        left: 0;
        margin-top: 0;
    }
    .our-stories .edition-parent {
        height: auto;
    }
    .our-stories .edition-parent .carousel-child {
        min-height: auto;
        padding-bottom: 0px;
    }
    .our-stories .edition-parent .carousel-child.our-projects-child {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .our-stories .edition-content .author-block {
        padding-top: 1.7rem;
    }
    .our-stories p.description-text.pb-10.text-primary.d-block {
        display: none !important;
    }
    li.carousel-child.our-projects-child .category-navigation {
        margin: 8px 0 8px;
    }
}

@media screen and (min-width:768px) and (max-width:1280px) {
    .our-stories .edition-parent .carousel-child.our-projects-child .edition-image {
        height: auto;
    }
}


/********* stories end  *******/


/********* Our Unique Advantages start  *******/

.row.unique-advantages-silder .flickity-page-dots {
    width: 100%;
}

.row.unique-advantages-silder .flickity-page-dots .dot.is-selected {
    border: 1px solid #ed1c24;
    background: #ed1c24;
}

.row.unique-advantages-silder .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #ed1c24;
}


/********* Our Unique Advantages end  *******/


/******** Faq section start *********/

.load-more-btn {
    width: 170px;
    /* height: 32px;*/
    border-radius: 4px;
    border: solid 1px#ed1c24;
    background-color: #ffffff;
    /* font-family: Avenir; */
    font-size: 14px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ed1c24;
    text-transform: uppercase;
}

.load-more-btn-div {
    text-align: center;
    margin-top: 5px;
}

.faq-section {
    margin-bottom: 80px;
}

.faq-section .accordionItem-Heading {
    margin: 30px 0;
    /* font-family: Avenir; */
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #4a4a4a;
}

.faq-section .open-w .accordion-ItemContent,
.faq-section .open-x .accordion-ItemContent {
    margin: 0;
}

.faq-section .accordian-desc {
    padding: 10px 0 18px;
}

@media screen and (max-width:767px) {
    .load-more-btn {
        width: 100%;
    }
    .faq-section .accordionItem-Heading {
        font-size: 16px;
        font-weight: 600;
        margin: 17px 0;
    }
    .faq-section .accordionItem-Heading {
        font-size: 16px;
    }
    .faq-section .accordionItem-Heading {
        font-weight: 600;
        position: relative;
        padding-right: 25px;
        line-height: 1.5;
    }
    .faq-section span.drop-icon-w {
        position: absolute;
        right: 0;
        top: 0;
    }
    .faq-section span.drop-icon-w i {
        font-weight: 900;
    }
}


/******** faq sectionn end *********/


/********* gallery section start  *******/

.gallery-desc p {
    /* font-family: Avenir-Roman; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #999999;
    margin-bottom: 20px;
}

.design-gallery-section .section-title {
    margin-bottom: 20px;
}

.design-gallery-section {
    margin-bottom: 90px;
}

.gallry-slide-item {
    position: relative;
}

.action-buttons.d-flex.flex-column.gallery-share {
    position: absolute;
    right: 32px;
    top: 32px;
}

ul.list-unstyled.gallery-acion-btns li {
    display: inline-block;
    padding-right: 30px;
}

.action-buttons.d-flex.flex-column.gallery-share .share-popup {
    position: relative;
    display: inherit;
}

.gallery-get-it-btn {
    position: absolute;
    right: 32px;
    bottom: 32px;
}

.design-gallery-section .flickity-page-dots {
    width: 100%;
}

.design-gallery-section .flickity-page-dots .dot.is-selected {
    border: 1px solid #ed1c24;
    background: #ed1c24;
}

.design-gallery-section .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #ed1c24;
}

.design-gallery-section .gallry-slide-item {
    width: 100%;
}

.design-gallery-section-slide {
    height: 100%;
}

.design-gallery-section-slide .flickity-prev-next-button:disabled {
    border: 1px solid #ed1c24;
    background: transparent;
    color: #ed1c24;
    opacity: 1;
}

@media screen and (max-width:767px) {
    .gallery-get-it-btn .get-it-build {
        width: 144px;
        font-size: 12px;
        height: 32px;
    }
    .gallery-get-it-btn .get-it-build img {
        height: 16px;
        width: 16px;
    }
    .gallery-get-it-btn {
        right: 25px;
        bottom: 25px;
    }
    .action-buttons.d-flex.flex-column.gallery-share {
        position: absolute;
        right: 25px;
        top: 25px;
    }
    .gallery-share .btn+.btn {
        margin-left: 2rem;
    }
    .gallery-share .btn {
        margin-left: 2rem;
    }
    .gallery-desc {
        padding: 0 25px;
    }
    .design-gallery-section .section-title {
        padding: 0 25px;
    }
    .gallery-desc p {
        line-height: 1.38;
    }
    .design-gallery-section .flickity-prev-next-button {
        display: none;
    }
}


/********* gallery section end  *******/


/* footer */

.footer-list {
    list-style: none;
    margin-top: 20px;
}

.footer-list li {
    margin-bottom: 15px;
}

.footer-list li a {
    /* font-family: Avenir-Roman; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #999999;
}

footer .footer-form h3 {
    font-size: 20px;
}

footer .footer-form input {
    background-color: #fff !important;
}

footer .footer-form .news-letter-addon {
    background-color: #fff;
}

.footer-list .drop-icon {
    display: none;
}


/*  */

@media screen and (max-width:991.98px) {
    .banner-box .lifestyle-card {
        max-width: 415px;
        max-width: 90%;
    }
    .banner-box .lifestyle-card p {
        font-size: 24px;
    }
}

@media screen and (max-width:767.98px) {
    .design-our-projects ol.flickity-page-dots {
        top: 115% !important;
        position: absolute;
    }
    .design-our-projects .edition-image.mb-3 {
        margin-bottom: 20px;
    }
    .design-our-projects h2 {
        /* padding: 0 25px; */
        width: 100%;
        background: #fff;
        height: 50px !important;
        align-items: start !important;
    }
    .design-our-projects .section-title {
        margin-bottom: 0;
        padding: 0 25px;
    }
    .design-our-projects h3 {
        padding: 0 25px;
        margin-bottom: 12px
    }
    .design-our-projects p {
        padding: 0 25px;
    }
    .design-our-projects .d-flex.justify-content-md-between.justify-content-end.align-items-center.full-width {
        padding: 5px 25px 0;
    }
    .design-our-projects .carousel-child.our-projects-child {
        border-radius: 0;
        margin-right: 0px !important;
        margin-left: 0;
        height: 100%
    }
}


/* footer */

footer .footer-form .social-icons {
    justify-content: left !important;
    margin-top: 37px;
}

.copyright-block>div:first-child {
    text-align: left !important;
}

.copyright-block>div {
    text-align: left;
}

.footer-list .drop-icon {
    display: block;
}

.footer-list .drop-icon i {
    color: #fff;
    top: 20px;
}

footer .footer-form h3 {
    margin-bottom: 35px;
    /* font-family: Avenir; */
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #ffffff;
}

footer .copyright-block span {
    margin-right: 0px;
}

.copyright-block li:first-child span {
    margin-right: 0.8rem;
}


}

/* footer end */

/********* GET-IT-BUILT POP-UP FORM CSS START *******/
.get-it-built-modal {
    /* opacity: 0.43; */
    
    height: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 155;
    /* opacity: 0;
       visibility: hidden;
       backface-visibility: hidden;
       transform: translateX(0%) translateY(0%); */
    
    transition-delay: 0.2s;
    display: none !important;
}
.get-built-box {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    border-radius: 4.8px;
    /* transform: translate(50%, 50%); */
    
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    background-color: #ffffff;
    top: 15px;
    left: 0;
    right: 0;
}
.pop-close-img {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 30px;
    z-index: 10;
}
.get-built-box .col-md-7 {
    padding: 30px 20px;
}
.get-built-box img {
    height: 100%;
}
.get-built-box .row {
    margin: 0;
}
.get-built-box .col-md-5 {
    padding: 0;
}
.bulit-pop-form-sec input.form-control:focus {
    border: 1px solid rgba(74, 74, 74, 0.2);
    -webkit-appearance: none;
}
.built-pop-card {
    padding: 2.5rem 2.5rem 0rem;
    /* overflow-y: auto;
    max-height: 500px; */
}
.built-pop-card::-webkit-scrollbar {
    width: 5px;
}
.built-pop-card::-webkit-scrollbar-track {
    background: #6D6E71;
}
.built-pop-card::-webkit-scrollbar-thumb {
    background: #000;
}
.built-pop-card::-webkit-scrollbar-thumb:hover {
    background: #fa6a79;
}
.built-pop-card p {
    /* font-family: Avenir; */
    
    font-size: 1.8rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    margin-bottom: 2rem;
    color: #4a4a4a;
}
.built-pop-card .built-head {
    font-size: 4rem;
}
.built-pop-card .built-text {
    font-size: 1.4rem;
    line-height: 0.86;
    color: #999999
}
.built-pop-card .bulit-pop-desc {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #999999;
}
.bulit-pop-form-sec .form-group {
    margin-bottom: 2rem;
}
.bulit-pop-form-sec input.form-control {
    font-size: 1.4rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-built-submit {
    text-align: right;
}
.form-group .built-pop-btn {
    outline: 0;
    padding: 11px 45px;
}
.ap-btn {
    padding: 5px 15px;
    border: 1px solid;
    font-size: 12px;
    border-radius: 5px;
}
.show-pop {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.form-group .built-pop-btn {
    text-align: center;
}
@media screen and (max-width:767px) {
    .get-built-box {
        width: 95%;
        top: 10px;
        transform: none;
        padding: 15px;
    }
    
    .get-built-box .col-md-5 {
        display: none;
    }
    
    .built-pop-card .built-head {
        font-size: 20px;
    }
    
    .pop-close-img {
        right: 0;
        top: 0;
    }
    
    .form-group .built-pop-btn {
        display: block;
        width: 100%;
    }
}

/* Thank you popup css start */
.thank-you-img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 0 auto;
    border: solid 1.5px #fff3f5;
    background-color: #fff3f5;
    margin-bottom: 3.2rem;
}
.thank-pop-card {
    padding: 2.5rem 2.5rem 0rem;
    text-align: center;
    /* transform: translateY(24%); */
}
.thank-pop-card p {
    /* font-family: Avenir; */
    
    font-size: 1.6rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    /* margin-bottom: 2rem; */
    
    color: #4a4a4a;
    padding-bottom: 2.8rem;
}
.thank-pop-card .thank-pop-desc {
    color: #999999;
    line-height: 1.71;
    font-size: 1.4rem;
}

/* Thank you popup css end */

/********* GET-IT-BUILT POP-UP FORM CSS END *******/
.our-stories .description-limited,
.idea-sec .description-limited {
    height: 60px
}
.our-stories .carousel-description,
.idea-sec .carousel-description {
    height: 300px
}
.our-stories .description-text {
    height: 120px
}
.col-md-7.thankyousmsg {
    flex: 0 0 100%;
    max-width: 100%;
}
.how-it-works .accordionItem-Heading:hover {
    color: #4a4a4a;
}

/********* How it Works start  *******/
.accordion-ItemHeading {
    border-bottom: 1px solid #ececec;
}
.close-x .accordion-ItemContent {
    height: 0px;
    transition: height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}
.close-w .accordion-ItemContent {
    height: 0px;
    transition: height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}
.open-w .accordion-ItemContent,
.open-x .accordion-ItemContent {
    padding: 0;
    margin: 0px 0px 10px 0px;
    display: block;
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.4s ease;
    box-sizing: border-box;
}
.open-w .accordion-ItemHeading,
.open-x .accordion-ItemHeading {
    color: #fa6a79 !important;
}
.accordionItem-Heading .drop-icon-w i {
    font-size: 14px;
    color: #ed1c24;
}
.open-w .accordionItem-Heading .drop-icon-w i,
.open-x .accordionItem-Heading .drop-icon-w i {
    transform: rotate(180deg);
}
.acc-step {
    /*font-family: Avenir;*/
    
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #999999;
    padding-bottom: 8px;
    padding-top: 22px;
}
.accordionItem-Heading {
    /* font-family: Avenir-Roman;*/
    
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 23px;
    display: block;
}
.accordian-desc,
.accordian-desc p {
    /*font-family: Avenir-Roman;*/
    /* font-size: 16px; */
    
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #999999;
    padding: 12px 0;
}
.accordion-Item {
    border-top: 1px solid#999999;
}
.accordion-Item:last-child {
    border-bottom: 1px solid#999999;
}
.accordion-Item.open-w .accordionItem-Heading,
.accordion-Item.open-x .accordionItem-Heading {
    margin-bottom: 0px;
    display: block;
}
.accordion-Item.open-x .accordionItem-Heading {
    margin-bottom: 0px;
    display: block;
}
.accordionItem-Heading i {
    float: right;
}
.how-it-works {
    margin: 80px 0 60px;
}
.accordian-sec-left {
    padding-right: 63px;
}
.accordian-tabs {
    margin-bottom: 35px;
}
.md-mob-dis {
    display: none;
}
.banner-box .text-primary {
    margin-bottom: 12px !important;
}
.covid-carousel li p {
    padding: 0 10px;
}
@media screen and (max-width:767px) {
    .design-our-projects li.carousel-child.our-projects-child {
        max-width: 100%;
        width: 100%;
    }
    
    .unique-advantages .services-cards-desc {
        line-height: 1.45;
        font-weight: 500;
    }
    
    .how-it-works .section-title {
        padding-bottom: 32px;
        margin-bottom: 0;
    }
    
    .accordian-desc,
    .accordian-desc p {
        font-size: 14px;
    }
    
    .image-sec-right.col-md-6 {
        display: none;
    }
    
    .accordian-sec-left {
        padding-right: 15px;
    }
    
    .how-it-works .accordionItem-Heading {
        font-weight: 600;
        position: relative;
        padding-right: 25px;
        line-height: 1.5;
    }
    
    .md-mob-dis {
        display: block;
        margin-top: 10px;
        padding: 0;
    }
    
    .how-it-works .get-it-build {
        width: 100%;
    }
    
    .accordian-desc {
        font-size: 14px;
    }
    
    .how-it-works span.drop-icon-w {
        position: absolute;
        right: 0;
        top: -20px;
    }
    
    .how-it-works span.drop-icon-w i {
        font-weight: 900;
    }
    
    .how-it-works {
        margin: 40px 0;
    }
    
    .design-our-projects .container {
        padding: 0;
    }
}
@media screen and (min-width:767px) and (max-width:1140px) {
    .accordian-sec-left {
        padding-right: 15px;
    }
}

/********* How it Works end  *******/
label.custom-control-label.mb-4.ml-4 {
    font-size: 14px;
}

.step-2.ap-vh {
    height: calc(100vh - 48px);
}

.icon-heart-outline:after {
    content: "\e91b";
    color: #ed1c24
}

.bookmark-checkbox input[type="checkbox"]:checked~.icon-heart-outline:after {
    display: block;
    font-family: "icomoon";
    content: "\e912";
}

body {
    margin-top: 114px;
}

.body-mt {
    margin-top: 60px !important;
    transition: 700ms;
}

.bg--primary {
    background: #ed1c24
}

.bg--secondary {
    background: #424b5a;
}

.bg--gray {
    background: #f7f7f7
}

.col--primary {
    color: #ed1c24 !important
}

.col--secondary {
    color: #4a4a4a !important;
}

.col--white {
    color: #ffffff !important
}

.w-100 {
    width: 100% !important
}

.ap--btn__primary {
    padding: 9px 25px;
    font-size: 14px;
    font-weight: 500;
    border-width: 0.13rem;
    min-width: 10rem;
    width: auto;
    text-align: center;
    color: #fff !important;
    background: #ed1c24 !important;
}

.ap--btn__primary:hover,
.ap--btn__primary:focus {
    color: #fff;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.br-0 {
    border-radius: 0;
}

.br-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.mt-0 {
    margin-top: 0
}

.bg--none {
    background: none;
}

.bg--border__white {
    border-color: #fff;
}

.ap--fontBold {
    font-weight: 600 !important;
}

.ml-4 {
    margin-left: 1.5rem!important;
}

.ap--fontMedium {
    font-weight: 500 !important;
}

.ap--opBg {
    background-color: rgba(0, 0, 0, .5);
}

.top0 {
    top: 0 !important;
    transition: 700ms;
}

.verticle-overlay {
    position: relative;
}

.verticle-overlay:after {
    background-color: #000;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    opacity: .5;
    top: 0;
}

.quote-online-form .q-form-data {
    display: flex;
    flex-direction: column;
    position: relative;
}

.form-group .error-list {
    left: 3px;
    position: relative;
}

.quote-online-form .q-form-data span {
    position: absolute;
    bottom: -20px;
    left: 3px;
}

.quote-online-form .flex-container {
    margin-bottom: 20px;
}

.quote-online-form .q-form-data {
    display: flex;
    flex-direction: column;
    position: relative;
}

.quote-online-form .q-form-data span {
    position: absolute;
    bottom: -20px;
}

.quote-online-form .flex-container {
    margin-bottom: 20px;
}

.custom-control-label {
    margin-bottom: 25px;
}

.quote-online-form .custom-control-label {
    margin-bottom: 0;
}

.ap-hammer {
    width: 20px !important;
    height: 20px !important;
    float: left;
    margin-right: 5px;
    display: none;
}

.banner-box .lifestyle-card.form-box {
    height: 659px;
}

.banner-box .lifestyle-card.form-box .category-description {
    line-height: 1.7;
    margin-bottom: 31px;
}

.icon-btn {
    display: flex;
}

.idea-list {
    position: absolute;
    bottom: 0;
}

.sub-category-item {
    padding-bottom: 38px;
    position: relative;
}

.edition-content .author-block {
    padding-top: 15px !important;
}

.ap--primary-border {
    border-color: #ed1c24 !important;
}

.ap-btn {
    padding: 9px 15px !important;
    border: 1px solid;
    font-size: 14px;
    border-radius: 5px;
}


/* 
.ap-btn-shadow {
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
} */

.ap-hyperlink {
    font-size: 16px;
}

.section-pad {
    padding: 35px 0;
}

.form-control:focus {
    border-color: rgba(0, 0, 0, .3);
}

.checkmark {
    background-color: transparent;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0;
}

.mr-0 {
    margin-right: 0 !important;
}

.r-90 {
    right: 90px !important;
}

.pb-70 {
    padding-bottom: 80px !important;
}

.categoryfollow {
    padding-top: 20px;
}

.carousel-room .category-description {
    color: #999999;
    font-weight: normal;
}

.page-content h1 {
    padding-top: 0rem;
}

.teammeber-profile .teamlist-info {
    margin-top: 0px;
}

.q-form-data {
    width: auto;
}

.section-wrapper-new {
    margin: 50px 0px 0px !important;
}

.section-title h2 {
    /*font-size: 36px !important; */
    font-size: 28px !important;
    font-family: 'Crimson Text', serif !important;
    height: 42px;
    align-items: center;
    display: flex;
}

.whatsapp-div {
    position: relative;
    padding-left: 23px;
}

.whatsapp-div .custom-control-input {
    visibility: hidden;
    padding: 0;
}

.custom-control-label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: solid 0.7px #dbdbdb;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    color: #fff;
    background-color: #fff !important;
    left: 0;
    position: absolute;
    padding: 7px;
    border-radius: 3px;
    top: 0px;
    height: 1px;
    width: 1px
}

.custom-control-input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    height: 9px;
    left: 6px;
    width: 4px;
    border: solid red;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.shop-section .category-tags {
    padding-right: 10px;
}

.shop-section .category-tags:after {
    top: 36%;
}

.shopping-journal .section-title {
    margin-bottom: 15px !important;
}

.banner-form-sec input.form-control {
    height: 40px;
}

.section-wrapper-new.ap-magazine .main-category .product-feature .product-image {
    height: 53.8rem;
    max-height: 53.8rem;
}

.ap-magazine .tile-overlay .overlay-subhead {
    font-size: 12px;
    margin-bottom: 10px;
}

.ap-magazine .tile-overlay .overlay-head {
    font-size: 20px;
    margin-bottom: 10px;
}

.tile-overlay .learn-more-link a {
    text-transform: initial;
}


/* .h-auto{height:auto !important} */

.body-overlay {
    overflow: hidden;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ed1c24;
    background-color: #ed1c24;
}

.get-it-built-modal .form-group .built-pop-btn {
    padding: 11px 45px;
}

.quote-online-img img {
    height: 386px;
}


/* .quote-online-img {
        margin-top: 30px;          
          } */

.q-online-desc p {
    max-width: 697px;
}

.bookmark-checkbox input[type="checkbox"]:checked~.checkmark:after {
    display: block;
    font-family: "icomoon";
    content: "\e912";
}

.q-online-desc h2 {
    font-size: 48px;
}

@media screen and (max-width:767px) {
    section.section-wrapper-new.ap-magazine .verticle-overlay {
        margin-bottom: 40px;
    }
    section.section-wrapper-new.ap-magazine .main-category .product-feature {
        margin-bottom: 40px;
    }
    .section-wrapper-new.ap-magazine .main-category .product-feature .product-image {
        height: 334px;
        max-height: 334px;
    }
    .mb-mobile {
        margin: 0 !important;
    }
    .br-sm-0 {
        border-radius: 0 !important;
    }
    .quote-online-form .flex-container {
        margin-bottom: 0
    }
    .getQuoteForm {
        padding: 6% !important;
    }
    .quote-online-form .custom-control-label {
        margin-bottom: 15px;
    }
    .quote-online-img img {
        height: auto;
    }
    .tile-overlay {
        padding: 20px;
    }
    .mb-80 {
        margin-bottom: 40px !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .shop-home .edition-parent .carousel-child,
    .shop-home .edition-parent .carousel-child:first-child {
        max-width: 100%;
    }
    .whatsapp-div {
        padding-left: 15px;
    }
    .custom-control-input:checked+label:after {
        top: 7px;
    }
    .custom-control-label:before {
        top: 4px
    }
    .w-sm-100 {
        width: 100% !important
    }
    .body-mt {
        margin-top: 60px;
    }
    .section-title h2 {
        font-size: 20px !important;
        font-family: 'Crimson Text', serif !important;
        height: 26px;
    }
    .design-our-projects .section-title {
        background: #fff !important;
    }
    .design-our-projects .section-title h2 {
        width: auto;
        line-height: 20px;
    }
    .design-our-projects .btn-blank.secondary.borderd-btn {
        /* margin-right: 25px; */
        position: relative;
        top: -10px;
    }
    .our-stories .description-limited,
    .our-stories .carousel-description,
    .our-stories .description-text {
        height: auto
    }
    .idea-sec .description-limited,
    .idea-sec .carousel-description,
    .idea-sec .description-text {
        height: auto
    }
    .shop-section .edition-parent .carousel-child:first-child .edition-image {
        height: 334px;
        object-fit: cover;
    }
    .categoryfollow {
        padding-top: 20px;
    }
    .other-prod-title h2 {
        font-size: 20px !important;
        font-family: 'Crimson Text', serif !important;
    }
    .q-form-data {
        width: 100%
    }
    .q-form-data input {
        height: 40px;
    }
    .q-on-button {
        padding: 11px;
    }
    .lifestyle-card p {
        margin-bottom: 2.5rem;
    }
    .shopheight {
        height: 82rem !important;
    }
    .shopheight .carousel-child:first-child h3 {
        font-size: 20px;
    }
    .shopheight .description-text {
        font-size: 16px;
    }
    .shopheight .category-navigation {
        margin: 1rem 0 1.4rem;
    }
    .designserv {
        margin-bottom: 40px !important;
    }
    .sub-category-list .sub-category-title {
        margin-bottom: 0.6rem;
    }
    .uniadv {
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .shop-section .edition-parent .carousel-child:first-child .edition-image {
        height: 52.8rem;
    }
}

.right-arrow {
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    top: 40%;
    right: 10px;
    font-size: 16px;
    color: #ed1c24;
}

.br-0 {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.font16 {
    font-size: 16px !important;
}

.font12 {
    font-size: 12px !important;
}

.font18 {
    font-size: 18px !important;
}

.flickity-page-dots .dot.is-selected {
    background: #ed1c24;
}

.flickity-prev-next-button:disabled {
    border: 1px solid #ed1c24;
    background: transparent;
    color: #ed1c24;
    opacity: 1;
}

.flickity-page-dots .dot {
    height: 10px;
    width: 10px;
    border: solid 2px #ed1c24;
    background: #fff;
}

main {
    padding-top: 0;
}

.home-banner-carousel .carousel-cell img {
    height: 650px;
    object-fit: cover;
}

.home-banner-carousel .carousel-cell {
    width: 100%;
    /* full width */
    /* height: 160px; height of carousel */
    margin-right: 10px;
    padding-bottom: 100px;
}

.home-banner-carousel {
    margin-bottom: 60px;
}

.badge-notification {
    width: 100%;
    background: #ed1c24;
    color: #fff;
    padding: 6px 25px !important;
    font-size: 16px;
    font-weight: 500;
    transition: 700ms;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.badge-notification p {
    font-size: 16px;
}

.badge--close {
    float: right;
}

.banner-box .lifestyle-card {
    border-radius: 4.8px;
    -webkit-border-radius: 4.8px;
    -moz-border-radius: 4.8px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    -moz-box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    max-width: 552px !important;
    position: absolute;
    bottom: -50px;
    left: 10%;
    margin-bottom: 60px;
}

.banner-box .lifestyle-card p {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    min-height: auto;
    margin-bottom: 20px;
}

.banner-box .category-navigation {
    margin-top: 0;
}

.home-banner-carousel .flickity-page-dots {
    position: absolute;
    bottom: 70px;
    right: 11%;
    width: auto;
}

.home-banner-carousel .flickity-page-dots .dot.is-selected {
    background: #ed1c24;
}

.home-banner-carousel .flickity-page-dots .dot {
    height: 10px;
    width: 10px;
    border: solid 2px #ed1c24;
    background: #fff;
}

.main-category .product-image a img {
    object-fit: cover;
}

.banner-box .category-navigation a {
    font-weight: 800;
}


/* shop */

.shop-section .edition-parent .flickity-page-dots {
    display: none;
}

.unique-advantages-silder .flickity-page-dots {
    bottom: -13px;
}


/* shop end */


/********* GET-IT-BUILT POP-UP FORM CSS START *******/

.get-it-built-modal {
    /* opacity: 0.43; */
    height: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 155;
    /* opacity: 0;
      visibility: hidden;
      backface-visibility: hidden;
      transform: translateX(0%) translateY(0%); */
    transition-delay: 0.2s;
    display: none !important;
}

.get-built-box {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    border-radius: 4.8px;
    /* transform: translate(50%, 50%); */
    box-shadow: 0 5px 11px 0 rgba(250, 106, 121, 0.2);
    background-color: #ffffff;
    top: 20px;
    left: 0;
    right: 0;
}

.pop-close-img {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 30px;
    z-index: 10;
}

.get-built-box .col-md-7 {
    padding: 30px 20px;
}

.get-built-box img {
    height: 100%;
}

.get-built-box .row {
    margin: 0;
}

.get-built-box .col-md-5 {
    padding: 0;
}

.bulit-pop-form-sec input.form-control:focus {
    border: 1px solid rgba(74, 74, 74, 0.2);
    -webkit-appearance: none;
}

.built-pop-card {
    padding: 2.5rem 2.5rem 0rem;
    overflow-y: auto;
    max-height: 611px;
}

.built-pop-card::-webkit-scrollbar {
    width: 5px;
}

.built-pop-card::-webkit-scrollbar-track {
    background: #6D6E71;
}

.built-pop-card::-webkit-scrollbar-thumb {
    background: #000;
}

.built-pop-card::-webkit-scrollbar-thumb:hover {
    background: #fa6a79;
}

.built-pop-card p {
    /* font-family: Avenir;*/
    font-size: 1.8rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    margin-bottom: 1rem;
    color: #4a4a4a;
}

.built-pop-card .built-head {
    font-size: 4rem;
}

.built-pop-card .built-text {
    font-size: 1.4rem;
    line-height: 0.86;
    color: #999999
}

.built-pop-card .bulit-pop-desc {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #999999;
}

.bulit-pop-form-sec .form-group {
    margin-bottom: 2rem;
}

.bulit-pop-form-sec input.form-control {
    font-size: 1.4rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-built-submit {
    text-align: right;
}

.form-group .built-pop-btn {
    outline: 0;
    padding: 9px 45px !important;
}

.ap-btn {
    padding: 5px 15px;
    border: 1px solid;
    font-size: 12px;
    border-radius: 5px;
}

.show-pop {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.form-group .built-pop-btn {
    text-align: center;
}

@media screen and (max-width:767px) {
    .font18 {
        font-size: 12px !important;
    }
    .verticle-overlay .tile-overlay {
        padding-right: 30px;
    }
    .get-built-box {
        width: 85%;
        top: 50%;
        transform: none;
        padding: 0;
        transform: translateY(-50%);
    }
    .get-built-box .col-md-7 {
        padding: 25px 10% !important;
        position: relative;
    }
    .get-built-box .col-md-5 {
        display: none;
    }
    .built-pop-card .built-head {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .pop-close-img {
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }
    .form-group .built-pop-btn {
        display: block;
        width: 100%;
        /* text-align: center; */
    }
    .banner-box .lifestyle-card.form-box {
        height: auto;
    }
}


/* Thank you popup css start */

.thank-you-img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 0 auto;
    border: solid 1.5px #fff3f5;
    background-color: #fff3f5;
    margin-bottom: 3.2rem;
}

.thank-pop-card {
    padding: 2.5rem 2.5rem 0rem;
    text-align: center;
    /* transform: translateY(24%); */
}

.thank-pop-card p {
    /* font-family: Avenir; */
    font-size: 1.6rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    /* margin-bottom: 2rem; */
    color: #4a4a4a;
    padding-bottom: 2.8rem;
}

.thank-pop-card .thank-pop-desc {
    color: #999999;
    line-height: 1.71;
    font-size: 1.4rem;
}

.poplink,
.icon-cancel {
    color: white;
}


/* build the space you desire */

.help-steps-btns .ap-btn {
    padding: 10px 34px;
    border: 1px solid;
    font-size: 14px;
    border-radius: 5px;
}

.help-steps-btns a:nth-child(2) {
    margin-left: 25px;
}


/* vertical overlay */

.verticle-overlay {
    position: relative;
    overflow: hidden;
    transition: .3s linear;
    transition: all 800ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 30px;
}

.verticle-overlay picture img {
    height: 430px;
    object-fit: cover;
}


/* .verticle-overlay:hover img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transition: 800ms;
  } */


/* other product */

.shopthelook .full-width.shopping-journal {
    padding: 0px;
}

.pro-carousel .carousel-cell {
    width: 24%;
    margin-right: 15px;
}

.pro-carousel .flickity-page-dots {
    position: relative;
    bottom: 0;
    width: 100%;
}

.pro-carousel {
    margin-bottom: 50px;
}

.other-prod-title h2 {
    /* font-family: Avenir; */
    font-family: 'Crimson Text', serif !important;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.pro-carousel .verticle-overlay {
    overflow: hidden;
    transition: all 800ms ease-in-out 0s;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.pro-carousel .verticle-overlay:hover img {
    transition: 800ms;
}

.pro-carousel .verticle-overlay img {
    height: 417px;
    object-fit: cover;
}


/* end other product */


/* design services */

.design-services-banner-text button {
    width: 184px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.2);
}

.design-services-banner-text {
    position: absolute;
    bottom: 42px;
    left: 50px;
}

.design-services-banner {
    position: relative;
}

.design-services-body-banner {
    margin-bottom: 80px;
}

.hammer-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: none;
}

.design-services-banner-text h2 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* font-family: Avenir; */
    /* font-size: 47px; */
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.30;
    letter-spacing: normal;
    color: #efefef;
    margin-bottom: 40px;
}

.design-services-banner-text p {
    /* font-family: Avenir; */
    font-weight: 900;
    color: #efefef;
    font-size: 12px;
    text-transform: uppercase;
}

.sub-category-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
}

@media screen and (max-width:1024px) {
    .banner-box .lifestyle-card {
        bottom: -55px;
    }
    .home-banner-carousel .carousel-cell {
        padding-bottom: 160px;
    }
    .banner-box .lifestyle-card p {
        font-size: 30px;
    }
    .quote-online-form .custom-control-input {
        width: auto;
    }
    .flex-container input {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .design-services-banner .btn-outline {
        padding: 5px 10px;
        width: auto;
        font-size: 12px;
    }
    .design-services-banner a {
        font-size: 12px !important;
    }
    .design-services-banner .hammer-icon {
        height: 16px;
        width: 16px;
    }
    .design-services-banner-text {
        bottom: 25px;
        left: 0;
        margin-left: 25px;
        width: calc(100% - 50px);
    }
    .banner-box.form-box {
        transform: translateY(0);
    }
    .design-services-banner-text h2 {
        font-size: 20px;
        font-weight: 600;
        align-items: center;
        height: 96px;
        display: flex;
        margin-bottom: 16px;
    }
    .design-services-banner-text h2 br {
        display: none;
    }
    .design-services-banner-text p {
        display: none;
    }
    /* verticle overlay */
    .sub-category-list .verticle-overlay button {
        padding: 5px;
    }
    .sub-category-list .verticle-overlay a {
        font-size: 12px !important;
    }
    .edition-parent {
        height: 60rem;
        margin-bottom: 3rem;
    }
    .pro-carousel .verticle-overlay img {
        height: 390px;
    }
    .verticle-overlay picture img {
        height: 390px;
    }
}


/*  */


/* footer */

.footer-list {
    list-style: none;
    margin-top: 20px;
    padding: 0px;
}

.footer-list li {
    margin-bottom: 15px;
}

.footer-list li a {
    /* font-family: Avenir-Roman; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #999999;
}

footer .footer-form h3 {
    font-size: 20px;
}

footer .footer-form input {
    background-color: #fff !important;
}

footer .footer-form .news-letter-addon {
    background-color: #fff;
}

.footer-list .drop-icon {
    display: none;
}

.error-list {
    color: #ed1c24;
    /*top: 60px;*/
    font-size: 12px;
    font-weight: 700;
}


/*  */

@media screen and (max-width:991.98px) {
    .banner-box .lifestyle-card {
        max-width: 415px;
    }
    .banner-box .lifestyle-card p {
        font-size: 24px;
    }
    /* other product */
    .pro-carousel .carousel-cell {
        width: 50%;
    }
    .home-banner-carousel .carousel-cell img {
        height: 340px;
    }
}

@media screen and (max-width:767.98px) {
    .design-our-projects .edition-image {
        border-radius: 0px !important;
    }
    .ap-btn {
        padding: 6px 14px !important;
        min-width: 90px;
        justify-content: center;
    }
    .category-navigation a {
        font-size: 12px;
    }
    .banner-box .author-block {
        flex-direction: column;
        justify-content: left !important;
        align-items: flex-start !important;
    }
    .banner-box .author-block a {
        display: block;
        width: 100%;
        margin-top: 15px;
        font-size: 12px;
    }
    .quote-online-form .q-form-data span {
        bottom: 10px;
    }
    /* footer */
    footer .footer-form .social-icons {
        justify-content: left !important;
    }
    .copyright-block>div:first-child {
        text-align: left !important;
    }
    .copyright-block>div {
        text-align: left;
    }
    .footer-list .drop-icon {
        display: block;
    }
    .footer-list .drop-icon i {
        color: #fff;
        top: 20px;
    }
    /*  */
    /* product */
    .pro-carousel .carousel-cell {
        width: 100%;
    }
    .flickity-button {
        display: none;
    }
    .banner-box .ap--btn__primary {
        display: flex !important;
        height: 40px;
        align-items: center;
        justify-content: center;
    }
    /*  */
}

@media screen and (max-width:575.98px) {
    .form-group .built-pop-btn {
        padding: 0.58rem 2.86rem !important;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ap--btn__primary {
        padding: 0.58rem 2.86rem !important;
    }
    body {
        margin-top: 145px !important;
    }
    .banner-box .lifestyle-card {
        padding: 8% !important;
    }
    .badge-notification {
        padding: 20px 16px !important;
    }
    .badge-notification p {
        font-size: 12px;
        position: relative;
        line-height: 22px;
    }
    .badge--close {
        position: absolute;
        top: 0;
        right: 0;
    }
    .teammeber-profile {
        padding-top: 0px;
    }
    /* product */
    .pro-carousel {
        margin-bottom: 25px;
    }
    /* banner */
    .banner-box .lifestyle-card {
        max-width: 280px !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: relative;
        bottom: 0;
    }
    .banner-box {
        position: relative;
        margin-top: -50% !important;
        margin-bottom: 10px;
    }
    .banner-box .lifestyle-card p {
        font-size: 20px;
    }
    .home-banner-carousel .carousel-cell {
        padding-bottom: 0;
    }
    .home-banner-carousel {
        margin-bottom: 0;
    }
    .home-banner-carousel .flickity-page-dots {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    /* ḍesign */
    .help-steps-btns .ap-btn {
        padding: 10px 10px;
    }
    .footercontent {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    .footer-list .collapsible .drop-icon i {
        font-size: 16px;
        right: 15px;
    }
    .footer-list .collapsible {
        padding: 0 15px;
    }
    .footer-list .collapsible.active .drop-icon i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    footer .container,
    footer .col-md-8,
    footer .col-md-3 {
        padding: 0;
    }
    footer .row {
        margin: 0;
    }
    .footercontent {
        background-color: #979797;
    }
    .footercontent li {
        margin-bottom: 0;
    }
    .footercontent a {
        color: #fff !important;
        padding: 10px 15px;
        display: block;
    }
    .footer-form {
        padding: 15px !important;
    }
    .brand-text,
    .copyright-block {
        padding: 15px;
    }
    .built-pop-card {
        padding: 0;
    }
    .get-built-box .col-md-7 {
        padding: 0;
    }
    .pro-carousel .tile-overlay .overlay-subhead {
        font-size: 16px;
    }
}

@media screen and (min-width:350px) and (max-width:575px) {
    .badge-notification p {
        padding-right: 15px;
    }
}

.tile-overlay {
    padding-bottom: 25px;
}


/*****************gallery footer****************/

.menu-one .gallery-menu-thumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.menu-one .gallery-menu-thumb li {
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 47%;
}

.menu-one .gallery-menu-tile-img {
    position: relative;
    height: 101px;
    object-fit: contain;
}

.menu-one .gallery-menu-tile-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, .5);
    z-index: 1;
    border-radius: 5px;
}

.menu-one .gallery-menu-thumb li a {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translatey(-50%);
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.menu-one .gallery-menu-thumb li img {
    /* width: 173px; */
    height: 101px;
    object-fit: contain;
}

.menu-one .gallery-menu-thumb li:nth-child(even) {
    margin-right: 0;
}


/***********************remove top white space***************************/

.pt-0 {
    padding-top: 0 !important;
}

.font-medium {
    font-weight: 500 !important;
}

@media screen and (max-width: 767.98px) {
    .single-image-testimonial.container .full-screen-btn {
        right: 115px;
    }
}
.we-can-help {
    margin: 80px 0;
}
.col-md-6.we-can-help-items-right {
    margin-top: 108px;
}
.col-md-6.we-can-help-items-left {
    flex-direction: column;
}
.col-md-6.we-can-help-items-right {
    flex-direction: column;
}
.help-section-heading h2 {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    padding-bottom: 34px;
    margin-bottom: 0;
}
.we-can-help-steps-icon img {
    width: 48px;
    height: 48px;
}
.we-can-help-steps-icon {
    position: absolute;
    left: 0;
}
.we-can-help-steps {
    position: relative;
}
.we-can-help-steps-content {
    padding-left: 61px;
    padding-bottom: 30px;
}
p.help-steps {
    /* font-family: Avenir; */
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color:#999999;
    padding-bottom: 5px;
}
.we-can-help-steps-content .help-steps-desc {
    /* font-family: Avenir-Roman; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color:#999999
}
.we-can-help-steps-content .help-steps-heading {
    /* font-family: Avenir; */
    font-weight: 600;
    color: #4a4a4a;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    font-size: 16px;
    margin: 0;
    padding-bottom: 5px;
}
.get-it-build {
    width: 184px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
    border: solid 1.3px #d9253b;
    background-color: #d9253b;
    color: #fff;
    font-size: 14px;
}
.hammer-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.learn-more-link a {
    /* font-family: Avenir; */
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.53px;
    color:#ed1c24;
    margin-top: 20px;
    display: block;
}
.learn-more-link {
    display: inline-block;
    padding-left: 40px;
    margin-right:10px;
}
.help-covid-stds .we-can-help-steps-icon img {
    width: 60px;
    height: 60px;
}
.help-covid-stds {
    margin-top: 67px;
    position: relative;
    width: 436px;
}
.help-covid-stds .we-can-help-steps-content .help-steps-heading {
    font-size: 14px;
}
.help-covid-stds .we-can-help-steps-content .help-steps-desc {
    font-size: 14px;
}
.help-covid-stds-content {
    border-radius: 6px;
    background-color: #f4f4f4;
}
.help-covid-stds-content .we-can-help-steps-icon {
    top: 16px;
    left: 5px;
}
.help-covid-stds-content .we-can-help-steps-content {
    padding: 16px 10px 16px 70px;
    position: relative;
}
.help-covid-stds .we-can-help-steps-content:after {
    content: "";
    position: absolute;
    height: 13px;
    width: 7px;
   /* background: url(../../../assets/images/right-arrow.svg) no-repeat;*/
    right: 23px;
    background-size: 100%;
    top: 50%;
}

@media screen and (max-width:767px) {
    .help-covid-stds {
       
        width: 100%;
    }
    .col-md-6.we-can-help-items-right {
        order: 1;
        margin-top: 0;
        padding: 0 25px;
    }
    .col-md-6.we-can-help-items-left {
        order: 2;
    }
    .we-can-help {
        margin: 40px 0;
    }
    .help-section-heading h2 {
        font-size: 20px;
        padding-top: 24px;
    }
    .we-can-help-steps-content .help-steps-desc {
        display: none;
    }
    .help-covid-stds .we-can-help-steps-content .help-steps-desc {
        display: block;
        padding-right: 20px;
    }
    .help-steps-btns .get-it-build {
        width: 144px;
        height: 32px;
        font-size: 12px;
    }
    .help-steps-btns .get-it-build img {
        width: 16px;
        height: 16px;
    }
    .learn-more-link {
        padding-left: 24px;
    }
    .help-covid-stds {
        margin-top: 40px;
    }
    .we-can-help .container {
        padding: 0;
    }
    .we-can-help .row {
        margin: 0;
    }
    .col-md-6.we-can-help-items-left {
        padding: 0;
    }
    .help-covid-stds-content {
        border-radius: 0;
    }
    .help-section-heading {
        padding: 0 25px;
    }
    .help-steps-main {
        padding: 0 25px;
    }
    .help-steps-btns {
        padding: 0 25px;
    }
    .help-covid-stds .we-can-help-steps-content .help-steps-heading{
        font-size: 12px;
    }
    .help-covid-stds .we-can-help-steps-content .help-steps-desc{
        font-size: 12px;
    }
}
/* quote online start */

.quote-online {
    padding: 15px 0px
}

.quote-content {
    position: relative;
}

.quote-content .container {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.q-online-desc h2 {
    /* font-family: Avenir; */
    font-size: 44px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.q-online-desc p {
    /* font-family: Avenir; */
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}

.quote-online-form {
    margin-top: 3rem;
}

.quote-online-img {
    position: relative;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 4.8px;
    margin-bottom:15px;
   /* padding: 25px;
    background-color: #ffffff;*/
}

.flex-container input {
    border-radius: 4px;
    border: solid 1px rgba(74, 74, 74, 0.2);
    padding: 1.4rem;
    flex: 1;
    margin-right: 28px;
    /* font-family: Avenir-Roman; */
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color:#999999;
}

.flex-container button {
    border-radius: 4px;
    margin-top: 0;
    border: solid 1px#ed1c24;
    background-color: #ffffff;
    /* font-family: Avenir; */
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color:#ed1c24;
}

/* .q-form-data {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
} */

.whatappIcon{
	width: 90px;
    height: 21px !important;
    margin: 0px 5px;
    vertical-align:middle;
}

.getQuoteForm{
	background: white;
    padding: 25px;
    border-radius:4.8px;

}

@media only screen and (min-width: 524px) and (max-width:1198px) {
    .quote-online-form .flex-container input {
        margin-right: 10px;
    }
    .quote-online-form .flex-container button {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 1024px) {
    .flex-container input {
        flex-direction: column;
        margin-right: 0;
        margin-bottom: 27px;
    }
    .flex-container button {
        width: 100%;
    }
    .quote-online-img picture.quote-bg-img img {
        object-fit: cover;
        height: 700px;
    }
    .q-online-desc h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .q-online-desc p{
       font-size: 16px;
        }
    .q-online-desc {
        left: 0;

    }
}

.q-on-button:hover{
    color:#fa6a79

}

/* quote online end */