@font-face {
    font-family: 'Oswald';
    src: url('media/Oswald-Regular.ttf');
 
}

.preloader__heading {
    fill: #04218a;
}
.preloader__dot {
    background: #04218a;
}



.q-mark-lg {
    color: #04218a;
}
.q-mark-md {
    color: #04218a;
}
.q-mark-sm {
    color: #04218a;
}
.q-mark-lg:before, .q-mark-md:before, .q-mark-sm:before {
    color: #04218a;
}


.slide--summary .summary__heading {
    color: #010101;
}
.slide--summary .summary__story {
    color: #fff;
}
.slide--summary .summary__story svg {
    fill: #fff;
}


.slide--light .total-grade__grade {
    color: #fff;
}
.slide--light .total-grade__stars {
    color: #fff;
}
.slide--light .specs__item--foot {
    color: #fff;
}
.slide--light .specs__point:nth-child(1):before {
    background-color: #3d54a8;
}
.slide--light .specs__point:nth-child(2):before {
    background-color: #5269c0;
}
.slide--light .specs__point:nth-child(3):before {
    background-color: #7286cc;
}
.slide--light .specs__point:nth-child(4):before {
    background-color: #93a2d8;
}
.slide--light .specs__point:nth-child(5):before {
    background-color: #b4bee4;
}

.slide--loupe3d:before, .slide--loupe:before,.slide--loupeInscription:before {
    background: none;
}

.slide--loupe:before {
    background: none;
}


.slide--loupe3d:before, .slide--loupe:before, .slide--loupeInscription:before, .slide--cut3d:before, .slide--cut:before, .slide--report:before,.slide--hna:before  {
    background: none;
}

.slide--hna .hna__caption {
    color: #04218a;
    font-family: 'Oswald' !important;
}

#legal-property {
    font-family: 'Oswald' !important;
}
.logo-left{
    display: block;
    background-image: url(media/riddles_logo_white.png);
    top: 20px;
    left: 12px;
    width: 114px;
    height: 64px;
}

.logo-right{
    display: block;
    background-image: url(media/Noventa_Logo_White.png);
    top: 33px;
    right: 29px;
    width: 123px;
    height: 40px;
    cursor: default;
}

.storyline__item--active:before {background-color: #04218a;}

/*.slide .slide__heading {
    display: none;
}*/

.undefined {
	background-image: none;
}






/***************************************************************************************/
.thumbnail .slider--summary:before{
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 200px,rgba(255,255,255,0) 300px);
}
.mobile .slider--summary:before {
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 200px,rgba(255,255,255,0) 300px);
}

.slider--summary {
    background-image: url(media/riddle_bg.jpg)
}

.mobile .slider {
    background-color: #000;
}

.slide--summary .lab-name, .slide--summary .summary__spec__title {
    color: #fff;
}

.slide--summary .summary__heading {
    color: #fff;
}

div#viewr_1 {
    background: rgba(227, 227, 227, 0) !important;
}

.slide--summary .summary__spec__value {
    color: #fff;
}

.thumbnail .slider {
    background-color: #000;
}

.slider__heading {
    color: #fff;
}

.storyline.slick-slider .storyline__item {
    color: #fff;
}

.storyline.slick-slider .storyline__item--active, .storyline.slick-slider .storyline__item:hover {
    color: #fff;
}

.slide__caption, .slide__heading {
    color: #fff;
    
}

.thumbnail .slide--light .total-grade .total-grade__title {
    color: #fff;
}

.thumbnail .slide--light .specs__item--value {
    color: #fff;
}

.slider--loupe3d .storyline.slick-slider .storyline__item {
    color: #fff;
}

.slider__btn {
    stroke: #fff;
}

.slider--loupeInscription .storyline.slick-slider .storyline__item {
    color: #fff;
}

.cls-1, .cls-2, .cls-3, .cls-4 {
    stroke: #fff !important;
}
.mobile .slide--light .specs .specs__item.specs__item--value {
    color: #fff;
}

.mobile .slide--light .slide__img-wrap .total-grade .total-grade__title {
    color: #fff;
}

@media (max-width: 360px) and (orientation: portrait){
.mobile .slide--report .slide__img-wrap {
    padding: 0px 0 0;
}
}


/**********************Rounded Edge CSS Widget***********************/
/*******************************************************************/

.slide--loupe .viewer canvas {
    border-radius: 140px;
}

.slide--loupe3d .viewer canvas {
    border-radius: 140px;
}

.inspect-stone.dark.large {
    background-color: transparent !important;
}

.viewer.loupe3DFullInspection .viewport {
    background: transparent;
}

.summary__img .viewer canvas {
    border-radius: 120px;
}
/*************************************************************/

.thumbnail .slider__heading {
    visibility: hidden;
}

@media (max-width: 360px) and (orientation: portrait) {
    .mobile {
        height: 640px;
    }
    .mobile .slide--summary .summary__img-wrap {
    padding: 48px 0 50px;
}
}

@media (max-width: 480px) and (orientation: portrait) {
    .mobile {
        height: 640px;
    }
        .mobile .slide--summary .summary__img-wrap {
    padding: 48px 0 50px;
}
}

.slide--summary .summary__story {
    font-family: 'Oswald' !important;
     font-style: normal !important;
}

 .slide--summary .summary__heading{
   font-family: 'Oswald' !important;
 font-style: normal !important;
 }   
 
 #spList {
    font-family: 'Oswald';
   font-style: normal !important;;
}

.storyline.slick-slider .storyline__item {
    font-family: 'Oswald' !important;
    font-style: normal !important;
  
}

.slide .slide__heading {
    font-family: 'Oswald' !important;
    font-style: normal !important;
   
}

.slide .slide__caption{
    font-family: 'Oswald';
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--cut .slide__caption {
    font-size: 14px;
    text-align: left;
}}


@media (max-width: 360px) and (orientation: portrait){
.media .summary__heading {
    font-size: 20px;
}
  .media .summary__specs-row last{
      font-size: 13px !important;
  }  
}
@media (max-width: 480px){
.logo-right {
    transform: scale(.7) !important;
}
    .mobile .summary__heading{
        margin-top: 40px;
    }
}

#storyline__item--cut, #storyline__item--report, #storyline__item--loupe3d, #storyline__item--summary {
    COLOR: WHITE !IMPORTANT;
}

.storyline__item--active {
    color: #f2f2f2 !important;
}
.storyline__item {
    color: #fff !important;
}