@font-face {
    font-family: 'Arsenal';
    src: url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-BoldItalic.eot');
    src: local('Arsenal Bold Italic'), local('Arsenal-BoldItalic'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-BoldItalic.woff2') format('woff2'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-BoldItalic.woff') format('woff'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Arsenal';
    src: url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Italic.eot');
    src: local('Arsenal Italic'), local('Arsenal-Italic'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Italic.woff2') format('woff2'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Italic.woff') format('woff'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Arsenal';
    src: url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Bold.eot');
    src: local('Arsenal Bold'), local('Arsenal-Bold'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Bold.woff2') format('woff2'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Bold.woff') format('woff'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Regular.eot');
    src: local('Arsenal'), local('Arsenal-Regular'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Regular.woff2') format('woff2'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Regular.woff') format('woff'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Arsenal/Arsenal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jun';
    src: url('https://museumpushkin.ru/vmp_bs4/fonts/Jun/Jun_Regular.woff');
    src: local('Jun'), local('Jun_Regular'),
        url('https://museumpushkin.ru/vmp_bs4/fonts/Jun/Jun_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  overflow-x: hidden;
  font-family: 'Arsenal', sans-serif;
  background-color: #E6DFDD;
}


a {
text-decoration: none;
color: #660000; 
}

a:hover {
text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Jun";
    font-style: normal;
    font-weight: 400;
    color: #898989;
}

/*h1, h2, h3, h4, h5, h6 {
font-family: "Oraniembaum";
font-style: normal;
font-weight: 200;
color: #696969;
}*/

.btn {
  border-radius: 10px !important; /* Adjust the value as needed */
}

#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 10px;
    background-color: hsla(5,76%,62%,.8);
    border-radius: 6px;
    
}

/*section {
    border-top: 20px solid rgba(233,233,233,1.00)
}*/

.navbar-dark .navbar-brand {
    /*background-color: #fff;*/
    padding: 10px;
    
}

.navbar-collapse {
    /*padding-top: 20px;*/
}

/*.nav-link {
  text-transform: capitalize
}*/

.carousel-item {
  position: relative !important;
}

.black-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.5;
}


.black-overlay_2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    /* background: rgb(0, 0, 0); */
    background: linear-gradient(69deg, #000000 0%, transparent 40%, transparent 60%, #000000 100%), linear-gradient(90deg, transparent 0%, #ede7f600 100%);
}

.carousel_menu a {
  color: aliceblue;
  /*color: #fff;
  background-color: #00000080;*/
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.3em 3em 0.3em 1em;
  margin: 3px;
  border-radius: 10rem;
  display: inline-block;
}

.carousel_menu a:hover {
  color: #FFCC33;
  background-color: rgba(0, 0, 0, 0.7);
}

.carousel-caption h1 {
  font-size: 3em;
  text-align: left; 
  color: aliceblue;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
  /*  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  animation: animtext 4s steps(80, end);  
  transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);   
  animation:     4s linear 0s infinite alternate rise*/
}

.carousel-caption h4 {
  color:#fff;
}

.carousel-caption p {
  color: white;
  text-align: left;
}
.carousel-box {
    border-right: 1px solid #7C7C7C;
  border-left: 1px solid #7C7C7C;
   /* border-bottom: 1px solid #7C7C7C;
    border: 1px solid #7C7C7C;*/
  padding: 40px 40px 60px 40px;
  background-color: rgba(1, 1, 1, 0.5);
  background-opacity: 1;
  border-radius: 20px;
  max-width: 1280px;
}

.carousel-control-prev-icon {
    background-image: url('../images/carousel_arrow_left.svg');
}

.carousel-control-next-icon {
  background-image:  url('../images/carousel_arrow_right.svg');
}

.carousel-control-prev-icon, .carousel-control-next-icon { 
    width: 175px;
    height: 175px;
}

/*#sliding_banners .carousel-control-prev-icon { 
    width: 100px;
    height: 100px;
    margin-left: -100px;
}

#sliding_banners .carousel-control-next-icon { 
    width: 100px;
    height: 100px;
    margin-right: -100px;
}*/



/*tabs for МУЗЕЙ ONLINE*/

#customers {
    background: #eee !important;    
}


#customers .frontside h4 {
    font-size: 0.9em;
/*    padding: 2em;
    background-color: black;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;*/
}

#additional_info {
    background-color: #343a40;
}





.btn-primary:hover,
.btn-primary:focus {
/*    background-color: #108d6f;
    border-color: #108d6f;*/
    box-shadow: none;
    outline: none;
}

/*.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}*/

.section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
/*    color: #007b5e;*/
    margin-bottom: 50px;
    text-transform: uppercase;
}

/*#team .card {
    border: none;
    background: #ffffff;
}*/

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
/*    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);*/
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
/*    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);*/
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}


.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}


.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
}

.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
  text-align: center;
  padding: 10px;
  margin: 10px;
  background: #f1f1f1;
  color: #666;
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
  left: 0;
}

.MultiCarousel .rightLst {
  right: 0;
}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #E6DFDD;
}



.footer-wrap a {
  color: white;
  text-decoration: none
}

#nav-tab .nav nav-tabs nav-fill 
{
   font-size: 20px 
}

#nav-tabContent {
  background-color: #FFF;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}


/*.modal-dialog {
    position: fixed;
    top: 80px; 
    left: 40px;
}*/


/*.modal-dialog {
    position: fixed;
    top: 40px;
    right: 40px;
    left: auto;
    bottom: auto;
    width: 600px;
  
}*/

.modal-body {
    background-image: url('../images/images_bgr_writ.png');
}
    


ul.dropdown-menu {
  -webkit-animation: mymove 0.5s;
  animation: mymove 0.5s;
}

li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.dropdown-menu li {
  border-bottom: 1px solid #E6DFDD;
  padding: 20px;
  display: block;
}

@keyframes mymove {
  from {
    left: 100px;
    height: 0px;
    opacity: 0;
    border-bottom: 0px;
  }
  to {
    height: auto;
  }
}
ul.navbar-nav .nav-item:after {
  content: '';
  display: block;
  height: 1px;
  width: 0;
  transition: width .5s ease, background-color .5s ease;
}
.navbar-nav .nav-item:hover:after {
  width: 100%;
  background: #848484;
}

.show > .dropdown-menu {
  max-height: 800px;
  visibility: visible;
}

  
.dropdown-menu {
  display: block;
  max-height: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}


::-webkit-scrollbar {
   width: 10px;          
}

::-webkit-scrollbar-thumb {   
  /*border-radius: 30px;*/
  background: #eee;
box-shadow: #000;
}

/*::-webkit-scrollbar-track {     
  background-color: #B51818;
  border-radius:10px;
  background:  #204A68;
}*/


.scrollable_article {
    padding: 0rem 1rem;
    margin-bottom: 2rem;
}

.social {display: block
}

.logo_white_img {
  height: 50px
}

.close {
  float: right;
  font-size: 3 rem;
  font-weight: 300;
  line-height: 1;
/*  color: #fff;*/
  text-shadow: none;
/*  opacity: .5;*/
}

.cell_gradient {
    background-color: transparent;
}


#tabs, #subpage_tabs_holder {
    background-color: #E6DFDD;
    /*padding-top: 20px;*/
/*    background: #eee;
    background: -webkit-linear-gradient(180deg, rgba(237, 238, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(237, 238, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(237, 238, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DADDE0", endColorstr="#FFFFFF", GradientType=0);
    padding-top: 20px;
    
    background-image: url('../images/images_bgr_writ.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -20px  */ 
}

#tabs_subpage {
/*background: #eee;*/
padding-top: 0px;
margin-top: 0px   
}

.navbar > .dropdown > .nav-link {
    display: block;
    padding: 0 1rem;
}

.jumbotron {
    border-radius: 0;
}


.badge {font-weight: normal}




#accordion {
  display: block;
    width: 100%
}

#accordion button {
  /*font-size: 1.1em;*/
    color: #515151 
}

#accordion .btn-link:hover {
    color: #000;
    text-decoration: none;
}

#accordion a:visited {
/*  color: #3E4152;*/
  text-decoration: none;
}

#accordion button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
  text-decoration: none;
}

.close {
  font-size: 1.5rem;
}

.col-12 img {
  opacity: 0.7;
  cursor: pointer;
  margin: 2rem;
  width: 100%;
}

.col-12 img:hover {
  opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.grad_bgr {
background: #f7f7f7;
/*background: linear-gradient(180deg,rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); */
}

.grad_bgr_rev {
background: #f7f7f7;
background: linear-gradient(0deg,rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); 
}

.badge {    
white-space: normal;
}

.card {border: hidden}

.card-text {
  color: #7f8c8d;
}



    #concerts {
    background: #343a40 !important;
}
 

       #concerts, .card-img-container {
          position: relative;
          width: 100%;
          padding-top: 100%; /* 1:1 Aspect Ratio (square) */
          overflow: hidden;
        }

       #concerts .card-img-container img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 20px 20px 3px 3px;
        }

       #concerts .card {
          margin-bottom: 20px;
          transition: transform 0.3s, box-shadow 0.3s;
        }

       #concerts .card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

       #concerts .card-title {
          color: #2c3e50;
/*          font-weight: 600;*/
        }

       #concerts .card-text {
          color: #7f8c8d;
        }

       #concerts .header-section {
          background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
          color: white;
          padding: 2rem 0;
          margin-bottom: 2rem;
          border-radius: 0 0 10px 10px;
        }




       #customers_smpl .card-img-container {
          position: relative;
          width: 100%;
          padding-top: 100%; /* 1:1 Aspect Ratio (square) */
          overflow: hidden;
        }

       #customers_smpl .card-img-container img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

       #customers_smpl .card {
          margin-bottom: 20px;
          transition: transform 0.3s, box-shadow 0.3s;
        }

       #customers_smpl .card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

       #customers_smpl .card-title {
          color: #2c3e50;
          font-weight: 600;
        }

       #customers_smpl .card-text {
          color: #7f8c8d;
        }

       #customers_smpl .header-section {
          background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
          color: white;
          padding: 2rem 0;
          margin-bottom: 2rem;
          border-radius: 0 0 10px 10px;
        }

.border_radius_20 {
    border-radius: 20px;
}


/*@font-face { 
  font-family: "Oraniembaum";  
  src: url("../fonts/Oraniembaum/Oranienbaum-Regular.ttf") format("truetype"); 
  font-style: normal; 
  font-weight: 600; 
} */

#content .pictleft {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px;
}

#content .pictright {
    float: right;
    display: block;
    margin-left: 15px;
    margin-bottom: 15px;
}


#content ul li {
	margin-left: 12px;
}

#mus-kv .section {
    padding: 0px;
}

#mus-kv .card-body {
    padding: 20px;
/*    background-color: #61887C;*/
}

#mus-kv h2 {
    margin: 0;
    padding: 0;
}


#mus-kv .card-header {
    margin: 0;
    padding: 0 2rem;
    background-image: url(../images/images_bgr_writ.png);
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

#top_navbar {
    background-color: #343a40;
    border-bottom: solid;
    border-color: #575757;
    border-width: 10px;
    height: 120px;
    z-index: 1021 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: aliceblue;
}

.navbar-dark .navbar-nav .nav-link a:hover {
    color: #FFCC33; 
}

/*a#nav-home-tab {
    padding-bottom: 10px;
    padding-top: 10px;
}*/

#content img {
    max-width: 100%;
    height: auto; 
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


a:focus-visible {
  /* outline: 3px solid blue;*/
  background-color: darkred;
  color: azure;
}

#carousel_museums {
    position: relative;
}


.badge-dark {
    background-color: #000;
}

.text-uppercase {
    text-transform: capitalize;
}






        .card {
            margin-bottom: 30px;
        }
        .card-img-top {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
        .card-body {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .card-text {
            flex-grow: 1;
        }
        .btn {
            margin-top: auto;
        }



  a:hover img {
    opacity: .9;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}


#middle_tab_anounce_banners img {
    border-radius: 20px;
}


#main_carousel {
/*margin-bottom: 20px;*/
}


#main_carousel .carousel-item {
  height: 100vh; /* или другая нужная высота */
  display: flex;
  align-items: center;
  justify-content: center;
}

#main_carousel .carousel-caption {
  position: static;
 /*  background: rgba(0,0,0,0.5); опционально: для лучшей читаемости */
  padding: 12rem;
/*  border-radius: 0.5rem;*/
}

#main_carousel .carousel-item video {
  position: absolute;
/*  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;*/
  z-index: -1;
}


#nav-tab {
    padding-top: 20px;
    background-color: #E6DFDD;
}


/* FIX: Sticky tabs positioning under main_carousel */

#main_sub_tabs {
    position: sticky !important;
    top: 120px !important;
    z-index: 1020 !important;

/*  position: sticky !important;
    top: 110px;
    z-index: 1020;
    background-color: #E6DFDD;
    background-image: url(../images/images_bgr_writ.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
}

#main_sub_tabs a[data-toggle="tab"] {
    outline: none !important;
}

#main_sub_tabs a[data-toggle="tab"]:focus {
    outline: none !important;
    box-shadow: none !important;
}


#museum_page_submenu {
    margin-top: 20px;
}
        
    #museum_page_submenu .nav-link {
/*  padding: 10px 20px 10px 20px;
    border: 1px solid #ced4da;
    border-radius: 20px;
    background-color: #f7f7f7;*/
    margin-right: 15px;
    color: #660000;
    text-transform: uppercase;
/*    border-left: 1px solid #white;
    padding-left: 15px;*/
}

.carousel-caption h5 {
    color: #D1D1D1;
    
}




/*pagination*/

.pagination {
    display: flex;
	flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.ditto_currentpage {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 2px;
	margin-bottom: 2px;
    line-height: 1.25;
    color: #fff;	
	background-color: #6c757d;
/*    border-color: 1px solid #6c757d;*/
	border-radius: 10px;
}

.ditto_currentpage:first-child {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.ditto_currentpage:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.ditto_page {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 2px;
	margin-bottom: 2px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ditto_page:first-child {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.ditto_page:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.ditto_page:hover {
    z-index: 2;
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.ditto_page:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ditto_next_link, .ditto_previous_link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 2px;
	margin-bottom: 2px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
	border-radius: 5px;
    text-decoration: none;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ditto_next_link:hover {
    z-index: 2;
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.ditto_next_link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}