*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
@font-face {
  font-family: "Arkhip";
  /* Браузер сначала попробует найти шрифт локально */
  src: local("Arkhip"),
       /* Если не получилось, загрузит woff2 */
       url("../fonts/arkhip-font.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("../fonts/arkhip-font.woff") format("woff");
}

.arkhip,.Arkhip {
    font-family: "Arkhip";
}
body {
    overflow-x: hidden !important;
    font-size: 20px;
    background-color: #050D1A;
    color:white;
    margin: auto;
    font-family: 'Exo 2';
}

article {
 margin-left: 20px;
 margin-right: 20px;
}

.pad {
    text-align: center;
}
.clear {
    clear: both;
    content: "";
}


/* стилизация прокрутки */
@media (max-width: 780px) {
    
*,
html *
{
  scrollbar-width: bold;
    scrollbar-color: #00D3F3 #050D1A;
}

}
*::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 18px;
  width: 18px;
    z-index:999;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
  background: #050D1A;
    z-index:999;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
  background-color:  #00D3F3;
  border-radius: 10px;
  border: 4px solid #050D1A;
    z-index:999;
}

/* стилизация прокрутки конец */

body *::selection {
background: #0420BF; /* Safari */
}
body *::-moz-selection {
background: #0420BF; /* Firefox */
}
/*----------Вверху стилизация выделения--------------*/

/*прелоадер----------------------------------------------------------------------*/

.loaderArea {
    background: #1e1e1e;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
}

.loader {
    overflow: hidden;
    height: 400px;
    width: 400px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -200px;
}



.loader:before,
.loader:after {
    content: "";
}

 @media (max-width: 770px) {

}
/*прелоадер конец----------------------------------------------------------------------*/
/*<---------------- Header -------------------------------->*/


/* Шапка сайта на главной странице */


header {
    background: url(https://tympanus.net/Development/IntroGridMotionTransition/img/noise.png), radial-gradient(at top, #0339E1 0%, #010626 100%);
        background-size: 250px, 100%;
    /* background-image: url("../img/photos/background-cyberpunk-city-f131dfcd-150e-4547-892b-92e8d49ee1e5.png"); */
    background-position: center center;
    background-repeat: repeat;
    /* background-size: cover; */
    font-family: 'Exo 2';
    margin-bottom: 0px;
}
@media screen and (max-width: 800px) {
    
    header {
        border-radius:0px 0px 2rem 2rem !important;
    }
    
 .sm-header {
          
          padding-top:1rem;
          border-radius:0px 0px 2rem 2rem !important;
          /* background-color:rgba(7,8,38, 0.5);
          backdrop-filter: blur(15px); */
         
      }
  
  
}    
      
.header_menu ul li {
    display: inline-block;
    padding-right:40px;
}
.header_menu ul {
    margin-bottom:0rem;
}



.header_menu ul li a {
    font-size: 1.1em;
    padding: 10px;
}

.banner_fon {
    /*background-image: url("../img/header_fon2.png");
    opacity:0.9;
    background-size: cover;*/
   
    
    padding: 40px 10px;
}

.header_logo {
    padding-top: 12px;
}

.header_h {
    display: inline-block;
    margin-top:2px;
    font-size: 2em;
    font-weight: bold;
}


 .header_menu ul li a {
    color:white;
    text-shadow: 0px 0px 8px #52FFFF;
    }
 .header_menu ul li a:hover {
    color:#C3D2FF;
    }
    .action_menu{
		z-index: 1;
		position: absolute;
		padding: 10px 0;
		backdrop-filter: blur(15px);
		background-color: rgba(7,8,38, 0.5);
		color: white;
		border-radius: 20px;
		top: 70px;
		right: 15px;
		display: none;
	}
	.action_menu ul{
		list-style: none;
		padding: 0;
	margin: 0;
	}
	.action_menu ul li{
		width: 45%;
		padding: 10px 15px;
		margin-bottom: 5px;
	}
	.action_menu ul li i{
		padding-right: 10px;
	
	}
	.action_menu ul li:hover{
	    border-radius: 15px;
		cursor: pointer;
		background-color: rgba(7,8,38, 0.2);
	}
    
.banner_fon {    
     background:url(https://ti-web.ru/assets/templ/img/noise.png), url(https://ti-web.ru/assets/templ/img/cletka2.svg);
        /* background-size:32px 32px; */
        background-repeat:repeat;
}
.banner_fon p {
    padding-left:0.5rem;
    
}
.banner_h {
    text-align:center;
    font-size: 1.6em;
    font-weight: bold;
    font-family: "Arkhip";
    
     
}

.under {
    font-family: "Arkhip";
    font-weight:bold;
    font-size:8rem;
    overflow: hidden;
    color:rgba(2,8,115,0.9);
    position:absolute;
    z-index:-1;
    filter:blur(16px);
    line-height: 0.8;
    letter-spacing:-1;
}

.header_logo {

    text-align:center;
}

.header_img {
    max-width: 10rem;
    height: auto;
    
    
    
}

.header_descript {
    padding-top:12px;
    text-align:center;
}



.header-inheme {

    color:#80DCF3;
    text-shadow: 0px 0px 8px rgba(2,8,115,0.9);
   
}

.header-inheme:hover {
    color:#C3D2FF;
    }
.header-inheme:visited {
    color:#80DCF3;
}


@media screen and (min-width: 800px) {

    .header_menu {
    padding-bottom:16px;
    text-align: center;
    padding-top: 18px;
    padding-right: 18px;
}
    .header_descript {
    padding-top: 0px;
    text-align:left;
}
    
    .mouse-parallax {
        height: 400px;
        position: relative;
        overflow: hidden;
        border-radius: 0px 0px 50px 50px !important;
    }

    .mouse-parallax-bg {
        position: absolute;
       /*  background: url(https://tympanus.net/Development/IntroGridMotionTransition/img/noise.png), radial-gradient(at top, #001AC1 0%, #050D1A 100%); */
       /*  background: url("https://tympanus.net/Development/IntroGridMotionTransition/img/noise.png") 0% 0% / 250px, radial-gradient(at center top, rgb(145, 218, 253) 0%, rgb(0, 26, 193) 50%, rgb(5, 13, 26) 70%, rgb(5, 13, 26) 100%) 0% 0% / 100%; */
         background: url(https://ti-web.ru/assets/templ/img/noise.png), radial-gradient(at top, #3F54E1 0%, #4257EE 20%, #001AC1 60%,  #3946AF 70%, #020659 80%, #050D1A 100%);
        


        background-size: 250px, 100%;
       /*  background-image: url("../img/photos/background-cyberpunk-city-f131dfcd-150e-4547-892b-92e8d49ee1e5.png");
       background-position: center bottom; 
        background-repeat: no-repeat;
         background-size: cover; */
        width: 110%;
        height: 110%;
        transition: all 0.1s ease;
        opacity:0.8;
        
    }

    .header_logo {
        text-align: left;
        position: absolute;
        top: 16px;
        left: 16px;
        width: 50%;
    }

    .header_menu {
        position: absolute;
        top: 18px;
        right: 16px;
    }

    .header_logo {
        position: absolute;
        top: 8px;
    }

    .header_menu {
        position: absolute;
        top: 8px;
    }

    .header_img {
        float: left;
        max-width: 16rem;
        height: auto;
        margin-right: 5rem;
        margin-left: 1rem;
        margin-top: 0.2rem;
    }

    .banner_fon {
        
        max-width: 970px;
        margin: auto;
       /* background-image: url("../img/header_fon2.png");
        background-size: cover;*/
        background:url(https://ti-web.ru/assets/templ/img/noise.png), url(https://ti-web.ru/assets/templ/img/cletka.svg);
        /* background-size:32px 32px; */
        background-repeat:repeat;
        box-shadow:0px 0px 40px rgba(7,8,38, 0.2);
        background-color:rgba(7,8,38, 0.2);
        backdrop-filter: blur(10px);
        padding: 50px 20px;
        position: relative;
        top: -170px;
    }
    .banner_h {
    text-align:start;
    padding-left:1rem;
    }
    .minus{
            position: relative;
        top: -160px;
        	background: var(--color-item-bg);
        --color-item-bg: linear-gradient(120deg,#152bc3,#5366d8);
    }

    
}





/* Шапка сайта на главной странице конец */

.header_brand img {
    max-width: 120px;
    float: left;
    margin-right: 10px;
}

.header_brand_head {
    font-weight: bold;
    font-size: 2em;
    color:white;

}

.header_brand_slogan {
    margin-top: -20px;
    font-size: 1.2em;
    color:white;
}

.header_nav {
    text-align: left;
    color: white;

}

.header_nav ul li {
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
    color: white;
}

.header_nav ul li a {
    text-decoration: none;
    color: white;

} 
.header_nav ul li a:hover {
    color: #d9d9d9;
}


/*
header {

    background: url(../img/backgroundimage.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    text-align: left;
    padding: 10px 100px;
    font-family: 'Exo 2';
    color: white;
    font-size: 25px;
    margin-bottom:1%;
}

.logo-custom {
    max-width: 200px;
}

.sting {
        background: url(../img/backgroundimage.jpg);
    color:#0F3057;
}
 
 .row_block {
    padding-left: 12px;
    padding-right: 12px;

}




/*<---------------------- ice-right-sidebar ------------------------------>*/

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }

  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }

  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  
  /*----- blog styles -----*/
  @media (max-width: 768px) {
             .tiblogo_small {
              max-width:4rem;
              display:block !important;
          }
          .tiblogo_full {
              display:none;
          }
          .bloglog {
              max-width:5rem;
              float:left;
          }  
      
  }
  
  .tiblogo_small {
      display:none;
  }
  .tiblogo_full {
      width:auto;
      max-width:11rem;
  }
  .bloglog {
      width:auto;
      max-width:8rem;
       
  }
  .flex-center {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  @media screen and (max-width: 800px) {
  .sm-none {
    display:none;  
  }
  
}

@media screen and (min-width: 800px) {


.md-none {
        display:none;
    }
    
}

.article-menu-item:hover,
.article-menu-item:visited{
    color:#ABE4FF;
    transition:0.3s;
}

.article-menu-item {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    color:#5BE6FB;
}

.article-menu-item::before,
.article-menu-item::after {
    position: absolute;
    width: 70%;
    text-align:center;
    height: 0px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.article-menu-item::before {
    content: '';
    /* show by default */
}
.article-menu-item.active {
    /* font-family: europa, sans-serif; */
    font-weight: bold;
}

.article-menu-item.active::before {
    height: 7px;
    border-radius: 20px;
    transform: scale3d(1, 1, 1);
    transition: transform 0.2s, opacity 0.2s;
    transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}

.article-menu-item.active:hover::before {
    transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
    transition-duration: 0.4s;
    opacity: 1;
    transform: scale3d(1.2, 0.1, 1);
}

.article-menu-item.active span {
    transform: translate3d(0, -4px, 0);
    display: inline-block;
    transition: transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
}

.article-menu-item.active:hover span {
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
    transition-duration: 0.4s;
    transition-delay: 0s;
}


  /*-------------pdo nav -------------*/
  .pagination {
    --bs-pagination-padding-x: 0.9rem;
    --bs-pagination-padding-y: 0.5rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: magenta;
    --bs-pagination-bg: #000;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 2rem;
    --bs-pagination-hover-color: white;
    --bs-pagination-hover-bg: DarkMagenta;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: white;
    --bs-pagination-focus-bg: DarkMagenta;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #000;
    --bs-pagination-active-bg: magenta;
    --bs-pagination-active-border-color: magenta;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #000;
    --bs-pagination-disabled-border-color: #dee2e6;
}



/*------------------ cookie message -----------------------------*/

 
        .cookie-message {
           display: none; 
           
        }
         .cookie-message.closed {
              display:block;
             animation: cookieClose 0.5s ease-in-out forwards;
        }
        
        @keyframes cookieClose {
          0% {
            /* transform: translateY(0); */
            opacity: 1;
            filter:blur(0px);    
          }
          60% {
            /* transform: translateY(20%); */
            opacity: 0.5;
            filter:blur(15px);
          }
          99% {
            /* transform: translateY(80%); */
            opacity: 0;
            filter:blur(15px);
          }
          100% {
            opacity: 0;
            filter:blur(15px);
            display:none;
          }
        }
        
        .cookie-message.show {
            display:block;
        /*    display: flex;
        justify-content: center;
        align-items: center;
        overflow:hidden;
        max-height:10rem; */
            animation: cookieEnter 0.7s ease-in-out forwards;

        }

        @keyframes cookieEnter {
          0% {
            transform: translateY(100%);
            opacity: 0;
            filter:blur(15px);
          }
          80% {
            transform: translateY(-5%);
            opacity: 1;
            filter:blur(0px);
          }
          90% {
            transform: translateY(5%);
            opacity: 1;
            filter:blur(0px);
          }
          100% {
            transform: translateY(0);
            opacity: 1;
          }
        }
        .cookie-message div {
            background-color: #050D1A;
        }
        
        
        .cookie-message, 
        .cookie-message button {
            
        
        font-size: 16px;
            
        }
        @media (max-width: 500px) {
        .cookie-message, 
        .cookie-message button {
            font-size: 12px;
        }
    }
        
        @media screen and (min-width:1200px){
            .w-xl-50 {
                width:50%;
            }
        }
        
    .button--dione {
	background: none;
	/* font-family: obvia, sans-serif; */
	font-weight: 500;
	font-size: 15px !important;
	/* font-style: italic; */
	/* padding: 1.5rem 3rem; */
}

.button--dione span {
	display: inline-block;
	position: relative;
	color: #050D1A;
}

.button--dione::before {
	content: '';
	background: #0FE6E3;
	
	transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}

.button--dione:hover::before {
	transform: scale3d(0.9, 0.8, 1);
}

.button--dione::after {
	content: '';
	border: 2px solid #0FE6E3;
	transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
	/* border-radius: 0px; */
	transform: scale3d(0.85, 0.65, 1);
}

.button--dione:hover::after {
	transform: scale3d(1,1,1);
}
.button {
	pointer-events: auto;
	cursor: pointer;
/*     background: #e7e7e7; */
	border: none;
	/* padding: 1.5rem 3rem; */
	margin: 0;
	/* font-family: inherit; */
	font-size: inherit;
	position: relative;
	display: inline-block;
}

.button::before,
.button::after {
	border-radius: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ----------custom styles------- ------------------------*/

	pre {    
		    overflow-x:auto;
		    max-width:90vw;
		    background-color:#031633;
		    border-radius: var(--bs-border-radius-xl)!important;
		}
		
		code {
		    --bs-code-color:#2B45D9;
		    border-radius: var(--bs-border-radius-lg)!important;
		    background:#010626;
		    padding-left:0.3rem;
		    padding-right:0.3rem;
		}
		
		pre code {
		    background:#010626;
		}
		
		.hljs {
		    background:#010626;
		}
		@media (max-width: 780px) {
    /* стилизация прокрутки */
        code {
          scrollbar-width: bold;
            scrollbar-color: #00D3F3 #050A25;
        }

}

code::-webkit-scrollbar {
  height: 18px;
  width: 18px;
    z-index:999;
}

code::-webkit-scrollbar-track {
  background: #050A25;
    z-index:999;
}

code::-webkit-scrollbar-thumb {
  background-color: #00D3F3;
  border-radius: 10px;
  border: 4px solid #04142E;
    z-index:999;
}

/* стилизация прокрутки конец */
:root {
    	--bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
}
		table {
	
	overflow-x: hidden !important;
    border-radius: var(--bs-border-radius-xl)!important;
    color: white;
    
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: ;
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100vw !important;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
		}
		
	th {
	        padding: .5rem .5rem;
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
	}
	
	td {
	        padding: .5rem .5rem;
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
	}	
	blockquote {
	    border-radius: var(--bs-border-radius-xl)!important;
  background-color: #031633; /* Светло-голубой цвет фона */
    border-left: 5px solid #DF99F2; /* Синяя левая граница */
 /* border-left: 5px solid #4682b4;  Синяя левая граница */
  padding: 10px; /* Внутренние отступы */
  font-style: italic; /* Курсивный шрифт */
  font-size:1.3rem;
  font-weight:450;
  color: #f0f8ff; /* Темно-синий цвет текста */
  margin: 20px 0; /* Внешние отступы */
}

blockquote p {
    margin-bottom:0;
    margin-left:1rem;
}


/*<---------------------- footer ------------------------------>*/

footer {
    margin-right: 20px;
    margin-left: 20px;
}


      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

        
    
/*<------------------ Ссылки и img ----------------------->*/

.btn-neoblum {
    background:#0FE6E3;
}



a {
    color: #0CC8F2;
    text-decoration: none;
}

a:hover {
    color: #0F8DBF;
    text-decoration: none;
}

a:visited {
    color: #0F8DBF;
     text-decoration: none;
}

a:active {
    color: #0F8DBF;
       text-decoration: none;
}

a img {
    opacity: 1;
    transition:0.2s;
}

a img:hover {
    filter:blur(1px);
    opacity: 0.5;
    
}
h1,
h2 {
    text-align: center;
}

/*------------Фотогалерея ----------------*/
.fotorama__nav-wrap {
    bottom: 15px;
    position: absolute;
    padding: 0 30px;
    width: 100%;
}

.fotorama__thumb {
    border: 4px darkblue solid;
}

.fotorama__thumb-border {
    border-color: blue;
}

.fotorama__thumb:hover {
    border-color: blue;
    opacity: 0.8;
}

/*-----------Фотогалерея конец-------------*/
.hot_fire {
    border: 6px dotted black;
}

.hot_fire h3 {
    font-size: 1.3rem;
}

.time_fire {
    text-align: center;
    color: orange;
    font-weight: bolder;
    font-size: 1.4rem;
}

.hot_cost_fire {
    display: inline-block;
    text-decoration: line-through;
    font-weight: bold;
}

.hot_cost_sale {
    display: inline-block;
    font-weight: bold;
    background-color: cadetblue;
    color: white;
    padding: 0px 3px 2px 3px;
    font-size: 0.8rem;
}

.hot_cost {
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
}

.group_thumbnail {
    max-width: 200px;
    height: auto;
    margin: 4px 2px;
}
.center {
    text-align: center;
}

/*-----------Страница товара-----------*/
.cart-button {
    text-decoration: none;
    background-color: crimson;
    display: block;
    text-align: center;
    color: white;
    padding: 12px;
    margin: 10px;
    font-weight: bold;
}

.cart-button:hover {
    background-color: red;
    color: white;
}

.cost_item {
    text-decoration: line-through;
}

.cost_sale_item {
    font-size: 1.4em;
}

.cost_catalog {
    text-align: center;
    font-size: 1.2rem;
    text-decoration: line-through;
    color: #999;
}

.sale_catalog {
    text-align: center;
    font-size: 1.2rem;
}

.a-item-button {
    text-decoration: none;
    background-color: green;
    display: inline-block;
    text-align: center;
    color: white;
    padding: 12px;
    font-weight: bold;
    width: 50%;
    float: left;
}

.a-item-cart {
    text-decoration: none;
    background-color: crimson;
    display: inline-block;
    text-align: center;
    color: white;
    padding: 12px;
    font-weight: bold;
    width: 50%;
    float: left;
}

.a-item-button:hover {
    background-color: darkgreen;
    color: white;
}

.a-item-cart:hover {
    background-color: red;
    color: white;
}
.cart-wrap {
    text-align: right;
    color:white;
}

.cart-wrap a {
    color: white;
}
.cart-wrap a:hover {
    color: #d9d9d9;
}
/*Меню слайдер----------------------------------------------------------------------*/

.menu_slide {
    background-color: rgba(0, 0, 0, 0.7);
   /*padding-right: 20px;
    padding-left: 10px;*/
    width: 300px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 20;
    color: white;
    height: 100%;
    display: none;
}

.menu_slide h2 {
    text-align: center;
    /*margin-right: -20px;*/
    color: gray;
}

/*.menu_slide a {
    color: white;
    display: block;
   /* padding: 4px;/
    text-decoration: none;
    font-weight: bold;
}

.menu_slide a:hover {
    color: yellow;
    text-decoration: none;
}

.menu_slide li {
    list-style: none;
}

.menu_slide li:hover {
    background-color: gray;
}*/

.menu_slide_icon {
    z-index: 100;
    position: fixed;
    text-decoration: none;
    top: 10px;
    right: 10px;
}
.menu_slide_icon img {
    width: 50px;
}

.menu_slide_icon img:hover {
    opacity: 0.8;
}

.bottom_menu {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/*Меню слайдер конец----------------------------------------------------------------------*/

/*<---------------------- ice-right-sidebar ------------------------------>*/
.menu_slide {
    font-family: 'Exo 2';
}

.menue {
    font-size:50px;
}

/* 

фоновый цвет серый - #a6aeb0
цвет 1 синиq - #0f3057
цвет 2 синий - #244862
цвет 1 серо-белый - #e7eded
цвет 2 серый - #99b0b6

 
font-family: 'Abel', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Crimson Text', serif;
font-family: 'Dosis', sans-serif;
font-family: 'Exo 2', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Mono', monospace;
font-family: 'Titillium Web', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Varela Round', sans-serif;
font-family: 'Work Sans', sans-serif;
 
 */