/*@font-face {*/
/*    font-family: 'KelsonSans', sans-serif !important;*/
/*    src: url("media/Kelson_Sans_Regular_BG.ttf")!important;*/
    
/*}*/

/*@font-face {*/
/*    font-family: 'LibreFranklin', sans-serif !important;*/
/*    src: url("media/LibreFranklin_Regular.ttf")!important;*/
/*}*/

@font-face {
    font-family: 'Kelson Sans';
    src: url(../../viewers/templates/BASEWIDGET/v1/fonts/sarine/KelsonSans-Regular.ttf);


}

@font-face {
    font-family: 'Libre Franklin';
    src: url(../../viewers/templates/BASEWIDGET/v1/fonts/sarine/LibreFranklin-Light.ttf);
}


/*---------preloader----------------*/
.preloader__heading {
    fill: #000;
}
.preloader__dot {
    background: #000;
}


/*---------------q-mark----------------*/
.q-mark-lg {
    color: #000;
}
.q-mark-md {
    color: #000;
}
.q-mark-sm {
    color: #000;
}
.q-mark-lg:before, .q-mark-md:before, .q-mark-sm:before {
    color: #000;
}

.popup-wrap:before {
    background-image: linear-gradient(to bottom,#9ba2a3 0,#fff 50%,#fff 100%);
}

.mobile .slide--summary .summary .q-mark-lg {
    margin-right: 12px;
}

.mobile .q-mark-lg {
    width: 23px;
    height: 23px;
    top: 2px;
}



/*-------------General-----------------*/
@media (max-width: 480px){
.mobile .slide--summary .summary__spec {
    margin-bottom: 0px;
}
}


.mobile .slide--summary .summary__spec__value {
    padding-right: 0px;
}

.popup__heading{
    font-family: 'Kelson Sans' !important;
    font-style: normal;
    text-transform: uppercase;
}

#popup-carat-body-text{
    font-family: 'Libre Franklin' !important;
}

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


.slider--loupe .slider__btn, .slider--loupe3d .slider__btn, .slider--loupeInscription .slider__btn {
    stroke: #000;
}

.slide--loupe .slide__caption, .slide--loupe .slide__heading, .slider--loupe .storyline.slick-slider .storyline__item--active, .slider--loupe .storyline.slick-slider .storyline__item:hover, .slider--loupe3d .slider__heading {
    color: #000;
}

.slider--loupe .slider__heading {
    color: #010101;
}

.thumbnail .storyline.items-count-10 .storyline__item--active, .thumbnail .storyline.items-count-11 .storyline__item--active, .thumbnail .storyline.items-count-12 .storyline__item--active, .thumbnail .storyline.items-count-13 .storyline__item--active, .thumbnail .storyline.items-count-14 .storyline__item--active, .thumbnail .storyline.items-count-6 .storyline__item--active, .thumbnail .storyline.items-count-7 .storyline__item--active, .thumbnail .storyline.items-count-8 .storyline__item--active, .thumbnail .storyline.items-count-9 .storyline__item--active {
    border-color: #ffcd14;
}

.thumbnail .slider__header {
    padding: 24px 15px 0;
}

.slider .slider__header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0%;
}

@media (max-width: 480px){
.slider .slider__header {
    width: 94%;
    margin-left: 3%;
}
}

.thumbnail {
    border: 3px solid #ffcd14;
}

.mobile .storyline__item--active {
    border-color: #ffcd14;
}

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


@media (max-width: 480px){
.thumbnail .slider__btn--previous {
    left: -5px;
}
}

@media (max-width: 480px){
.thumbnail .slider__btn--next {
    right: -5px;
}
}

@media (max-width: 360px){
.mobile .slider__btn {
    width: 40px
}
.mobile #legal-property {
    padding: 10px 0;
}
}


@media (max-width: 480px){
.mobile .slider__btn {
    width: 50px
}
}

@media (max-width: 480px){
.mobile .footer {
    bottom: 8px;
    padding: 5px 15px;
}
}

 #about-us-description{
        text-align: left;
        color: #000;
}

@media (max-width: 480px) and (orientation: portrait){
    #about-us-description{
        text-align: center;
        font-size:12px;
}
    
}

@media (max-width: 360px) and (orientation: portrait){
    #about-us-description{
        text-align: center;
        font-size: 12px;
        
}
}

.mobile .slide--aboutUs .slide__caption,.thumbnail .slide--aboutUs .slide__caption {
    text-align: center !important;
}

/*--------------------popup clarity-----------------------*/
/*#popup_clarity .popup__media.popup__media--blank {*/
/*    background-image: url("media/Clarity2.png");*/
/*}*/




/*Logo*/

.logo-left-first {
    display: block;
    background-image: url(media/Canarylogo2020.jpg);
    width: 128px;
    height: 39px;
    left: 50%;
    margin-left: -64px;
    top: 20px;
}


@media (max-width: 480px){
.logo-left {
    transform: scale(.6);
    top: 24px !important;
    margin-left: -60px !important;
}
}
@media (max-width: 360px) and (orientation: portrait){
.mobile {
    height: 640px !important;
}}

.mobile .logo-left-first {
    top: 30px;
    left: 50%;
    transform: scale(0.7);
}


.mobile .slide--summary .summary__img-wrap {
    padding: 48px 0 45px !important;
}

.slider--summary {
    background-image: linear-gradient(0deg,#fff 0,#fff 50%,#fff 100%);
}

.slide--summary .summary__heading {
    color: #000 !important;
    padding-top: 0px;
    font-family: 'Kelson Sans';
    font-style: normal !important;
    font-weight: 400;
    text-transform: uppercase;
}

@media (max-width: 480px){
.mobile .summary__heading {
    line-height: 60px;
}
}

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

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

.mobile .slider--summary:before {
    background: none;
}

div#viewr_1 {
    background: none !important;

}


.slide--summary .summary__heading {
    color: #010101;
}
.slide--summary .summary__story {
    color: #000;
    font-family: 'Kelson Sans';
    font-style: normal !important;
    font-weight: 400;
    text-transform: uppercase;
}
.slide--summary .summary__story svg {
    fill: #000;
}

/*.slide--summary .summary__story svg:hover {*/
/*    fill: #ffcd14;*/
/*}*/

/*@media (orientation: portrait){*/
/*.mobile .slider__heading {*/
/*    visibility: hidden;*/
/*}*/
/*}*/

@media (orientation: landscape){
.mobile .slider__heading {
    visibility: hidden;
}
}

.thumbnail .slide--summary .summary__heading {
    margin-bottom: 10px;
    font-family: 'Kelson Sans';
    font-style: normal;
    text-transform: uppercase;
}



/*----------------Light-------------------*/

.slide--light .total-grade__grade {
    color: #000;
}
.slide--light .total-grade__stars {
    color: #000;
}
.slide--light .specs__item--foot {
    color: #000;
    font-family: 'Kelson Sans';
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.slide--light .specs__point:nth-child(1):before {
    background-color: #000;
}
.slide--light .specs__point:nth-child(2):before {
    background-color: #1982c5;
}
.slide--light .specs__point:nth-child(3):before {
    background-color: #3290cb;
}
.slide--light .specs__point:nth-child(4):before {
    background-color: #4c9ed2;
}
.slide--light .specs__point:nth-child(5):before {
    background-color: #66acd8;
}


/*-------------------Loupe 3D------------------*/

.slide--loupe3d .slide__heading{
    color: #000;
}

.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: #000;
}

.slider--loupe3d .storyline.slick-slider .storyline__item--active, .slider--loupe3d .storyline.slick-slider .storyline__item:hover {
    color: #ffcd14 !important;
}

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

.slider--loupe3d {
    background-color: #fff;
}

.inspect-stone>.buttons.close>li.top,
 .inspect-stone>.buttons.close>li.side,
  .inspect-stone>.buttons.close>li.bottom,
   .inspect-stone>.buttons.close>li.focus_in,
    .inspect-stone>.buttons.close>li.focus_out,
     .inspect-stone>.buttons.close>li.magnify,
      .inspect-stone>.buttons.close>li.arrow-right{
    background: #0000;
}

.slide--loupe3d .inspect-stone .buttons .icon:before {
    background-image: url("media/slide-loupe3d-icons.black.png");
}
 .slide--loupe3d .inspect-stone .buttons .icon.selected:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    box-shadow: transparent 0 0 20px 13px inset;
    width: 52px;
    height: 100%;
    background: rgba(255,255,255,.25);
    z-index: 1;
    margin-left: -26px;
}
@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--loupe3d .inspect-stone .buttons {
    bottom: -110px;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background: #9ba2a3;
}

}
@media (orientation: portrait){
.mobile .slide--loupe3d .inspect-stone .buttons {
    height: 66px;
    bottom: -140px;
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
}
@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--loupe3d .inspect-stone .buttons {
    background: rgba(255, 255, 255, 0);
    transform: scale(0.9);
    bottom: -80px;
}
}



.slide--loupe .content {
    background-color: transparent;
 }

 .slide--loupe3d .content {
   background-color: transparent;
}

.thumbnail .slide--loupe3d .inspect-stone .buttons .icon{
    background: rgba(0,0,0,0)
}

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

/*.slide--loupe3d .inspect-stone .buttons .icon.bottom {*/
/*    left: 180px;*/
/*}*/

/*.slide--loupe3d .inspect-stone .buttons .icon.side {*/
/*    left: 125px;*/
/*}*/

/*.slide--loupe3d .inspect-stone .buttons .icon.top {*/
/*    left: 70px;*/
/*}*/



/*--------------Inscription-------------------*/

.slider--loupeInscription {
    background-color: #fff;
}

.slider--loupeInscription .storyline.slick-slider .storyline__item--active, .slider--loupeInscription .storyline.slick-slider .storyline__item:hover {
    color: #000 !important;
}

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

.slider--loupeInscription .slider__heading {
    color: #000;
}

.slide--loupeInscription .slide__heading, .slider--loupeInscription .storyline.slick-slider .storyline__item--active, .slider--loupeInscription .storyline.slick-slider .storyline__item:hover {
    color: #010101;
}


/*.viewer.loupe3DFullInspection .viewport {*/
/*    background: ;*/
/*}*/





/*--------------Loupe-------------------*/
.slider--loupe .storyline.slick-slider .storyline__item--active, .slider--loupe .storyline.slick-slider .storyline__item:hover {
    color: #ffcd14 !important;
}

.slider--loupe .storyline.slick-slider .storyline__item {
    color: #9ba2a3;
}

.slider--loupe {
    background-color: #fff;
}


div#viewr_3 {
    background: rgba(135, 135, 135, 0) !important;
}




/*--------------About Us-------------------*/
/*.thumbnail .slide--aboutUs .slide__social {*/
/*    display: none;*/
/*}*/


/*@media (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__social {*/
/*    display: none;*/
/*}*/
/*}*/

/*@media (orientation: landscape){*/
/*.mobile .slide--aboutUs .slide__social {*/
/*    display: none;*/
/*}*/
/*}*/

/*@media (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__caption {*/
/*    margin: 18px 0 0;*/
/*    font-size: 16px;*/
/*}*/
/*}*/

/*.thumbnail .slide--aboutUs .slide__social .social-text {*/
/*    display: none;*/
/*}*/

/*.thumbnail .slide--aboutUs .slide__social {*/
/*    margin: 18px 120px 0;*/
/*}*/

/*.mobile .slide--aboutUs .slide__social .social-text {*/
/*    display: none;*/
/*}*/

/*@media (max-width: 480px) and (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__social {*/
/*    margin: 12px 108px 0;*/
/*}*/
/*}*/

/*@media (max-width: 320px) and (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__social {*/
/*    margin: 12px 88px 0;*/
/*}*/
/*}*/

/*@media (max-width: 360px) and (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__caption {*/
/*    font-size: 10px !important;*/
/*}*/
/*}*/

/*@media (max-width: 480px) and (orientation: portrait){*/
/*.mobile .slide--aboutUs .slide__caption {*/
/*    font-size: 16px;*/
/*}*/
/*}*/


/*--------------------Cut----------------------------*/
/*.thumbnail .slide--cut .slide__img-caption {*/
/*    display: none;*/
/*}*/

/*@media (orientation: portrait){*/
/*.mobile .slide--cut .slide__img-caption {*/
/*    display: none;*/
/*}*/
/*}*/

.thumbnail .slide--cut .slide__caption {
    margin: 25px 0 0;
}

.thumbnail .slide--cut .slide__img-caption {
    font-size: 9px;
    font-style: italic;
    color: #9ba2a3;
    font-family: 'Libre Franklin';
}

@media (max-width: 480px){
.mobile .slide--cut .slide__img-caption {
    font-size: 8px;
    line-height: normal;
}
}


@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--cut .slide__caption {
    font-size: 12px;
    line-height: 1.4;
}
}



/*----------------Report PDF-----------------*/
canvas.PDF-thumb.horizontal--report {
    border-radius: 0px;
}

@media (max-width: 480px) and (orientation: portrait){
canvas.PDF-thumb.horizontal--report {
    font-size: 14px;
    margin-top: -4px !important;
}
}




/*-------------------------About Us---------------------------*/

.thumbnail .slide--aboutUs .slide__img-wrap .link {
    box-shadow: 0 5px 17px #000;
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .custom--aboutUs .slide__caption, .mobile .slide--aboutUs .slide__caption {
    margin: 12px 21px 0;
    line-height: 1.4;
    text-align: center;
}
}

.thumbnail .custom--aboutUs .slide__img-wrap .link, .thumbnail .slide--aboutUs .slide__img-wrap .link {
    max-width: 100%;
    box-shadow: 0 5px 17px #000;
}

.mobile .custom--aboutUs .slide__img-wrap .link, .mobile .slide--aboutUs .slide__img-wrap .link {
    box-shadow: 0 3px 10px #000;
}

@media (orientation: portrait){
.mobile .custom--aboutUs .slide__img-wrap .link, .mobile .slide--aboutUs .slide__img-wrap .link {
    max-width: 77%;
}
}





/*-----------------Rounded Edge CSS-------------------*/

.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: 140px;
    margin-top: 40px;
}


/*--------------Double inscription-------------------*/

.thumbnail .slide--loupeInscription .slide__img, .thumbnail .slide--loupeInscription .slide__img canvas {
    width: 200px;
    height: 200px;
}

img.inscription2 {
    width: 120px;
    height: 120px;
    margin-top: 40px;
    border-radius: 150px;
}

img.inscription2 {
    width: 120px;
    height: 120px;
    margin-top: 40px;
    border-radius: 150px;
}

.mobile .slide--loupeInscription .slide__img, .mobile .slide--loupeInscription .slide__img canvas {
    width: 180px;
    height: 180px;
}

@media (max-width: 480px){
img.inscription2 {
    width: 100px;
    height: 100px;
    margin-top: 25px;
    
}
}

/*--------------Costum H&A Red color-------------------*/

/*.thumbnail .custom--aboutUs .slide__img-wrap .link img {*/
/*    max-height: 182px;*/
/*    cursor: default;*/
/*}*/

/*.thumbnail .custom--aboutUs .slide__img-wrap .link {*/
/*    max-width: 78%;*/
/*    box-shadow: 0 0px 0px white;*/
/*}*/

/*.custom--aboutUs .slide__content {*/
/*    padding: 0 0px;*/
/*}*/

/*.mobile .custom--aboutUs .slide__img-wrap .link {*/
/*    box-shadow: 0 0px 0px white;*/
/*}*/

/*@media (orientation: portrait){*/
/*.mobile .custom--aboutUs .slide__img-wrap .link {*/
/*    max-width: 78%;*/
/*}*/
/*}*/

/*@media (max-width: 400px) and (orientation: portrait){*/
/*.mobile .custom--aboutUs .slide__img-wrap .link img {*/
/*    max-height: 165px;*/
/*}*/
/*}*/

/*@media (max-width: 480px) and (orientation: portrait){*/
/*.mobile .custom--aboutUs .slide__caption, .mobile .slide--aboutUs .slide__caption {*/
/*   margin: 20px 10px 0;*/
/*   text-align: center;*/
/*}*/
/*}*/


/*--------------Leran More-------------------*/


.thumbnail .slide__content {
    padding: 0 36px;
}

.thumbnail .custom--youtube .slide__caption, .thumbnail .slide--youtube .slide__caption {
    padding: 20px 0 0;
    text-align: center;
}

.thumbnail .slide__caption {
    font-size: 13px;
}

.slide .slide__caption {
    line-height: 1.4;
    text-align: left;
}

.slide--youtube .slide__caption {
    text-align: left;
}


.mobile .slide--youtube .slide__caption {
    font-size: 12px;
}

.mobile .custom--youtube .slide__caption, .mobile .slide--youtube .slide__caption {
    padding: 119px 0 0;
    text-align: center;
}


.zh-CN .mobile .slide--youtube .slide__caption {
    font-size: 12px;
}

@media (max-width: 360px) and (orientation: portrait){
.mobile .custom--youtube .slide__img-wrap, .mobile .slide--youtube .slide__img-wrap {
    padding: 85px 25px 0;
}
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .custom--youtube .slide__img-wrap, .mobile .slide--youtube .slide__img-wrap {
    padding: 100px 20px 0;
}
}


/*--------------Clarity-------------------*/

.slide__img--clarityView .viewer.clarityView .cq-beforeafter i.default-theme {
    background: #000;
    border-color: #000;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), inset 0 2px 0 rgba(255,255,255,.2), inset 0 60px 50px -30px #000;
}







/*--------------Social-------------------*/

.custom--aboutUs .slide__social .social-link, .slide--aboutUs .slide__social .social-link {
    display: none;
}

.slide__social {
    display: block !important;
}


/* Style all font awesome icons */
.fa {
    padding: 14px;
    font-size: 18px !important;
    width: 35px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    /*background: #3B5998;*/
    color: #000;
}

.fa-facebook:hover {
    color: #ffcd14;
}

/* Twitter */
.fa-twitter {
    /*background: #55ACEE;*/
    color: #000;
}

.fa-twitter:hover {
    color: #ffcd14;
}

/* youtube */
.fa-youtube {
    /*background: #55ACEE;*/
    color: #000;
}

.fa-youtube:hover {
    color: #ffcd14;
}

/* instagram */
.fa-instagram {
    /*background: #55ACEE;*/
    color: #000;
}

.fa-instagram:hover {
    color: #ffcd14;
}

/* pinterest */
.fa-pinterest {
    /*background: #55ACEE;*/
    color: #000;
}

.fa-pinterest:hover {
    color: #ffcd14;
}

/* tumblr */
.fa-tumblr {
    color: #000;
}

.fa-tumblr:hover {
    color: #ffcd14;
}

/* wechet */
.fa-wechat {
    color: #000;
}

.fa-wechat:hover {
    color: #ffcd14;
}

/* linkedin */
.fa-linkedin {
    color: #000;
}

.fa-linkedin:hover {
    color: #ffcd14;
}

/* weibo */
.fa-weibo {
    color: #000;
}

.fa-weibo:hover {
    color: #ffcd14;
}


.custom--aboutUs .slide__social, .slide--aboutUs .slide__social {
    text-align: center;
}

.thumbnail .custom--aboutUs .slide__social .social-text, .thumbnail .slide--aboutUs .slide__social .social-text {
    display: none;
}

.mobile .custom--aboutUs .slide__social .social-text, .mobile .slide--aboutUs .slide__social .social-text {
    display: none;
}

.mobile .custom--aboutUs .slide__img-wrap .caption, .mobile .slide--aboutUs .slide__img-wrap .caption {
    font-size: 12px;
    color: #000;
}
/**************************************************************************************/




.sarine-selectric-wrapper {
    right: 10px;
}

.mobile .slide--summary .summary .help-container {
    top: 16px;
}

.mobile .popup__thumbnail, .mobile .popup__video {
    margin-top: 22px;
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--hna .slide__caption {
    font-size: 12px;
    line-height: 1.4;
}
}

.slide--cut3d .cut3d-nav .unit {
    background-image: url(media/Sarine_slide-cut3d-Yellow.png);
}

/*.thumbnail .slide--summary .summary__specs-row.last {*/
/*    display: none;*/
/*}*/

.thumbnail .custom--aboutUs .slide__caption, .thumbnail .custom--aboutUs .slide__img-wrap .caption, .thumbnail .slide--aboutUs .slide__caption, .thumbnail .slide--aboutUs .slide__img-wrap .caption {
    margin: 18px -32px 0;
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .custom--aboutUs .slide__social, .mobile .slide--aboutUs .slide__social {
    margin: 0px 0 0;
}
}

/*ul#legal-property {*/
/*    visibility: hidden;*/
/*}*/

div#viewr_4 {
    background: rgba(135, 135, 135, 0) !important;
}

div#viewr_5 {
    background: rgba(135, 135, 135, 0) !important;
}
/**********************************************************************************************************/

.thumbnail .slider--summary:before {
    background-image: linear-gradient(0deg,#fff 0,#fff 50%,#fff 100%);
}

.slide--summary .lab-name, .slide--summary .summary__spec__title {
    color: #000;
    font-family: 'Libre Franklin';
}

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

.thumbnail .popup-wrap:before {
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
}

.thumbnail .popup__close-btn {
    top: 0px;
}

.selectric .button:after {
    border-top-color: #9ba2a3 !important;
}

.sarine-selectric-wrapper .icon {
    color: #9ba2a3 !important;
}

.selectric .label {
    color: #9ba2a3 !important;
    font-family: 'Libre Franklin' !important;
    font-size: 11px !important;
}

.footer__disclaimer:active, .footer__disclaimer:hover {
    color: #9ba2a3;
}

.footer__powered {
    color: #9ba2a3;
    font-family: 'Libre Franklin';

}

.footer__powered__logo {
    fill: #9ba2a3;
}

.thumbnail #spList {
    font-family: 'Libre Franklin';
    text-transform: uppercase;
}

.thumbnail .slide--summary .summary__stories .summary__story {
    font-family: 'Kelson Sans';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.slider {
    outline-color: transparent !important;
}

.footer__disclaimer {
    font-size: 9px;
    color: #9ba2a3;
    font-family: 'Libre Franklin';
    font-weight: 400;
}

.footer__disclaimer:hover {
    color: #ffcd14;
}

.footer__powered:hover {
    color: #ffcd14;
}

.footer__powered__logo:hover {
    fill: #ffcd14;
}

.slide--summary .summary__story:hover {
    color: #ffcd14;
}

.thumbnail .slider__heading {
    font-family: 'Kelson Sans';
    font-style: normal;
    text-transform: uppercase;
}

.thumbnail .storyline.items-count-10 .storyline__item, .thumbnail .storyline.items-count-11 .storyline__item, .thumbnail .storyline.items-count-12 .storyline__item, .thumbnail .storyline.items-count-13 .storyline__item, .thumbnail .storyline.items-count-14 .storyline__item, .thumbnail .storyline.items-count-6 .storyline__item, .thumbnail .storyline.items-count-7 .storyline__item, .thumbnail .storyline.items-count-8 .storyline__item, .thumbnail .storyline.items-count-9 .storyline__item {
    font-family: 'Kelson Sans';
    font-style: normal;
    text-transform: uppercase;
}

.thumbnail .popup__caption {
    font-family: 'Libre Franklin';
}

.slider__heading {
    color: #000;
    font-family: 'Kelson Sans';
    font-style: normal;
    text-transform: uppercase;
}

h2.slide__heading {
    font-family: 'Kelson Sans';
    font-style: normal;
    color: #000;
    text-transform: uppercase;
}

.slider-wrap {
    background: transparent;
}

.thumbnail .slide--light .specs__item--value {
    font-family: 'Libre Franklin';
    color: #000;
}

.slide--loupe .slide__caption {
    color: #000;
    font-family: 'Libre Franklin';
}

.slick-slider .storyline__item {
    color: #9ba2a3;
}

.thumbnail .slide--hna .hna__caption {
    font-size: 19px;
    font-family: 'Kelson Sans';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.slide__caption, .slide__heading {
    color: #000;
    font-family: 'Libre Franklin';
}

.thumbnail .custom--aboutUs .slide__caption, .thumbnail .custom--aboutUs .slide__img-wrap .caption, .thumbnail .slide--aboutUs .slide__caption, .thumbnail .slide--aboutUs .slide__img-wrap .caption {
    font-size: 13px;
    color: #000;
}

.slider-wrap {
    background: transparent !important;
}

@media (max-width: 360px) and (orientation: portrait){
.mobile .popup.popup--summary .popup__caption {
    font-family: 'Libre Franklin';
}
}

@media (max-width: 360px) and (orientation: portrait){
.mobile .storyline__item {
    font-family: 'Kelson Sans';
    font-style: normal;
    text-transform: uppercase;
}
}

.mobile .slide__heading {
    font-weight: 400;
}

.mobile .slide--light .specs.user-3 .specs__item--value {
    color: #000;
    font-family: 'Libre Franklin';
}

.mobile {
    border: 2px solid #ffcd14;
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--loupe .slide__caption {
    font-size: 12px;
}
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .slide--hna .hna__caption {
    font-size: 17px;
    font-family: 'Kelson Sans';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
}

.mobile .popup-wrap:before {
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
}

#spList {
    text-transform: uppercase;
    margin-left: 3%;
}

@media (max-width: 480px) and (orientation: portrait){
.mobile .popup__close-btn {
    top: 5px;
}
}

@media (orientation: portrait){
.mobile .popup__close-btn {
    right: 5px;
}
}

.mobile .q-mark-lg:before {
    line-height: 23px;
}

.mobile .storyline__item {
    font-family: 'Kelson Sans';
}

@media (max-width: 414px) and (min-width: 375px){
.mobile .custom--aboutUs .slide__caption, .mobile .slide--aboutUs .slide__caption {
    line-height: 1.0;
}
}

.slide__content--customHtml1548332430,.slide__content--customHtml1548332404, .slide__content--customHtml1548332459 {
    height:340px;
}  

.loader {
    width: 50px;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
}
.loader .spinner {
    border: 7px solid #f3f3f3;
    border-top: 7px solid #3498db;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*@media (max-width: 480px){*/
/*    .slide__content iframe {*/
/*        width: 260px !important;*/
/*        padding-top:50px;*/
/*    }*/
/*}*/

.st0 {
    stroke-width: 1;
}

.bar {
    background: linear-gradient(0deg, #000 0%, #ffcd14 100%);
}

.popup-wrap .popup__heading {
    color: #000;
}

.popup-wrap .popup__caption {
    color: #000;
}

@media (orientation: portrait){
.mobile .bars_graph_foot_item:nth-child(3) {
    width: 14%;
}
}

@media only screen and (max-device-width: 375px) and (orientation: portrait){
.bars_graph_foot_item {
    width: 26%;
}
}

/********* copy it to CSS *************/
.disclamer_3d_cut {
    margin-top: -32px;
    font-family: 'Libre Franklin';
    font-size: 20px;
}
/*****************************************/


.thumbnail .slide--summary .summary__img-wrap {
    padding: 70px 0 15px;
}

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