@import 'https://fonts.googleapis.com/css?family=Bitter:400,700';
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sanss';
    src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sanss';
    src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body{
  font-family: "Open Sans", sans-serif;
  color: #333;
}

div#Header a:hover {
    text-decoration: none;
}

#process {
  padding-top: 50px;
  padding-bottom: 80px;
  font-family: Baskerville;
  color:#eee;
  font-size: 20px;
}

#process .col-md-12{
   font-style: italic;
   color:#FFFFFF;
   text-align: center;
   margin-bottom: 60px;
   margin-top: 35px;
}

#process .col-md-12 h2{
  font-size: 25px;
  font-weight: bold;
  color:#FFF;
}

#nav-links-container {
  top: 0px;
  z-index: 1000;
  position: sticky;
}

#nav-links-container.nl {
  top: -1px;
}


/*#process{
  background-color: #34374a;
}*/

textarea {
    resize: none;
}

.row.main-body-article .sidebar-article-indiv p{
  font-size: 13px;
}

/* Header New*/

.nav-div{
  background-color: #1c2b69;
}
#wrap-logo{
  margin-bottom: 10px;
}
#inkludert{
  margin-top: 1px;
}
#inkludert-flagg{
  margin-top: -7px;
}
#inkludert-tekst{
  color:#333;
}
.about-navlink{
  position: relative;
}
.navbar-toggler{
  border: 1px solid white; color: white
}
.order-nav{
  border: 1px solid #FFF;
  border-radius: 5px;
  padding: 3px 6px;
}

#wrap-logo.nl {
  width: 300px;
}

#wrap-logo.nl #logo {
  width: 250px;
}

#wrap-logo.nl #logo {
  margin-bottom: -8px;
}

#wrap-logo.nl #inkludert {
  display: inline-block;
  width: unset !important;
  margin: unset !important;
}

.logo-content{
    font-size: 0.9em;
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: italic;
    color: #333;
    margin-left: 0.5em;
}
.nav-name{
    border-right: 1px solid #666666;
    color: #666666;
    font-size: 1.25em;
    text-align: right;
    margin-right: 0.5em;
    padding: 0.5em;
}
.nav-contact{
    color: #072466;
}
.navbar-nav{
  border-right: 1px solid #263572;
  border-left: 1px solid #19265c;
}
.nav-item{
  border-left: 1px solid #263572;
  border-right: 1px solid #19265c;
  position: relative;
  padding: 0.75em 2.2em !important;
  color: white !important;
  font-weight: 300;
}
.nav-item:hover{
  background-color: #152150;
}
.nav-item a{
  font-size: 0.9em;
  color: #FFFFFF;
  font-weight: 300;
}
a.nav-link {
    padding: 0;
}
.nav-item.active{
  background-color: #152150;
  color: white;
}
.dropdown-menu{
  border: none;
}
.dropdown-item:hover{
  background-color: #152150;
}
.dropdown-item.active{
  background-color: #152150;
}
.dropdown-item a{
  font-size: 0.9em;
  color: #FFFFFF;
  font-weight: 300;
}
.dropdown-item:hover{
  color: #FFFFFF !important;
}
.sub-menu-div {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  margin-top: 0px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-menu-div span{
  display:block;
  clear:both;
  text-align:center;
  font-size:13px;
  padding:0px 20px;
}
.sub-menu-div span a{
  padding-top:13px;
  display:block;
  height:45px;
  color:#666
}
.sub-menu-div span a.active{
  color:#262b89;
  text-decoration:underline
}
#navbarHeader ul li.nav-item .arrow-up{
  display:none;
  position:absolute;
  bottom: 0px;
  left: 45%;
  width:0;
  height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:8px solid #f2f2f2;
  z-index:2
}
#navbarHeader ul li.nav-item.active .arrow-up{
  display:block !important;
}

/* Footer */
footer{
  background-color: #1C2B68;
  color: #FFFFFF;
  padding: 2em;
}
.footer-row{
  max-width: 1150px;
  width: 100%;
  margin: auto;
}
.footer-column ul li a{
    font-weight: 300;
    font-size: .9em;
    margin-top: 6px;
    color: #c1cee5;
}
.footer-column ul li a:hover{
  text-decoration: none;
}
.copyright-div{
  margin-top: 2em;
  text-align: center;
}
.footer-column .footer-headline a {
  padding-top: 0px;
  font-size: 15px;
  font-weight: 400;
  color: #FFF;
}
footer ul{
  list-style: none;
  padding: 0em;
}


#menu-toggle{
    float: right;
    z-index: 9999;
    position: fixed;
    color: black;
    font-size: 30px;
    /* height: 30px; */
    right: 0;
    /* top: 20px; */
    height: 65px;
    background: #ffffffe0;
    text-decoration: none;
}
.stick{

  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}

.indent-spc {
    padding-left: 2em !important;
}

.no-img .price-tag {
    margin: 0 !important;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  /*padding-left: 300px;*/
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  /*left: 300px;*/
  width: 100%;
  height: 100%;
  /*margin-left: -300px;*/
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);

  overflow-y: auto;
  background: rgba(0,0,0,.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  /*width: 300px;*/
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -300px;
}

.sidebar-brand img{
    max-width: 185px;
    left: 0;
    right: 0;
    position: absolute;
    top: 20px;
    margin: 0 auto;
}
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #2c2e87;

  box-shadow: -4px 3px 30px 0px;
}

.sidebar-nav li {
    /*text-indent: 5px;*/
    padding-left: 5px;
    line-height: normal;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
}

.sidebar-nav li.nav-item > ul > a > li {
    line-height: 30px;
    font-size: initial !important;
}

.sidebar-nav li.nav-item > ul {
    list-style: none;
    padding-left: 18px;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 105px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.carousel-item .item-text{
  width: 60%; font-size: 2em; font-family: Baskerville; font-style: italic; text-align: center; margin: 0 auto; margin-top:80px;
  line-height: 45px;
}
.order-reciept .price-header{
    text-align: right;
}


  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 0 !important;
      padding-left: 0 !important;
          font-size: .95em;
  }

#text_col_offer_button {
  display: inline-block;
}


@font-face {
    font-family: 'aphrodite_slim_textregular';
    src: url("../fonts/aphrodite.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'futura-pt';
    src: url("../fonts/FuturaPT.woff2") format("woff2"),url("../fonts/FuturaPT.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'futura-light';
    src: url("../fonts/Futura.woff2") format("woff2"),url("../fonts/Futura.woff") format("woff");
    font-weight: 300;
    font-style: normal
}
.font_aphrodite {
    font-family: 'aphrodite_slim_textregular', 'baskerville', sans-serif;
}


@media(min-width:768px) and (max-width: 1024px) {
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  .nav-item{
    padding: 0.8em .8em !important;
  }
  .landing-page-img{
    width:  100% !important;
  }
}

@media(min-width:768px) {

  .landing-page-img{
    width:  80%;
  }
  .order-reciept .price-header, .order-reciept .price-footer{
    padding-right: 5%;
    text-align: center;
  }
  main {
      padding-bottom: 5em;
  }
  #priceCompareBanner .text-col{
      padding-left: 5rem;
  }
  .landing-content{
    display:  flex;
  }
  .landing-content .text-col{
    text-align:   right;
    /*padding: 5rem 25px;*/
  }
  #menu-toggle, #sidebar-wrapper{
    display:  none;
  }
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 300px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 300px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }

}

@media(max-width:355px){
  #sidebar-wrapper {
    width:  260px;
  }
  .sidebar-nav {
    width: 260px;
  }
.sidebar-nav li.nav-item > ul > a > li {
    font-size: 0.8em !important;
    line-height: 25px;
}

.sidebar-nav li a {
    font-size: 1em;
}
}

@media(max-width:491px){
  .carousel-item .item-text {
      margin-top: 0px;
      width: 80% !important;
      font-size: 1.4em !important;
  }
    .footer-column{
      text-align: center;
    }
    .footer-column ul {
        width: 100%;
    }

    .landing-content .text-col h1 {
        font-size: 2em !important;
    }
}

@media(max-width:767px){

/*change styling for mobile sidebar hover*/
.sidebar-nav li a:hover{
  background: inherit;
}
  .landing-page-img{
    width:  100%;
  }
  .gravestone-indiv #price_section #priceBefore:after{
    right:  0 !important;
  }
  .gravestone-indiv #price_section #priceBefore span{
    padding-right:  2em !important;
  }
  .gravestone-indiv #price_section #priceAfter{
    padding-right:  50px !important;
  }

  .form-row-title {
      text-align: left !important;
      margin-top: 10px;
  }

  .form-row-field {
      margin: 5px 0px;
  }

  .carousel-item .item-text{
    font-size:  1.6rem;
    line-height: normal;
  }
  #process .step:nth-of-type(2) .step_holder:before{
      content:  "1";
  }
  #process .step:nth-of-type(3) .step_holder:before{
      content:  "2";
  }
  #process .step:nth-of-type(4) .step_holder:before{
      content:  "3";
  }
  #process .step:nth-of-type(5) .step_holder:before{
      content:  "4";
  }
  .step_holder{
    text-align: center;
    max-width:  189px;
    margin:   auto;
  }

  .step_holder img {
    margin-right: 45px;
    position: relative;
    z-index: 0;
}
  .step_holder:before {
    color: #34374a;
    border: 4px solid black;
    border-radius: 50%;
    /* padding: 10px 15px; */
    left: -50%;
    background: white;
    position: relative;
    padding: 20px 25px;
    top: 105px;
    z-index: 1;
  }
  .navbar-nav{
    border: none;
  }
  .landing-content .text-col{
      text-align:   center;
  }
  .landing-content .text-col h1 {
      margin: 1em 0px;
      font-size: 3em;
  }
  .nav-item{
    border: none;
  }
  .navbar-toggler{
    color: black;
    right: 0;
    position: absolute;
    top: -115px;
    font-size:  30px;
  }

  body {
      top: 0 !important;
      position: absolute !important;
  }
  .article-footer{
    background-size:  auto 100% !important;
  }
  .article-footer-banner img {
      max-height: 60px;
      width: auto !important;
    }
    .article-footer-banner{
      top: 0;
    }
    .article-footer h3, .article-footer h5 {
        font-size: 1.3em;
        top: 5px;
    }
}

/* Icon 4 */

#menu-burger {
  width: 30px;
  height: 45px;
  position: relative;
  margin: 25px 15px;
  -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;
}

#menu-burger span {
display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #2c2f86;
    border-radius: 9px;
    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;
}

#menu-burger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menu-burger span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menu-burger span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menu-burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
top: -4px;
    left: 5px;
}

#menu-burger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#menu-burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    top: 17px;
    left: 5px;
}
.scroll-disabled{
    overflow: hidden;
    /*position: relative;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;*/
}


.form-row-title {
    font-size: 1em;
    text-align: right;
    /* margin-top: 10px; */
    margin: auto;
    /*padding: 0;*/
}
.fixedThis {
    top: 0;
    max-width: 33.333333%;
    background: white;
    width: 348px;


    -webkit-transition: all 500ms ease-out 100ms;
    -moz-transition: all 500ms ease-out 100ms;
    -o-transition: all 500ms ease-out 100ms;
    transition: all 500ms ease-out 100ms;
}



.form-row-field {
    margin: 5px 0px;
}


/*ORDER RECEIPT*/
@media (max-width:425px){
  .order-reciept .katalogImg{
    padding: 0;
    flex: unset;
    width: unset;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 200px;
  }
  .order-reciept h4 {
      background: #f8f8f8;
      padding: 15px;
      margin: 0 -15px;
  }
  .order-reciept .client-summary-detail{
    padding: 1.5em 0 !important;
  }
  .item-row{
    font-size: .8em;
  }
}
@media (min-width:576px) and (max-width:767px){
  .order-reciept {
      width: 100% !important;
      max-width: inherit !important;
  }
}
.container-fluid.order-summary-table {
    margin: 1em auto;
}
.price-tag {
    margin: 2em 0;
    max-width: 8em;
    text-align: right;
}
.order-reciept .gravestone-row{
  padding-top: 1em;
}
.order-reciept .client-summary-detail{
  background: #f8f8f8;
  border-top: 4px solid #2e3485;
  padding: 1.5em 1em;
}
.order-reciept .order-number {
    color: #2f3485;
    font-weight: bold;
    font-size: 1.1em;
}
.order-reciept .client-contact_number,
.order-reciept .client-email{
  color: #2e3485;
  font-size: 0.8em;
}
.order-reciept .client-email{
  text-decoration: underline;
}
.order-reciept .order-summary-table .table-header{
    background: #2f3485;
    color: white;
    padding: 1em;
}
.order-reciept .order-summary-table .table-body{
    margin-bottom: 2em;
}
.order-reciept .container-fluid.table-footer {
    background: #f8f8f8;
    padding: 1em 1.5em;
}
.container-fluid.table-notes {
    font-size: 0.85em;
}
.order-reciept .item-row.row{
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.order-reciept .ornament-img{
  max-width: 100px;
  margin: 1em 0;
  -webkit-filter: drop-shadow( 0px 1px .9px rgba(0,0,0,.2) );
  filter: drop-shadow( 0px 1px .9px rgba(0,0,0,.2) );
  max-height: 90px;
}

.ornament-cat{
  height: 50px;
}

.order-reciept .accesorry-img{
  max-width: 110px;
  margin: 2em 0px 0px 0px;
  /*width: 100%*/
  max-height: 100px;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

#privacyBanner{
    background: rgba(51,51,62, 0.8);
    position: fixed;
    padding: 1em 2em;
    height: auto;
     width: 100%;
     right: 0px;
    bottom: 0px;
    //border: 2px solid #4E5D9B;
     border-radius: 0px;
    z-index: 999;
    color: white;
}

#privacyBanner a{
  color: white;
  text-decoration: underline;
}

.gdrp-btns a {
    border: 3px solid #4e5d9b;
    color: white;
    padding: .5em 1em;
    margin:   auto;
    margin-right:  3px;
}

.gdrp-content p {
    font-size: .9em;
    margin-bottom: 0px
}

#deny-btn {
  flex: 0 0 45%;
  max-width: 45%;
  color: #c2c2c2;
  padding: .5em 1em;
  margin: auto 2.5%;
  border-radius: 0px;
  background: transparent;
  border: 1px solid #c2c2c2;
}

#accept-btn {
  flex: 0 0 45%;
  max-width: 45%;
  padding: .5em 1em;
  margin: auto 2.5%;
  border-radius: 0px;
  background: #092467;
  border: 1px solid #092467;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#badge-modal .modal-dialog {
  max-width: 650px;
}

#badge-modal .modal-body {
  padding: 25px;
}

#badge-modal .modal-body h3 {
  text-align: center;
  margin-bottom: 20px;
}

/*#badge-modal .modal-body p:last-of-type {
  margin-bottom: 0px;
}*/

#badge-modal .modal-close {
  display: block;
  margin-left: auto;
  border-radius: 0px;
  background-color: #092467;
}

@media (max-width: 767.98px) {
  #privacyBanner{
    height: auto;
    font-size: 0.9em;
    width: 100%;
    min-width: 100%;
    right: 0;
  }
}

.btn.btn-fill{
	 background-color: #2c2f86;
   color: white;
}

img.product-table-img.w-100 {
    max-height: 76px;
}

.gravestone-model-preview.col-md-4{
  min-width: 250px;
  min-height: 250px;
}

.see-more-grav{
  font-size: 0.6em !important;
      padding: .5em 2em !important;
}
.btn-style-grav {
    background-color: #092467 !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
  -webkit-transition: all 250ms ease-out !important;
  -moz-transition: all 250ms ease-out !important;
  -o-transition: all 250ms ease-out !important;
  transition: all 250ms ease-out !important;
  opacity:  1;
}

.btn-style-grav:hover {
    border: 1px solid #092467 !important;
    color: #092467 !important;
    background-color: #FFFFFF !important;
}

.btn-style-grav-rev {

    border: 1px solid #092467 !important;
    color: #092467 !important;
    background-color: #FFFFFF !important;
}

.btn-style-grav-rev:hover {
    background-color: #092467 !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
  -webkit-transition: all 250ms ease-out !important;
  -moz-transition: all 250ms ease-out !important;
  -o-transition: all 250ms ease-out !important;
  transition: all 250ms ease-out !important;
  opacity:  1;
  text-decoration: none !important;
}

.no-styling, .no-styling:hover{
    color: inherit;
    text-decoration: none;
}
/*reset carousel height*/

.carousel-inner{
}
.carousel-inner, .carousel-item{
    /*max-height: 25vh;*/
    height: auto !important;
    min-height: 275px;
    max-height: 275px;
    position: relative;
}

.carousel-item .item-text{
  margin-top: 0px;
  width: 75%;
  margin: 0 auto;
  display: block;
  position: relative;
}
.carousel-item{
  padding: 2em 0;
}
.carousel-holder {
    /* width: 100%; */
    background: red;
}

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

.clear-margin{
  margin: 0 !important;
}

.picture-wrap {
    min-height: 255px;
    max-height: 205px;
    overflow: hidden;
}

.nav-item.mobile-link:hover {
    background-color: unset;
}
.mobile-active{
    font-weight: 500;
    background: #15215057;
}
.mobile-active a{
    font-weight: 500;
}
a {
    color: #1c2b68;
  }

.this-loading-img{
    display: none;
}


.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #1b2a66;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

.col-12.accessory-detail.small-text{
  font-size: 1.5em;
}

.spinner {
  margin: 0 auto;
  width: 50px;
  text-align: center;
}

.spinner > div {
  width: 8px;
  height: 8px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.no-anchor-styling:hover{
  text-decoration: none !important;
  background: black;
}

.article-footer-banner{
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
}

.article-footer{
  background: url('../images/newfp/blog-banner-bottom.jpg');
    height: 125px;
    background-position: bottom;
    background-size:  100% auto;
    background-repeat: no-repeat;
}

.article-footer-banner img {
    width: 85%;
}


.article-footer-banner .anchor-button{
  background: #0071b2;
  color: white;
  font-weight: 500;
  padding: .5em 1em;
  font-size: 1.1em;
}

.article-footer-banner a:hover{
  text-decoration: none;
}


.article-page a {
    margin: 0px !important;
    color: rgb(51, 122, 183) !important;
    text-decoration-line: none !important;
}

.login-card {
    box-shadow: 0px 3px 6px 1px #00000012;
}

.login-card button[type=submit] {
    background: #43599f;
    width: 100%;
    text-transform: uppercase;
    /*letter-spacing: 5px;*/
    padding: .7em;
}

.login-card .options-btn{
  color: #a1aed1;
}
#sticky-header strong{
  color:  #21306c;
}
.user-icon-avatar {
padding: 5px 5px 0px 5px;
    width: 35px;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    border: 1px solid #1c2b694a;
    border-radius: 50%;
    background: #1c2b6933;
    /* margin-right: .5em; */
    max-width: 35px;
}

.list-user-options li.active{
    font-weight: bold;
    background: none;
    color: #94a3cb;

}
.list-user-options li.header, .text-data a {
    font-weight: bold;
    background: none;
    color: initial;
}
.list-user-options li a, .text-data a{
  text-decoration: none;
    color: #94a3cb;
}
.list-user-options li {
    border: none;
    padding: .3em 0em;
    color: #94a3cb;
    font-size: .9em;
}

.load-more i, #shareGN i{
  border: none;
  padding: 0px !important;
}
.load-more.inv {
    color: white;
    border: 1px solid white;
    padding: .3em 1em;
    text-transform: capitalize;
    font-size: .8em;
}

a.load-more.inv:hover {
    background: white;
    border: 1px solid white;
}
#shareGN .modal-body h2{
  color: black;
}
#shareGN .modal-body p {
  color: black;
  font-size: .8em;
}
#shareGN .modal-header {
    color: #00000082;
    font-size: .9em;
    border: 1px solid #00000042;
    padding: .3em 1em;
}

#shareGN input.load-more, #shareGN .load-more{
    border: 1px solid #b8c3ca; */
    padding: .6em 1em;
    background: #1c2b68;
    color: #ffffff;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: auto;
    cursor: pointer;
    text-transform: initial;
    font-size: .7em;
    border: 2px solid transparent;
}

#shareGN input.load-more:hover, #shareGN .load-more:hover {
    background: transparent;
    color: #152150;
    font-weight: bold;
    border: 2px solid #152150;
}

a.load-more.share-website {
/*border: 1px solid #b8c3ca; */
    padding: .6em 1em;
    background: #1c2b68;
    color: #ffffff;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: auto;
    border: 3px solid white;
}

a.load-more.share-website:hover{
    background: white;
    color: #152150;
    font-weight: bold;
    border: 3px solid white;
}

.sharewebsite-loader {
    min-height: 20em;
}

.sharewebsite-input-error {
    color: #de0000 !important;
}

.sharewebsite-body input.has-error {
    border: 1px solid red;
}

img.katalogImg.lazy {
    /*opacity: 0;*/
}

.pageloaderwhole{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2222226e;
  z-index: 1000;
}

.grecaptcha-badge {
    right: -300px !important;
    display: none !important;
}

#recaptcha{
    color: gray !important;
    font-size: 10.5px !important;
    margin-top: 32px;
    font-weight: 400;
    line-height:18px;
    padding:0px 10px;
}

.product-stonetype[data-materialcode=BEP]{
    /*background-image: url(../images/stone_material/BEP.png);*/
    background-image: url(../images/stone_material/bep-x64.png);
}
.product-stonetype[data-materialcode=BHB]{
    /*background-image: url(../images/stone_material/BHB.png);*/
    background-image: url(../images/stone_material/bhb-x64.png);
}
.product-stonetype[data-materialcode=BLA]{
    /*background-image: url(../images/stone_material/BLA.png);*/
    background-image: url(../images/stone_material/bla-x64.png);
}
.product-stonetype[data-materialcode=DGG]{
    /*background-image: url(../images/stone_material/DGG.png);*/
    background-image: url(../images/stone_material/dgg-x64.png);
}
.product-stonetype[data-materialcode=LGG]{
    /*background-image: url(../images/stone_material/LGG.png);*/
    background-image: url(../images/stone_material/lgg-x64.png);
}
.product-stonetype[data-materialcode=PAR]{
    /*background-image: url(../images/stone_material/PAR.png);*/
    background-image: url(../images/stone_material/par-x64.png);
}
.product-stonetype[data-materialcode=REG]{
    background-image: url(../images/stone_material/REG.png);
}
.product-stonetype[data-materialcode=SRM]{
    /*background-image: url(../images/stone_material/SRM.png);*/
    background-image: url(../images/stone_material/srm-x64.png);
}

.footer-column-social {
    padding-left: 22px;
}

.gold-circle {
    width: 36px;
    height: 36px;
    display: block;
    margin: 20px auto;
    text-align: center;
    border-radius: 100%;
    background-color: #fdc965;
     filter: drop-shadow( 0 1px .9px rgba(0,0,0,.2) );
    -webkit-filter: drop-shadow( 0 1px .9px rgba(0,0,0,.2) );
    background: #ffeeb5 -moz-linear-gradient(top,#ae8913,#ffeeb5) no-repeat;
}

.assembler-chat-form textarea{
  resize: vertical;
  overflow: auto;
}

#file-div{
  position: absolute;
  right: 33px;
  bottom: 75px;
}

#file-div span.material-icons:hover{
  cursor: pointer;
}

.gold-sticker:hover, .gold-sticker-lg:hover{
  cursor: pointer;
}

#notice-modal h3 {
    font-size: 32px;
    margin-bottom: 20px;
}

#notice-modal ol {
    margin-bottom: 20px;
}

#notice-modal .btn {
    padding: 10px 30px;
    background: #1c2b69;
    border-color: #1c2b69;
}

@media(max-width:991px) {
  .grecaptcha-badge {
    bottom: 100px !important;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  #this-footer .fb_iframe_widget {
      left: -60px;
      position: absolute;
  }
}