@import url("https://use.typekit.net/bzd5xbl.css");


* {
    border-radius: 0 !important;
}

html,body { font-size: 100%; }
body {
    background-color: #f2f4f5;
    color: #333;
    font-size: 1em;
}
/*.page-home {
    background-color: #455159;
    color: #fff;
}*/

hr {
    display: none;
}

/*.rainbow-text {
  background-image: radial-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
*/

#carousel-homepage { margin-bottom: 20px; }

.group-ram-red .main {
    background-color: #8f0715;
    color: #fff;
    padding-bottom: 4rem;
}
.group-ram-red .thumbnail-item-heading {
    color: #fff;
}
.group-ram-red .site-footer {
    margin-top: 0;
}
.group-ram-red #content > .container:first-child > a:first-child {
    display: none;
}
.content.ram-red:first-of-type::before {
    content: "";
    background: url(/custom/img/RAMRED-Slim-2.jpg) 0 0 no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 1rem;
}

.group-spectram .main {
    color: #fff;
    padding-bottom: 4rem;

background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 60s ease infinite;
-z-animation: rainbow 60s ease infinite;
-o-animation: rainbow 60s ease infinite;
  animation: rainbow 60s ease infinite;}

}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.group-spectram .thumbnail-item-heading {
    color: #fff;
}
.group-spectram .site-footer {
    margin-top: 0;
}
.group-spectram #content > .container:first-child > a:first-child {
    display: none;
}
.content.spectram:first-of-type::before {
    content: "";
    background: url(/custom/img/spectram-slim.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 1rem;
}

/* #region Headings */
    h1,h2,h3, h4 {
        font-family: "proxima-nova-condensed",sans-serif;
        text-transform: uppercase;
        font-weight: 600;



    } 
    h2 { font-size: 1.875rem; }
    h3 { font-size: 1.125rem; }
    h4 { font-size: 1.125rem; text-transform: none; }

    h4.thumbnail-item-price { display: inline-block; margin-bottom: 0 }

    h4.thumbnail-item-price small {
    float: right;
    margin-left: 10px;
    }

    .news-item h3 { margin: 2px 0 5px }
    .news-item { margin-bottom: 20px;
    background-color: rgba(0,0,0,0.07);
    padding: 10px 0; margin-right: 5px;}

    .news-thumb-image { max-width: 153px; max-height: 153px; }

    .news-item p { font-size: 0.95rem}
    #featured-news {background-color:  rgba(0,0,0,0.07);margin-right: 20px;}
    .news-item .col-md-8 { padding-top: 1rem;}
    .feature .col-sm-4 {
        padding: 0 30px 1rem;
    }
    .related-news .row {border-bottom: 1px solid rgba(0, 0, 0, 0.22);margin-bottom: 20px;padding-bottom: 0px;}
 .related-news .row .thumbnail-item { margin-bottom: 20px;
 }

    .related-news .news-short, .related-news .feature-short  {color: rgba(0, 0, 0, 0.65);}
    .page-heading {
        margin-top: 1.12em;
        font-size: 1.875em;
        font-weight: 400;
    }
    .panel-heading {
        color: inherit;
    }
    .page-header {
        margin: 0;
        padding: 0;
        border: none;
    }
    h2 > small, h3 > small {
        display: block;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 75%;
        font-weight: 400;
        text-transform: none;
        color: inherit;
        opacity: 0.8;
    }
    .search-results h2 {
        margin-top: 0.3em;
    }
/* #endregion */

/* #region Links */



    h2 a {
        color: inherit;
    }
    h2 a .fa {
        color: #428bca;
    }
    h2 a:hover,h2 a:focus,
    h2 a:hover .fa,h2 a:focus .fa {color: #2a6496; text-decoration: none; }

    .list-group-heading > a , .list-group-item a {
        text-decoration:none;
        display: block;
    }
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        background-color: #333;
    }
    .list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a {
        color: #fff;
    }
/* #endregion */

/* #region Buttons */
    .btn, .nav-tabs>li>a {
        border-radius: 0;
        font-family: "proxima-nova-condensed",sans-serif;
        text-transform: uppercase;
    }
    .nav-tabs>li>a {
        font-weight: 600;
    }
    .btn-default, .btn-ram-default {
        color: #333332;
        background-color: #fff;
        border-color: #babbbc;
    }
    .btn-default:hover,.btn-default:focus,
    .btn-ram-default:hover,.btn-ram-default:focus{
        color: #222;
        background-color: #f0f0f0;
        border-color: #babbbc;
    }
    .btn-primary {
        color: #fff;
        background-color: #ed008c;
        border-color: #ed008c;
    }
    .btn-primary:hover,.btn-primary:focus {
        color: #fff;
        background-color: #c40076;
        border-color: #c40076;
    }
    .btn-primary.disabled,
    .btn-primary.disabled:hover,.btn-primary.disabled:focus{
        background-color: #ccc;
        border-color: #ccc;
        color: #555;
    }
    .btn-more-news {
        position: relative;
        top: 0;
    }
    .btn-cart  {color: #f161b6!important;}
    .btn-ram-t {
        /* background-color: transparent; */
        background-color: rgba(0, 0, 0, 0.69);
        border-color: transparent;
        color: #fff;
    }
    .btn-ram-t:hover, .btn-ram-t:focus, .btn-ram-t:active, .btn-ram-t.active, .open .dropdown-toggle.btn-ram-t {
        background-color: #212427;
        border-color: #212427;
        color: #fff;
    }
    .search-results .btn-toggle {
        margin-right: 1em;
        line-height: 2.0625rem;
    }

    label.btn.btn-default.btn-select-size.active {
    /*background-color: #ed008c;*/
    background-color: #222;
    color: #fff;
}

    button.close {
        font-weight: 100;
        font-size: 3rem;
    }
/* #endregion */

/* #region Brand colours */
    .brand-twitter    { color: #55ACEE; }
    .brand-facebook   { color: #3B5998; }
    .brand-instagram  { color: #3F729B; }
    .brand-soundcloud { color: #FF8800; }
    .brand-youtube    { color: #CD201F; }
    .brand-mixcloud   { color: #34495E; }

    .brand-bg-twitter    { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-facebook   { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-instagram  { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-soundcloud { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-youtube    { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-mixcloud   { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-tumblr     { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-google     { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-spotify    { background-color: transparent; color: rgba(0,0,0,0.7); }
    .brand-bg-apple    { background-color: transparent; color: rgba(0,0,0,0.7); }
    
    a.brand-bg-twitter:hover,a.brand-bg-twitter:focus         { background-color: #55ACEE; color: #fff; }
    a.brand-bg-facebook:hover,a.brand-bg-facebook:focus       { background-color: #3B5998; color: #fff; }
    a.brand-bg-instagram:hover,a.brand-bg-instagram:focus     { background-color: #3F729B; color: #fff; }
    a.brand-bg-soundcloud:hover,a.brand-bg-soundcloud:focus   { background-color: #FF8800; color: #fff; }
    a.brand-bg-youtube:hover,a.brand-bg-youtube:focus         { background-color: #CD201F; color: #fff; }
    a.brand-bg-mixcloud:hover,a.brand-bg-mixcloud:focus       { background-color: #34495E; color: #fff; }
    a.brand-bg-tumblr:hover,a.brand-bg-tumblr:focus           { background-color: #36465d; color: #fff; }
    a.brand-bg-google:hover,a.brand-bg-google:focus           { background-color: #db4437; color: #fff; }
    a.brand-bg-spotify:hover,a.brand-bg-spotify:focus         { background-color: #1db954; color: #fff; }
    a.brand-bg-apple:hover,a.brand-bg-apple:focus               { background-color: #36465d; color: #fff; }
/* #endregion */

/*#region Header */
.sticky {
    padding-top: 2.9rem;
}
    .site-header {
        background-color: #fff;
        padding-bottom: 0;
        margin-bottom: 2rem;
    }
    .site-header .container {
        position: relative;
    }
    .header-user {
        height: 2.9rem;
        background-color: #d7dbdd;
    }
    .sticky .header-user {
        position: fixed;
        top: 0;
        z-index: 1030;
        width: 100%;
        left: 0;
    }
    .header-user ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .navbar {
        margin-bottom: 0;
        border: none;
    }
    .logo {
        display: block;
        width: 200px;
        /*margin: 0 auto;*/
    }
    .logo img {
        max-width: 100%;
        height: auto;
    }

    .header-nav {
        background-color: #d7dbdd;
 /*       background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
*/    }
    .nav-user > li > a,
    li.nav-basket a,
    .header-search a,
    .header-nav .nav > li > a,
    .navbar-toggle {
        font-size: 1rem;
        color: #444;
        font-family: "proxima-nova-condensed",sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        padding: 0.75rem;
        margin: 0;
    }
    .nav-user > li > a:hover,.nav-user > li > a:focus,
    li.nav-basket a:hover, li.nav-basket a:focus,
    .header-search a:hover,.header-search a:focus,
    .header-nav .nav > li > a:hover, .header-nav .nav > li > a:focus,
    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: rgba(0,0,0,0.05);
        color: #333;
        text-decoration: none;
    }

    .nav-ram25 {
        position: absolute;
        right: 0;
        bottom: 100%;
    }

    .spotify-embed {
        float: right;
        position: relative;
        top: 3px;
    }
    .header-social ul {
        display: inline-block;
        margin: 0 1rem 0 0;
    }
    .header-social li {
        padding: 0;
    }
    .header-social a {
        display: block;
        padding: 0.5rem;
    }

    .header-search .btn-search {
        position: absolute;
        bottom: 100%;
        right: 40px;
        width: 40px;
    }
    li.nav-account {
        position: absolute;
        top: 0;
        right: 80px;
        width: 40px;
    }
    .nav-basket {
        position: absolute;
        left: 0;
        top: 0;
    }
    .header-search {
        float: right;
    }
    .header-search form {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 45px;
        z-index: 99;
        display: none;
    }
    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
    }
    .sticky li.nav-account, .sticky .nav-basket, .sticky .navbar-toggle, .sticky .header-search form, .sticky .header-search .btn-search {
        position: fixed;
        top: 0;
        bottom: auto;
        z-index: 1030;
    }
    .header-search .searchbox {
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        height: 46px;
        font-size: 1.25em;
        background-color: #eee;
        color: #222;
        border: none;
    }
    .btn-close-search {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        color: #999;
        font-weight: 100;
        font-size: 3.5em;
        line-height: 46px;
        position: absolute;
        right: 10px;
        bottom: 100%;
    }
/*#endregion */

/*#region Footer */
    .site-footer {
        background-color: #000;
        color: #fff;
        margin-top: 4rem;
/*        background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
*/    }
    .site-footer a {
        color: #999d99;
    }
    .site-footer a:hover,.site-footer a:focus {
        color: #fff;
        text-decoration: none;
    }
    .ram-footer, .footer-db {
        padding: 4rem 0 3rem 0;
    }
    .ram-footer-copy {
        background-color: #252d36;
        padding: 1.5rem;
        font-size: 0.85rem;
        line-height: 1rem;
    }
    .footer-db .pull-right {
        display: none;
    }
    .footer-db p {
        float: none !important;
        text-align: center;
    }
/*#endregion */

/* #region Sidebar */
    .sidebar {
        margin: -2rem 0 0;
        background-color: #455159;
        color: #fff;
    }
    .sidebar-items {
        
    }
    .sidebar-item h2 {
        padding: 0 15px;
        font-size: 1em;
        color: #fff;
        opacity: 0.35;
    }
    .sidebar-link-list {
        margin: 0 0 1.5em;
        padding: 0;
        list-style: none;
    }
    .sidebar-link-list a {
        padding: 0.2em 15px;
        font-family: "proxima-nova-condensed",sans-serif;
        text-transform: uppercase;
        display: block;
        color: #fff;
    }
    .sidebar-link-list a:hover,.sidebar-link-list a:focus {
        background-color: rgba(0,0,0,0.08);
        text-decoration: none;
    }
    .sidebar-toggle {
        padding: 0.75rem 1em;
        display: block;
        width: calc(100% + 30px);
        background: transparent;
        border: none;
        position: relative;
        left: -15px;
        text-align: left;
        font-family: "proxima-nova-condensed",sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1;
        color: #fff;
    }
    .sidebar-toggle:hover,.sidebar-toggle:focus {
        background: rgba(255,255,255,0.2);
        outline: none;
    }
    .sidebar-toggle i {
        position: absolute;
        right: 1em;
        top: 0.75rem;
    }
/* #endregion */

/* #region Panels */
    .panel {
        background-color: rgba(0, 0, 0, 0.05);
        color: #444;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    }
    .panel,.panel-group .panel {
        border: none;
        border-radius: 0;
    }
    .panel-heading {
        margin-top: 0;      
    }
    .panel-default > .panel-heading {
        background-color: rgba(255,255,255,0.1);
        border: none;
    }
    .panel-body {
        padding: 1.5rem 15px;
    }
    .panel-footer {
        background-color: #fff;
    }   

    
/* #endregion */

/* #region Thumbnail items */
    .thumbnail {
        margin-bottom: 30px;
        border: none;
        border-radius: 0;
        background-color: rgba(255,255,255,0.4);
    }
    .thumbnail-item {
        margin-bottom: 30px;
        padding: 0;
        position: relative;
        /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); */
        transition: box-shadow 200ms ease-out;
    }
    .media-view .thumbnail {
        position: relative;
        transition: box-shadow 200ms ease-out;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    }
    .thumbnails .thumbnail {
        transition: box-shadow 200ms ease-out;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    }
    .artwork-view:hover .thumbnail-item,.artwork-view:focus .thumbnail-item,
    .media-view .thumbnail:hover,.media-view .thumbnail:focus,
    .thumbnails .thumbnail:hover,.thumbnails .thumbnail:focus {
        /* background-color: rgba(255,255,255,0.7); */
    }


.thumbnail-item-caption {display: block;padding: 10px 4px 10px 4px;position: relative;height: 50px;width: 100%;/* background-color: rgba(0,0,0,0.9); *//* color: #fff; */-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;-ms-transition: all 500ms;transition: all 500ms;z-index: 1000;/* -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.7); */-moz-box-shadow:    0px 0px 2px 2px rgba(255, 255, 255, 0.7);/* box-shadow:         0px 0px 2px 2px rgba(255, 255, 255, 0.7); */}

    .artist .thumbnail-item-caption {
        min-height: calc( 20px + 2.85rem );
    }
    .thumbnail-item-heading, .media-view .media-heading {
        margin: 0;
        color: #33383c;
        font-size: 1em;
    }
    .row-home-news .thumbnail-item-heading {
        min-height: 4em;
    }
    #artists .thumbnail-item-heading, #artists .media-view .media-heading {
        min-height: 0;
    }
/*.thumbnail-item-actions {
    padding: 10px 20px;
    display: none;
    opacity: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
    height: calc(100% - 50px);
    /*background: #fff;*/
    z-index: 2000;
    position: absolute;
    width: 100%;
    overflow: hidden;
}*/



    .thumbnail-item:hover .thumbnail-item-actions, .thumbnail-item:focus .thumbnail-item-actions {/*display: block !important;*/}
    .thumbnail-item:hover .thumbnail-item-caption, .thumbnail-item:focus .thumbnail-item-caption {
    

/* position: absolute; */
    
/* border-color: rgba(0,0,0,0.2); */
    
/* top: 0; */
    
z-index: 1000;
    
float: none;
    }
    .media-view .media-heading {
        padding-right: 6px;
    }
    .thumbnail-item-heading small {
        font-weight: 400;
        font-size: 75%;
        margin-top: 5px;
        text-transform: uppercase;
    }
    .media-heading > small {
        display: block;
        margin-top: 0.3em;
        text-transform: uppercase;
        color: inherit;
        opacity: 0.6;
    }


    .page-home .thumbnail-item:hover .thumbnail-item-heading small, .page-home .thumbnail-item:focus .thumbnail-item-heading small {
        /* display: block; */
    }

    .page-home .thumbnail-item h3 {color: #111;}
    
    .thumbnail-item-cat {
        display: none;
    }
    .media-object {
        width: 120px;
        max-width: none;
    }
    .overlay-link {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 1000;
        /* background: red; */
    }
    .caption.discount {
        top: 4px;
        left: 4px;
        right: 4px;
        width: auto;
    }


'.caption.discount .caption-heading::after { 
        content: url(/custom/img/ram-egg-sm.png); 
        font-family: FontAwesome;
        font-style: normal;
        top: -15px;
        right: -10px;
         }
        
h2.discounted-product::before { 
        content: url(/custom/img/ram-egg.png); 
        margin: -20px 10px 0 10px;
        float: right;
        clear: both;
        float: right;
        clear: both;
         }

        .owl-carousel .owl-item {
        padding: 5px;
    }
    .owl-controls {
        padding-right: 15px;
        text-align: left;
    }
    .owl-controls > div {
        font-size: 2em;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.1;
        text-align: center;
        background-color: #33383C;
        color: #fff;
        cursor: pointer;
        display: inline-block;
    }
    .owl-controls > div:hover,.owl-controls > div:focus {
        background-color: #000;
        color: #fff;
    }
    .owl-next {
        margin-left: 3px;
    }
    
/* #endregion */

/*#region Tables */
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        border-top-color: rgba(0,0,0,0.1);
    }
/*#endregion */

/*#region MOdals */
    .modal {
        color: #222;
    }
/*#endregion */

.tab-content {
  padding: 1.5rem;
  border-color: #ddd;
  border-width: 1px;
  border-style: none solid solid solid;
  background-color: #fff;
  color: #222;
}
.modal .tab-content  {
    border: none;
    padding-top: 0;
}

@media (min-width: 768px){
    .sticky {
        padding-top: 12rem;
    }
    .site-header  { /*padding-bottom: 1rem;*/padding-bottom: 0; }
    .sticky .site-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1030;
    }
    .nav-user > li, .sticky .nav-user > li {
        display: inline-block;
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        bottom: 0;
    }
    .header-search .btn-search.btn-search-toggle  {
        position: static;
    }
    .sticky .header-search form {
        position: absolute;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-header {
        float: none;
        height: 10.5rem;
        margin-bottom: -3rem;
    }
    .sticky .navbar-header {
        height: 6rem;
    }
    .logo {
        float: left;
        width: 260px;
        position: relative;
        z-index: 2;
        padding: 0 15px;
        top: 0.5rem;
    }
    .sticky .logo {
        width: 160px;
        top: 0;
    }

    .site-header .navbar-collapse {
        padding: 0;
    }
     .header-nav .nav > li > a {
         padding: 0.75rem 0.6rem;
     }
    .header-nav .nav > li > a, .header-search a {
        font-size: 1.2rem;
        line-height: 1.25rem;
        font-weight: 700;
        letter-spacing: -0.05rem;

    }
    
    .header-social {
        float: right;
        /*position: relative;*/
        margin-top: 4rem;
    }
    .sticky .header-social {
        display: none;
    }
    .header-user {
        position: absolute;
        right: 0;
        top: 1rem;
        z-index: 1;
        text-align: right;
        width: 100%;
        height: auto;
        background-color: transparent;
    }
    .header-search .searchbox, .btn-close-search {
        bottom: 0;
    }

    .main {
        min-height: calc(100vh - 552px);
    }

    .sidebar {
        /*margin: 0 0 -3rem 0;*/
        margin: 0;
        padding: 0;
        position: relative;
        top: -2rem;
        /*background-color: #fff;*/
        /*background-color: rgba(0,0,0,0.1);*/
    }
    .sidebar-items {
        display: block;
        padding: 0;
        height: auto !important;
    }
    .sidebar-item-sections {
        float: left;
    }
    .sidebar-item-labels {
        float: right;   
    }
    .sidebar-item h2 {
        margin: 0 0.3em 0 0;
        padding: 0.7em 0;
        font-size: 0.9em;
        line-height: inherit;
        float: left;
    }
    .sidebar-item-sections h2 {
        display: none;
    }
    .sidebar-item-labels h2:after {
        content: " :";
    }
    .sidebar-link-list {
        margin: 0;
        float: left;
    }
    .sidebar-link-list li {
        /*display: inline-block;*/
        float: left;
    }
    .sidebar-link-list a {
        padding: 0.7em 0.5em;
        font-size: 0.9em;
        display: block;
    }

    .ram-footer-copy {
        padding: 0.5rem 1rem;
        border-radius: 1.5rem !important;
        position: relative;
    }
    .ram-footer-copy::before {
        content: url(/custom/img/logo-foot-new.png);
        position: absolute;
        left: calc(50% - 50px);
        top: -2rem;
    }
    .ram-footer-copy p {
        margin: 0;
    }
    .ram-footer-copy .copy {
        float: left;
    }
    .ram-footer-copy .links {
        float: right;
    }

    .related-news .news-short, .related-news .feature-short  {padding-left: 0; padding-top: 0;}
    .feature .col-sm-4 { padding: 0 15px 0 0; }

    /*#region Snow */
        /*body::before{
          display: block;
          content: '';
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          position: fixed;
          z-index: 1033;
          background: none;
          background-image: url('https://d2hskdbxhk7416.cloudfront.net/snow/front.png'), url('https://d2hskdbxhk7416.cloudfront.net/snow/mid.png'), url('https://d2hskdbxhk7416.cloudfront.net/snow/back.png');
          pointer-events: none;
          animation: snow 30s cubic-bezier(0.1, 0, 0.9, 1) infinite;
        }
        @keyframes snow {
          0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
          50% {background-position: -800px 800px, -400px 400px, -300px 300px;}
          100% {background-position: 500px 1500px, 500px 1000px, 500px 500px;}
        }*/


    /*#endregion */
}
@media (min-width: 992px){
    .site-header  { /*padding-bottom: 1rem;*/padding-bottom: 0; }
    .header-nav .nav {
        /*float: right;*/
    }
    .logo {
        padding: 0;
        /*width: 320px;
        top: 2.7rem;*/
        width: 260px;
        top: 0;
    }
    .sticky .logo {
       top: 0;
        /*width: 200px;*/
        width: 100px;
        position: absolute;
    }
    .nav-user > li > a, li.nav-basket a, .header-search a, .header-nav .nav > li > a, .navbar-toggle {
        padding: 0.75rem 0.5rem;
    }
    .header-nav .nav > li > a {
        padding: 0.75rem 1.2rem;
    }
    /*.header-search form {left: 360px;}*/
    .sidebar-item h2,.sidebar-link-list a {
        font-size: 1em;
    }
    .news-item .col-md-8 { padding-left: 0; padding-top: 0;}

    .panel.event .panel-body .row div:first-child {
        padding: 0;
    }
    .panel.event table {
        font-size: 0.8rem;
        margin: 0 0 0.2rem 0;
    }
    .panel.event .panel-body {
        padding-top: 0;
        padding-bottom: 0;
    }
    .owl-controls {
        margin-top: 0.8em;
        text-align: right;
    }
}
@media (min-width: 1200px){
    .nav-user > li > a,
    li.nav-basket a,
    .header-search a {
        /*font-size: 1.25rem;*/
        padding: 0.75rem;
    }
    .logo {
        /*width: 340px;*/
    }
    /*.header-search form {left: 400px;}*/
    .sidebar-link-list a {
        padding: 0.7em 0.9375em;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .feature h2 {
        font-size: 1.4rem;
    }
}


li.nav-ram25 a {
    color: #ff5555;
}
    
@media (max-width: 767px){

.logo img {
    max-width: fit-content;
  height: auto;
}

    .sticky .navbar-collapse {
        position: fixed;
        top: 2.9rem;
        width: 100%;
        z-index: 1030;
        background: #000;
    }
    .sticky .header-search .searchbox {
        /* position: fixed; */
        top: 0;
        /* width: 100%; */
    }
    .sticky .btn-close-search {
        bottom: 0;
    }

    .content.spectram:first-of-type::before {
    content: "";
    margin-bottom: -3rem;
    margin-top: 3rem;
}

}