body {
  font-family: "Poppins";
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-brand img {
  max-height: 30px;
}

#navbarNav .nav-link{
  color: #fce7eb;
}

.bg-hover-dark:hover{
  background: #000000!important;
  border-color:#000000!important;
}
.bg-hover-dark:hover a, a.bg-hover-dark:hover{
  color: #FFFFFF!important;
}
.text-dark-hover-white {
  color: #343a40!important;
}
.text-dark-hover-white:hover {
  color: #FFF!important;
}
/* HAMBURGER ICON ANIMATION */
.icon-bar {
  width: 22px; 
  height: 2px;
  background-color: #B6B6B6;
  display: block;
  transition: all 0.2s;
  margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* HAMBURGER ICON ANIMATION */

.ml-min-15 { margin-left:-15px!important; }
.mr-min-15 { margin-right:-15px!important; }

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

.border-1 { border-width:1px !important; }
.border-2 { border-width:2px !important; }
.border-3 { border-width:3px !important; }
.border-4 { border-width:4px !important; }
.border-5 { border-width:5px !important; }
.border-10 { border-width:10px !important; }

.border-hover-1:hover { border-width:1px !important; }
.border-hover-2:hover { border-width:2px !important; }
.border-hover-3:hover { border-width:3px !important; }
.border-hover-4:hover { border-width:4px !important; }
.border-hover-5:hover { border-width:5px !important; }
.border-hover-10:hover { border-width:10px !important; }

.border-radius-top-left-05 { border-top-left-radius: 0.5rem!important; }
.border-radius-top-right-05 { border-top-right-radius: 0.5rem!important; }
.border-radius-bottom-left-05 { border-bottom-left-radius: 0.5rem!important; }
.border-radius-bottom-right-05 { border-bottom-right-radius: 0.5rem!important; }

.fs-3 { font-size: 3rem!important; }
.fs-4 { font-size: 4rem!important; }

.rotate {
  transform: rotate(90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.bg-instagram {
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}


/*.bg-shop-online {
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5));
  transition: background 1s ease-in-out;
}
.bg-shop-online:hover {
  background: linear-gradient(rgba(25, 25, 5, 0.6), rgba(255, 255, 255, 0.9));
}*/

.zoom-container { overflow: hidden;
    position: relative;
    cursor: pointer; }

.bg-zoom-hover {
  transition: transform 0.5s;
}

.bg-zoom-hover:hover {
  transform: scale(1.03);
}

.bg-shop-online {
  position: relative;
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
  z-index: 1;
}

.bg-shop-online::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(25, 25, 5, 0.2), rgba(23, 25, 5, 0.1));
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

.bg-shop-online:hover::before {
  opacity: 1;
}

/* START OF SUBMENU */
.dropdown-submenu{ position: relative; }

.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* END OF SUBMENU*/

/* PROJECTS BRANDS*/

.brands-box {
  position: relative;
  height: auto;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.brands-box:hover .image {
  opacity: 0.3;
}

.brands-box:hover .middle {
  opacity: 1;
}

.text {
  color: black;
  font-family: "Poppins";
}

.text:hover {
  color: black;
  text-decoration: none;
}

/* PROJECTS MODELS s*/

.models-box {
  position: relative;
  height: 220px;
}

.models-box:hover .image {
  opacity: 0.3;
}

.models-box:hover .middle {
  opacity: 1;
}

/* CONTACTFORM */

#ccms_form_contact label {
  display: none;
}

#ccms_form_contact textarea {
  height: 8em;
}

/* END OF CONTACTFORM*/


@media (min-width: 768px) { 

}
@media (min-width: 992px) { 

}
@media (min-width: 1200px) { 

}


/* extra css */
body{
  background-color: #fbfbfb;
}
@-webkit-keyframes fadeUpIn {
  0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@-webkit-keyframes fadeUpInSlow {
  0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
  }

  30% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@-webkit-keyframes fadeUpInSlow {
  0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
  }

  30% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
.navpadding{
  padding: 1rem 2rem;
}
.navbar .contact-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar .contact-btn .contactmodelbtn {
  cursor: pointer;
}
.bg-red{
  background-color: #e7183a;
}
.text-pink {
  color: #fce7eb;
}
.heading-animation {
  -webkit-animation: fadeUpIn 2s cubic-bezier(.2,1,.2,1);
  animation: fadeUpIn 2s cubic-bezier(.2,1,.2,1);
}
.jumbotron{
  min-height: 65vh;
  border-radius: 0;
}
.jumbotron .container{
  margin: auto;
}
.scInstantSearch {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.scInstantSearch input {
  outline: none;
  -ms-grid-column: 1;
  grid-column: 1;
  border-radius: 4px;
  padding: 1em;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 60px;
  display: block;
  width: 100%;
  -webkit-transition: -webkit-box-shadow .25s ease;
  transition: -webkit-box-shadow .25s ease;
  -o-transition: box-shadow .25s ease;
  transition: box-shadow .25s ease;
  transition: box-shadow .25s ease,-webkit-box-shadow .25s ease;
  z-index: 999
}
.scInstantSearch label{
  width: 100%;
}

.scInstantSearch input:focus {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36)
}

.scInstantSearch input,input::-webkit-input-placeholder {
  font-size: 20px;
  color: #6f6f6f
}
#searchresults {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  background-color: #fff;
  margin: 20px 0;
  z-index: 3;
  height: 60vh;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
}
span#no-results {
  display: table;
  margin: 1em auto;
  font-weight: 600;
}
#searchresults #hits .srHit {
  padding: 20px;
}
#searchresults #hits .srHit .srLink{
  color: #191919;
}
#searchresults #hits .srHit .srLink:hover{
  text-decoration: none;
  color: #191919;
}
#searchresults #hits .srHit .permissionedArticle {
  margin-right: .3em;
}
#searchresults #hits .srHit p {
  margin-bottom: 0;
  margin-top: 1rem;
  color: #6f6f6f;
}
#searchresults #hits .srHit:hover {
    background-color: #f1f1f1;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.top-articles{
  -webkit-animation: fadeUpInSlow 1.75s cubic-bezier(.2,1,.2,1);
  animation: fadeUpInSlow 1.75s cubic-bezier(.2,1,.2,1);
}

.top-articles .articleList{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 35px;
  grid-auto-rows: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-articles .articleList a.Hitlink {
  text-decoration: none;
}
.top-articles .articleList a.Hitlink:hover {
  text-decoration: none;
  color: #fce7eb;
}
.top-articles .articleList a.Hitlink .Hitencose{
  padding: 2rem 20px;
  margin: 0 -1em;
  min-height: 100%;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: -webkit-transform .25s ease,-webkit-transform .25s ease;
  transition: transform .25s ease,-webkit-transform .25s ease;
  will-change: transform;
}
.top-articles .articleList a.Hitlink .HitLinkTitle {
  -webkit-animation: fadeUpInSlow 2.5s cubic-bezier(.2,1,.2,1);
  animation: fadeUpInSlow 2.5s cubic-bezier(.2,1,.2,1);
  font-size: 22px;
}

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

.homepagesidebarnav li{
  padding: .25em .5em;
  margin: 1rem 0;
  font-weight: 600;
  color: #6f6f6f;
}
.homepagesidebarnav_innerbody li a{
  color: #6f6f6f;
  font-weight: normal;
}
.homepagesidebarnav li:hover,
.homepagesidebarnav_innerbody li:hover a{
  color: #e7183a;
}
.homepagesidebarnav_innerbody{
  padding:0;
  margin: 0;
  list-style: none;
}
.homepagesidebarnav_innerbody li a{
  text-decoration: none;
}
.homepagesidebarnav li[aria-expanded='true'] {
  background-color: rgba(252, 231, 235);
  color: #b8132e;
}

#categories, #articles {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  grid-auto-rows: 1fr;
  z-index: 1;
  position: relative;
  grid-gap: 40px;
}
.three-col-center {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  padding-bottom: 50px;
}
.card {
  display: -ms-grid;
  display: grid;
  grid-row: auto;
  border-radius: 4px;
  padding: 15px;
  grid-gap: 15px;
  border: 1px solid #eaeaea;
  -ms-grid-rows: minmax(0,50px);
  grid-template-rows: max-content;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow .2s ease;
  transition: -webkit-box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
  transition: box-shadow .2s ease,-webkit-box-shadow .2s ease;
  cursor: pointer;
  min-height: 100%;
  word-break: break-word
}

#categories.fewCategories .card {
  min-height: 250px
}

.cardLink:hover {
  text-decoration: none !important
}

.card:hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,20,0.05);
  box-shadow: 0 2px 4px 0 rgba(0,0,20,0.05)
}

.cardTitle {
  margin: 0
}

.cCardIcon img {
  max-width: 50px
}

.authorship {
  font-weight: 400;
  border-top: 1px solid #eaeaea;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  color: #616161;
  margin: 0 -.9em;
  padding: .5em 1em 0 1em
}

.authorshipText {
  margin: .2em 0 -.2em 0;
  font-size: 13px;
  display: grid;
  grid-template-columns: 2
}

.authorshipAvatar {
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 2;
  grid-column: 1
}

.authorshipAvatar:not(:first-of-type) {
  margin-left: -15px;
  z-index: 2
}

.ahAuthorshipTimestamp,.ahAuthorshipAuthor {
  grid-column: 2
}
.stack {
  position: relative
}

.stack::before {
  content: '';
  background-color: #fff;
  border: 1px solid #eaeaea;
  width: 100%;
  height: 100%;
  left: -1px;
  border-radius: 4px;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  z-index: -1;
  position: absolute;
  will-change: transform;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}

.stack:hover::before {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg)
}

.stack::after {
  content: '';
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 100%;
  left: -1px;
  border-radius: 4px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  z-index: -1;
  position: absolute;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}

.stack:hover::after {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg)
}

.stack:hover {
  cursor: pointer
}
.cCardIcon, .cCardTitle {
  color: #e7183a;
}

.cCardDescription {
    line-height: 22px;
    -ms-grid-row: 3;
    grid-row: 3;
    font-size: 16px;
    color: #6f6f6f;
    z-index: 2;
    margin: 0;
}

.cCardAuthorshipAvatar, .aCardAuthorshipAvatar {
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 2;
}
.cCardAuthorshipAvatar:not(:first-of-type) {
  margin-left: -15px;
  z-index: 2;
}
.cCardAuthorshipMeta, .ahAuthorshipMeta {
  margin-left: .5em;
  color: #6f6f6f;
}
.authorship {
  font-weight: 400;
  border-top: 1px solid #eaeaea;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  -ms-flex-item-align: end;
  align-self: end;
  color: #616161;
  margin: 0 -.9em;
  padding: .5em 1em 0 1em;
}
.cCardAuthorshipWrapper, .ahAuthorshipWrapper {
  margin: .2em 0 -.2em 0;
  font-size: 14px;
  display: inline-grid;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.aCardDescription {
  line-height: 22px;
  -ms-grid-row: 2;
  font-size: 16px;
  grid-row: 2;
  margin: 0;
  color: #4c4c4c;
}

.categoriesdetail .container{
  padding: 2rem 1rem;
}

.categoriesdetail .breadcrum ol{
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.categoriesdetail .breadcrum ol svg.bcIcon{
  margin: 0 5px;
}

.categoriesdetail .breadcrum ol li a{
    margin-left: 0;
    color: #e7183a;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#articles .articlelink{
  text-decoration: none !important;
  font-size: 17px;
}
#articles .articlelink .aCardTitle{
  color: #e7183a;
  -ms-grid-row: 1;
  grid-row: 1;
  margin-top: 0;
  display: inline-grid;
  grid-gap: 5px;
}
.homepagesidebarnav {
  position: sticky;
  top: 4rem;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
}

.homepagesidebarnav .show .homepagesidebarnav_innerbody li.active{
  background-color: rgba(252, 231, 235);
}
.homepagesidebarnav .show .homepagesidebarnav_innerbody li.active a{
  color: #b8132e;
}
#articleCard {
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 20px 50px 30px 50px;
  border-radius: 4px;
}
#articleHeader {
  -ms-grid-column: 2;
  grid-column: 2;
  grid-row: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
#articleBody {
  margin-top: 2em;
  z-index: 1;
}
#articleBody ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}
#articleBody ol > li {
    position: relative;
    margin-left: 2em;
    padding: 15px 8px;
    list-style: none;
    line-height: 20px;
}
#articleBody ol > li:before{
  content: counter(li,decimal) !important;
  background-color: rgba(252, 231, 235);
  color: #b8132e;
  counter-increment: li;
  position: absolute;
  top: 7px;
  left: -2em;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  margin-right: .2em;
  margin-top: .4em;
  border-style: none;
  border-radius: 50%;
  line-height: 1.4em;
  text-align: center;
  z-index: 2;
}
#articleBody ol > li:after {
    position: absolute;
    left: -20px;
    top: 25px;
    content: "";
    height: 100%;
    width: 0;
    z-index: 1;
    border: none;
    border-left: 1px solid rgba(252, 231, 235);
}
#articleBody ol > li:last-of-type:after {
  border: none;
}
#articleBody img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    will-change: transform;
    cursor: zoom-in;
}
#articleBody pre.hljs {
    background-size: 15px;
    background-position: 15px 14px;
    background-repeat: no-repeat;
    padding: 16px 20px 15px 35px;
    background-color: #f9f9f9;
    border-radius: 4px;
    width: 52vw;
    display: block;
    overflow-x: auto;
    margin: 1em auto;
}
#articleBody pre::before {
    content: attr(data-content);
    display: table;
    clear: both;
    text-transform: uppercase;
    font-size: 10px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #191919;
}
.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo {
    color: #795da3;
}
.hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote {
    color: #df5000;
}
#articleBody pre, #articleBody pre span {
    font-family: menlo,monospace,serif;
    font-size: 14px;
}
#articleBody ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin: 1em 0;
}
#articleBody ul > li {
    position: relative;
    padding: .3em 8px;
    list-style: none;
    font-size: 17px;
    text-indent: -1em;
}
.hljs-comment, .hljs-meta {
    color: #969896;
}
#articleBody ul > li::before{
    content: "•";
    padding-right: .25em;
    position: relative;
    top: .1em;
    font-size: 1.5em;
    color: #e7183a;
}
h1.ahTitle {
  margin: 20px 0;
}
#ahAuthorship {
  background-color: #fbfbfb;
  border-radius: 50px;
  padding: 0 10px;
}
.ahMeta {
  margin: 10px 0;
}
.ahAvatar {
  max-height: 30px;
  border-radius: 50%;
  margin-right: 5px;
}
#feedback {
  -ms-grid-column: 2;
  grid-column: 2;
  grid-row: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  background-color: #fbfbfb;
  border-radius: 4px;
  padding: 30px;
  margin: 3em 0;
  text-align: center;
}
.fbTitle {
  -ms-grid-column: 1;
  grid-column: 1;
  grid-row: auto;
}
.fbButtons {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.fbButtons button {
  grid-row: auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  background: none;
  border: none;
  cursor: pointer;
  will-change: transform;
}
.fbPositive { grid-column:1;}
.fbNeutral {grid-column:2;}
.fbNegative {grid-column:3;}

.fbButtons button:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: -webkit-transform .15s ease,-webkit-transform .15s ease;
  transition: transform .15s ease,-webkit-transform .15s ease;
}
.fbButtons button:focus {
  outline: none
}

.fbPositiveIcon:hover .fbHighlightFill,.fbNeutralIcon:hover .fbHighlightFill,.fbNegativeIcon:hover .fbHighlightFill {
  -webkit-transition: fill .25s ease;
  -o-transition: fill .25s ease;
  transition: fill .25s ease
}

.fbPositiveIcon:active,.fbNeutralIcon:active,.fbNegativeIcon:active {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease,-webkit-transform .25s ease
}

.fbPositiveIcon:hover .fbHighlightStroke,.fbNeutralIcon:hover .fbHighlightStroke,.fbNegativeIcon:hover .fbHighlightStroke {
  -webkit-transition: stroke .25s ease;
  -o-transition: stroke .25s ease;
  transition: stroke .25s ease
}
.fbPositiveIcon:hover .fbHighlightStroke, .fbNeutralIcon:hover .fbHighlightStroke, .fbNegativeIcon:hover .fbHighlightStroke {
  stroke: #e7183a;
}
.fbPositiveIcon:hover .fbHighlightFill, .fbNeutralIcon:hover .fbHighlightFill, .fbNegativeIcon:hover .fbHighlightFill {
  fill: #e7183a;
}

#prevNext {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px 20px;
  margin: 3em 0
}
#prevNext .pnNextLink:hover{
  text-decoration: none;
}

@media only screen and (max-width: 1000px) {
  #prevNext {
      display:block
  }
}

#prevNext .pnPrev,#prevNext .pnNext {
  padding: 5px 30px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.03);
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.03);
  -webkit-transition: border-color .25s ease,-webkit-transform .25s ease;
  transition: border-color .25s ease,-webkit-transform .25s ease;
  -o-transition: border-color .25s ease,transform .25s ease;
  transition: border-color .25s ease,transform .25s ease;
  transition: border-color .25s ease,transform .25s ease,-webkit-transform .25s ease;
  min-height: 100%
}

#prevNext .pnPrev .pnPrevTitle,#prevNext .pnNext .pnNextTitle {
  padding: 0 15px;
  color: #191919;
  margin: revert;
}

#prevNext .pnPrev {
  display: -ms-grid;
  display: grid;
  text-align: right;
  -ms-grid-columns: 5% 95%;
  grid-template-columns: 5% 95%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column: 1;
  grid-column: 1;
}

#prevNext .pnPrevLink {
  -ms-grid-column: 1;
  grid-column: 1;
}
#prevNext .pnPrevLink:hover {
  text-decoration: none;
}

#prevNext .pnPrev svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#prevNext .pnNext {
  display: -ms-grid;
  display: grid;
  text-align: left;
  -ms-grid-columns: 95% 5%;
  grid-template-columns: 95% 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column: 2;
  grid-column: 2
}

#prevNext .pnNextLink {
  -ms-grid-column: 2;
  grid-column: 2
}

#prevNext .pnNext svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

#prevNext .pnPrev:hover,#prevNext .pnNext:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px)
}
#relatedArticles {
  -ms-grid-column: 2;
  grid-column: 2;
  grid-row: auto;
}
#relatedArticles .raList .raLink:hover{
  text-decoration: none;
}
#relatedArticles .raList .raLink .raHit{
  padding: 5px 20px;
  margin: 0 -1em;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: -webkit-transform .25s ease,-webkit-transform .25s ease;
  transition: transform .25s ease,-webkit-transform .25s ease;
  will-change: transform;
}
#relatedArticles .raList .raLink .raHit .raCardTitle{
  color: #191919;
  margin: revert;
}
#relatedArticles .raList .raLink .raHit:hover {
  background-color: #fbfbfb;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}


footer{
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding: 20px 70px !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  height: 100px !important;
  background-color: white;
  border-top: 1px solid #E6E6E6;
}
footer ul.navbar-nav{
  -ms-grid-column: 2 !important;
  grid-column: 2 !important;
  list-style: none;
}
footer ul.contact-btn{
  -ms-grid-column: 3 !important;
  grid-column: 3 !important;
  list-style: none;
  margin: 0;
}
footer ul li .nav-link{
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #6F6F6F !important;
  cursor: pointer;
}
footer ul li .nav-link:hover{
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #6F6F6F !important;
  cursor: pointer;
}
#backToTop {
    position: fixed;
    opacity: 0;
    right: 150px;
    bottom: 50px;
    z-index: 100;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    transition: opacity .25s ease-in,bottom .25s ease;
}
#backToTop:focus{
  outline: none;
}
.backToTopIcon {
    stroke: #191919;
}

.modal {
  padding: 0 !important;
}
.modal-open .modal{
  z-index: 99999;
}
.modal .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
  background-color: rgba(255,255,255,0.9);
  backdrop-filter: saturate(180%) blur(20px);
}
.modal .modal-body {
  overflow-y: auto;
}

.contactPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 10;
  max-height: 100%;
  overflow-x: hidden;
  -webkit-animation: fadeBlurIn 2s cubic-bezier(.2,1,.2,1);
  animation: fadeBlurIn 2s cubic-bezier(.2,1,.2,1)
}

.contactContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr 1fr;
  grid-template-columns: 1fr 3fr 1fr;
  grid-gap: 0 40px;
  z-index: 9999;
}
.contactPopup .cpLogo {
  -webkit-filter: brightness(.6);
  filter: brightness(.6);
  grid-row: 1;
  grid-column: 2;
  margin-top: 1em;
  max-height: 30px;
}
.contactPopup .cpTitle {
  grid-column: 2;
  grid-row: 2;
  margin: revert;
  -webkit-animation: fadeUpIn 3s cubic-bezier(.2,1,.2,1);
  animation: fadeUpIn 3s cubic-bezier(.2,1,.2,1);
}
.contactPopup .cpCloseLink {
  padding: .5em;
  margin-left: 1em;
  border-radius: 50%;
  right: 30px;
  top: 30px;
  position: absolute;
  grid-column: 3;
  cursor: pointer;
}
.contactPopup .contact-form {
  grid-column: 2;
  grid-row: 3;
}
.contactPopup .form-row input, .contactPopup .form-row textarea{
  border: none;
  padding: 1em .5em;
  font-size: 18px;
  border-radius: 4px;
  width: 100%;
  background-color: rgba(255,255,255,0.9);
  border-width: 2px;
  border-style: solid;
  border-color: #d0d0d0;
  -webkit-transition: border-color .25s ease,-webkit-transform .25s ease;
  transition: border-color .25s ease,-webkit-transform .25s ease;
  -o-transition: border-color .25s ease,transform .25s ease;
  transition: border-color .25s ease,transform .25s ease;
  transition: border-color .25s ease,transform .25s ease,-webkit-transform .25s ease
}
.contactPopup .form-row input:focus, .contactPopup .form-row textarea:focus{
  outline: none;
}
.contactPopup .form-row input:hover, .contactPopup .form-row textarea:hover, .contactPopup .form-row input:focus, .contactPopup .form-row textarea:focus {
  border-color: #e7183a;
  box-shadow: none;
}
.contactPopup .cpSubmit{
  color: #fce7eb;
  background-color: #e7183a;
  grid-column: 2;
  grid-row: 4;
  padding: 1em;
  font-size: 18px;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}
.contactPopup .cpSubmit:disabled {
  opacity: .5;
  cursor: not-allowed;
}


@media (max-width: 768px) { 
  .display-4{
    font-size: 2.5rem;
  }
  .homepagesidebarnav{
    display: none;
  }  
  .categoriesdetail .breadcrum ol{
    flex-wrap: wrap;
  }
  #articleCard {
    padding: 20px;
  }
  h1.ahTitle{
    font-size: 1.5rem;
  }
  #articleBody ol{
    word-break: break-all;
  }
  .contactContainer{
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-columns: 20px 1fr 2px;
    grid-gap: 0 20px;
  }
  footer{
    padding: 20px !important;
    display: flex !important;
    flex-direction: column;
  }
  footer ul.contact-btn, footer ul.navbar-nav{
    width: 100%;
    padding: 0;
  }
  footer ul.contact-btn .nav-link, footer ul.navbar-nav .nav-link{
    padding: 0;
  }
  #backToTop{
    right: 15px;
    bottom: 30px;
  }
}
  @media (max-width: 991px) { 
    footer{
      grid-template-columns: 25vw 25vw;
    }
    .navbar-nav, footer ul.contact-btn {
      margin-top: 1rem;
      margin-left: unset !important;
    }
    footer ul.contact-btn{
      grid-column: 2 !important;
    }
    footer ul.navbar-nav{
      grid-column: 1 !important;
    }
    .navbar-toggler{
      position: absolute;
      right: 0;
      top: 1rem;
    }
    .navbar-toggler:focus{
      outline: none;
    }
    #searchresults{
      height: auto;
      max-height: 40vh;
    }
    .navbar #searchresults {
      position: absolute;
      top: 75%;
      width: calc(100% - 1.9rem);
      margin: 1rem 0;
    }
    .navbar-collapse{
      position: absolute;
      width: 100%;
      top: 100px;
      left: 5px;
      right: 5px;
      z-index: 3;
      max-height: 60vh;
      font-weight: 600;
      position: absolute;
      border-radius: 4px;
      background-color: #fff;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,0.26);
      overflow-y: scroll;
      padding: 5px 20px;
    }
    .navbar-collapse ul{
      list-style: none;
      padding: 0 5px;
    }
    .navbar-collapse ul li{
      margin: 15px 0;
    }
    .navbar-collapse ul .nav-item .nav-link{
      color: #b8132e !important;
      transition: opacity .25s ease,margin-left .25s ease;
    }
    #overlay{
      position: fixed; 
      display: block; 
      width: 100%; 
      background-color: rgb(111, 111, 111); 
      height: 100%; 
      opacity: 0.8; 
      top: 0;
      left:0; 
      z-index: 3; 
      cursor: pointer;
      pointer-events: none;
    }
    .homepagesidebarnav{
      display: none;
    }
  }
  @media (min-width: 992px) { 
    .header-nav:not(.homepage) {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 2fr 2fr;
      grid-template-columns: 1fr 2fr 2fr;
    }
    .header-nav .scInstantSearch{
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 150px;
      grid-template-columns: 0;
      padding: 0;
      margin:0;
    } 
    .header-nav .scInstantSearch #searchform{
      display: block;
      -ms-grid-column: 2;
      grid-column: 2;
      width: 100%;
    } 
    .header-nav .scInstantSearch #searchform input{
      outline: none;
      -ms-grid-column: 2;
      grid-column: 2;
      border-radius: 4px;
      padding: 0 1em;
      background-color: #fff;
      border: none;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
      -webkit-appearance: none;
      height: 40px;
      display: block;
      width: 100%;
    }
    .header-nav #searchresults{
      margin: 0;
      position: absolute;
      top: 60px;
      width: 49.3%;
    }
  }
  @media (min-width: 1200px) { 
  
  }
  @media (max-width: 551px) { 
    .fbButtons {
      display: grid;
    }
  }