h1 {
     color: #ffffff;

 }

 .datacenter_ttg1 {
     font-size: 16px;
     font-weight: 500;
     color: #3c2765;
 }

 .fbtn_blue {
     min-height: 48px;
     border: 1px solid #041228;
     background-color: #041228;
     color: white;
     text-align: center;
     /* letter-spacing: -.02em; */
     border-radius: 5px;
     justify-content: center;
     align-items: center;
     padding: 12px 12px;
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     transition: background-color .3s;
   z-index: 3000;

 }

 .fbtn_blue:hover {
     border: 1px solid #061835;

     background-color: #061835;
 }

 .fbtn_white {
     min-height: 48px;
     border: 1px solid #e4e6f1;
     color: #041228;
     /* letter-spacing: -.02em; */
     background-color: #fff;
     border-radius: 5px;
     justify-content: center;
     align-items: center;
     padding: 12px 12px;
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     transition: border-color .3s, background-color .3s;

 }

 .fbtn_white:hover {
     background-color: #e4e6f1;

 }

 .topnav {
     height: 100%;
     display: flex;
     justify-content: space-around;
     align-items: center;
     /* Выравнивание по центру по вертикали */
     flex-direction: row;
     /* Распределение по горизонтали */
     width: 100%;
 }





 .dtop {
     padding-top: 13px;
     padding-bottom: 13px;
     background-color: transparent;
 }

 .dtop nav a {
     color: white;
     text-decoration: none;
     font-weight: 400;
     font-size: 19px;
 }



 .top_hero {
     background: url(46-2.png) 50% 50% no-repeat;
     background-size: cover;
     position: relative;
 }



 h1 p {
     padding-top: 20px;
     color: #05deff;
     font-weight: 300;
     font-size: 30px;
 }



 .price {
     /* border: 1px solid #160042; */
     border-radius: 5px;
     background-color: #f1f5f9;
 }


 .logo {
     text-transform: none;
     font-size: 30px;
     font-weight: 500;
     background: linear-gradient(to right, #00b5d1, rgb(173, 88, 248));
     -webkit-background-clip: text;
     color: transparent;
     display: inline-block;
     animation: gradientAnimation3 5s linear infinite;
 }


 .price .lead {
     font-size: 1rem;
 }


 /* .rc1{position: relative;}
        .rc2{position: absolute; left: 50%;}

       */


.modal-header{background-color: #f1f5f9;}
.modal-header h2{    color: #041228 !important;}
.modal-body input{ border: 1px solid #061835;font-weight: 400 !important; font-size: 14px !important;}
.modal-body textarea{ border: 1px solid #061835; font-weight: 400 !important; font-size: 14px !important;}




 input[type=range].styled-slider {
     height: 2.2em;
     -webkit-appearance: none;
 }

 input[type=range].styled-slider:focus {
     outline: none;
 }

 /*webkit*/
 input[type=range].styled-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     width: 1.4em;
     height: 1.4em;
     border-radius: 1em;
     background: #5289e4;
     border: none;
     box-shadow: none;
     cursor: pointer;
     margin-top: calc(max((0.3em - 1px - 1px) * 0.5, 0px) - 1.4em * 0.5);
 }

 input[type=range].styled-slider::-webkit-slider-runnable-track {
     height: 0.3em;
     border: 1px solid #BDC7E3;
     border-radius: 0;
     background: #D2D9ED;
     box-shadow: none;
 }

 /*mozilla*/
 input[type=range].styled-slider::-moz-range-thumb {
     width: 1.4em;
     height: 1.4em;
     border-radius: 1em;
     background: #2D0185;
     border: none;
     box-shadow: none;
 }

 input[type=range].styled-slider::-moz-range-track {
     height: max(calc(0.3em - 1px - 1px), 0px);
     border: 1px solid #BDC7E3;
     border-radius: 0;
     background: #D2D9ED;
     box-shadow: none;
 }

 /*ms*/
 input[type=range].styled-slider::-ms-fill-upper {
     background: transparent;
     border-color: transparent;
 }

 input[type=range].styled-slider::-ms-fill-lower {
     background: transparent;
     border-color: transparent;
 }

 input[type=range].styled-slider::-ms-thumb {
     width: 1.4em;
     height: 1.4em;
     border-radius: 1em;
     background: #2D0185;
     border: none;
     box-shadow: none;
     margin-top: 0;
     box-sizing: border-box;
 }

 input[type=range].styled-slider::-ms-track {
     height: 0.3em;
     border-radius: 0;
     background: #D2D9ED;
     border: 1px solid #BDC7E3;
     box-shadow: none;
     box-sizing: border-box;
 }


 .slider {
     width: 100%;
 }



 /* ========= */
 .b-contain *,
 .b-contain *::before,
 .b-contain *::after {
     box-sizing: content-box !important;
 }

 .b-contain input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }

 .b-contain span {
     line-height: 1.5;
     font-size: 1rem;
     font-family: inherit;
 }

 .b-contain {
     display: table;
     position: relative;
     padding-left: 2rem;
     cursor: pointer;
     margin-bottom: 0.4rem;
 }

 .b-contain input[type="checkbox"]~.b-input {
     position: absolute;
     top: 0;
     left: 0;
     height: 1.25rem;
     width: 1.25rem;
     background: #f1f5f9;
     transition: background 250ms;
     border: 1px solid #94a3b8;
     border-radius: 0.2rem;
 }

 .b-contain input[type="radio"]~.b-input {
     position: absolute;
     top: 0;
     left: 0;
     height: 1.25rem;
     width: 1.25rem;
     background: #f1f5f9;
     transition: background 250ms;
     border: 1px solid #94a3b8;
     border-radius: 3rem;
 }

 .b-contain input[type="checkbox"]~.b-input::after {
     content: "";
     position: absolute;
     display: none;
     left: 7px;
     top: 3px;
     width: 0.3rem;
     height: 0.6rem;
     border: solid #ffffff;
     border-width: 0 2px 2px 0;
     transition: background 250ms;
     transform: rotate(45deg);
 }

 .b-contain input[type="radio"]~.b-input::after {
     content: "";
     position: absolute;
     display: none;
     left: 4px;
     top: 4px;
     width: 0.75rem;
     height: 0.75rem;
     border-radius: 3rem;
     background: #ffffff;
     transition: background 250ms;
 }

 .b-contain input[type="checkbox"]:disabled~.b-input::after {
     border-color: #ffffff;
 }

 .b-contain input:checked~.b-input::after {
     display: block;
 }

 .b-contain:hover input[type="checkbox"]:not([disabled])~.b-input,
 .b-contain input[type="checkbox"]:focus~.b-input {
     background: #e2e8f0;
     border-color: #64748b;
 }

 .b-contain:hover input[type="radio"]:not([disabled])~.b-input,
 .b-contain input[type="radio"]:focus~.b-input {
     background: #e2e8f0;
     border-color: #64748b;
 }

 .b-contain input:focus~.b-input {
     box-shadow: 0 0 0 0px #60a5fa;
 }

 .b-contain input[type="checkbox"]:checked~.b-input {
     background: #041228;
     border-color: #1d4ed8;
 }

 .b-contain input[type="radio"]:checked~.b-input {
     background: #041228;
     border-color: #1d4ed8;
 }

 .b-contain input[type="checkbox"]:disabled~.b-input,
 .b-contain input[type="radio"]:disabled~.b-input {
     opacity: 0.5;
     cursor: not-allowed;
 }

 .b-contain input[type="radio"]:disabled~.b-input::after {
     background: #ffffff;
 }

 .b-contain:hover input[type="checkbox"]:not([disabled]):checked~.b-input,
 .b-contain input[type="checkbox"]:checked:focus~.b-input {
     background: #041228;
     border-color: #041228;
 }

 .b-contain:hover input[type="radio"]:not([disabled]):checked~.b-input,
 .b-contain input[type="radio"]:checked:focus~.b-input {
     background: #041228;
     border-color: #041228;
 }

 /* ==========  */






 @font-face {
     font-family: 'Stem';
     src: url('fonts/Stem-Light.eot');
     src: local('Stem Light'), local('Stem-Light'),
         url('fonts/Stem-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Stem-Light.woff2') format('woff2'),
         url('fonts/Stem-Light.woff') format('woff'),
         url('fonts/Stem-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
 }

 @font-face {
     font-family: 'Stem';
     src: url('fonts/Stem-Medium.eot');
     src: local('Stem Medium'), local('Stem-Medium'),
         url('fonts/Stem-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Stem-Medium.woff2') format('woff2'),
         url('fonts/Stem-Medium.woff') format('woff'),
         url('fonts/Stem-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
 }

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

 @font-face {
     font-family: 'Stem';
     src: url('fonts/Stem-SemiLight.eot');
     src: local('Stem Semi Light'), local('Stem-SemiLight'),
         url('fonts/Stem-SemiLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/Stem-SemiLight.woff2') format('woff2'),
         url('fonts/Stem-SemiLight.woff') format('woff'),
         url('fonts/Stem-SemiLight.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
 }

 @font-face {
     font-family: 'Stem';
     src: url('fonts/Stem-ExtraLight.eot');
     src: local('Stem Extra Light'), local('Stem-ExtraLight'),
         url('fonts/Stem-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/Stem-ExtraLight.woff2') format('woff2'),
         url('fonts/Stem-ExtraLight.woff') format('woff'),
         url('fonts/Stem-ExtraLight.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
 }

 @font-face {
     font-family: 'Stem';
     src: url('fonts/Stem-Thin.eot');
     src: local('Stem Thin'), local('Stem-Thin'),
         url('fonts/Stem-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/Stem-Thin.woff2') format('woff2'),
         url('fonts/Stem-Thin.woff') format('woff'),
         url('fonts/Stem-Thin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
 }

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






 /* h1,
h2,
h3,
h4,
div,
p,
label,
stong {
    font-family:    arial, sans-serif;
} */

 h2 {
     color: #0e002a
 }

 h4 {
     color: #0e002a
 }

 .form-select {
     border: 1px solid #bec8e3 !important;
     color: #1b0050 !important;
 }

 sup {
     font-size: 9px;
     color: #64748b;
 }


 .elbl {
     font-weight: 300;
     font-size: 14px;
     padding-bottom: 6px;
     color: #64748b;
 }

 .gb {
     padding-top: 15px;
     padding-bottom: 25px;
     margin: 5px;
     background-color: white;
     border-radius: 5px;
 }


 .iconblock {
     font-weight: 300;
     color: #50576b;
     font-size: 18px;
 }











 /* ///////////////////// */






 .top_hero {
     margin: 0;
     /* height: 100vh; */
     font-weight: 100;
     /* background: linear-gradient(#050211, #190850); */
     -webkit-overflow-Y: hidden;
     -moz-overflow-Y: hidden;
     -o-overflow-Y: hidden;
     overflow-y: hidden;
     -webkit-animation: fadeIn 1 1s ease-out;
     -moz-animation: fadeIn 1 1s ease-out;
     -o-animation: fadeIn 1 1s ease-out;
     animation: fadeIn 1 1s ease-out;
 }




 .light {
     position: absolute;
     width: 0px;
     opacity: .75;
     background-color: white;
     box-shadow: #e9f1f1 0px 0px 20px 2px;
     opacity: 0;
     top: 50vh;
     bottom: 0px;
     left: 0px;
     right: 0px;
     margin: auto;
     z-index: 2 !important;
 }

 .x1 {
     -webkit-animation: floatUp 4s infinite linear;
     -moz-animation: floatUp 4s infinite linear;
     -o-animation: floatUp 4s infinite linear;
     animation: floatUp 4s infinite linear;
     -webkit-transform: scale(1.0);
     -moz-transform: scale(1.0);
     -o-transform: scale(1.0);
     transform: scale(1.0);
 }

 .x2 {
     -webkit-animation: floatUp 7s infinite linear;
     -moz-animation: floatUp 7s infinite linear;
     -o-animation: floatUp 7s infinite linear;
     animation: floatUp 7s infinite linear;
     -webkit-transform: scale(1.6);
     -moz-transform: scale(1.6);
     -o-transform: scale(1.6);
     transform: scale(1.6);
     left: 15%;
 }

 .x3 {
     -webkit-animation: floatUp 2.5s infinite linear;
     -moz-animation: floatUp 2.5s infinite linear;
     -o-animation: floatUp 2.5s infinite linear;
     animation: floatUp 2.5s infinite linear;
     -webkit-transform: scale(.5);
     -moz-transform: scale(.5);
     -o-transform: scale(.5);
     transform: scale(.5);
     left: -15%;
 }

 .x4 {
     -webkit-animation: floatUp 4.5s infinite linear;
     -moz-animation: floatUp 4.5s infinite linear;
     -o-animation: floatUp 4.5s infinite linear;
     animation: floatUp 4.5s infinite linear;
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
     left: -34%;
 }

 .x5 {
     -webkit-animation: floatUp 8s infinite linear;
     -moz-animation: floatUp 8s infinite linear;
     -o-animation: floatUp 8s infinite linear;
     animation: floatUp 8s infinite linear;
     -webkit-transform: scale(2.2);
     -moz-transform: scale(2.2);
     -o-transform: scale(2.2);
     transform: scale(2.2);
     left: -57%;
 }

 .x6 {
     -webkit-animation: floatUp 3s infinite linear;
     -moz-animation: floatUp 3s infinite linear;
     -o-animation: floatUp 3s infinite linear;
     animation: floatUp 3s infinite linear;
     -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
     -o-transform: scale(.8);
     transform: scale(.8);
     left: -81%;
 }

 .x7 {
     -webkit-animation: floatUp 5.3s infinite linear;
     -moz-animation: floatUp 5.3s infinite linear;
     -o-animation: floatUp 5.3s infinite linear;
     animation: floatUp 5.3s infinite linear;
     -webkit-transform: scale(3.2);
     -moz-transform: scale(3.2);
     -o-transform: scale(3.2);
     transform: scale(3.2);
     left: 37%;
 }

 .x8 {
     -webkit-animation: floatUp 4.7s infinite linear;
     -moz-animation: floatUp 4.7s infinite linear;
     -o-animation: floatUp 4.7s infinite linear;
     animation: floatUp 4.7s infinite linear;
     -webkit-transform: scale(1.7);
     -moz-transform: scale(1.7);
     -o-transform: scale(1.7);
     transform: scale(1.7);
     left: 62%;
 }

 .x9 {
     -webkit-animation: floatUp 4.1s infinite linear;
     -moz-animation: floatUp 4.1s infinite linear;
     -o-animation: floatUp 4.1s infinite linear;
     animation: floatUp 4.1s infinite linear;
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     -o-transform: scale(0.9);
     transform: scale(0.9);
     left: 85%;
 }

 button:focus {
     outline: none;
 }

 @-webkit-keyframes floatUp {
     0% {
         top: 100vh;
         opacity: 0;
     }

     25% {
         opacity: 1;
     }

     50% {
         top: 0vh;
         opacity: .8;
     }

     75% {
         opacity: 1;
     }

     100% {
         top: -100vh;
         opacity: 0;
     }
 }

 @-moz-keyframes floatUp {
     0% {
         top: 100vh;
         opacity: 0;
     }

     25% {
         opacity: 1;
     }

     50% {
         top: 0vh;
         opacity: .8;
     }

     75% {
         opacity: 1;
     }

     100% {
         top: -100vh;
         opacity: 0;
     }
 }

 @-o-keyframes floatUp {
     0% {
         top: 100vh;
         opacity: 0;
     }

     25% {
         opacity: 1;
     }

     50% {
         top: 0vh;
         opacity: .8;
     }

     75% {
         opacity: 1;
     }

     100% {
         top: -100vh;
         opacity: 0;
     }
 }

 @keyframes floatUp {
     0% {
         top: 100vh;
         opacity: 0;
     }

     25% {
         opacity: 1;
     }

     50% {
         top: 0vh;
         opacity: .8;
     }

     75% {
         opacity: 1;
     }

     100% {
         top: -100vh;
         opacity: 0;
     }
 }

 .header {
     position: absolute;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-family: 'Roboto', sans-serif;
     font-weight: 200;
     color: white;
     font-size: 2em;
 }

 #head1,
 #head2,
 #head3,
 #head4,
 #head5 {
     opacity: 0;
 }

 #head1 {
     -webkit-animation: fadeOut 1 5s ease-in;
     -moz-animation: fadeOut 1 5s ease-in;
     -o-animation: fadeOut 1 5s ease-in;
     animation: fadeOut 1 5s ease-in;
 }

 #head2 {
     -webkit-animation: fadeOut 1 5s ease-in;
     -moz-animation: fadeOut 1 5s ease-in;
     -o-animation: fadeOut 1 5s ease-in;
     animation: fadeOut 1 5s ease-in;
     -webkit-animation-delay: 6s;
     -moz-animation-delay: 6s;
     -o-animation-delay: 6s;
     animation-delay: 6s;
 }

 #head3 {
     -webkit-animation: fadeOut 1 5s ease-in;
     -moz-animation: fadeOut 1 5s ease-in;
     -o-animation: fadeOut 1 5s ease-in;
     animation: fadeOut 1 5s ease-in;
     -webkit-animation-delay: 12s;
     -moz-animation-delay: 12s;
     -o-animation-delay: 12s;
     animation-delay: 12s;
 }

 #head4 {
     -webkit-animation: fadeOut 1 5s ease-in;
     -moz-animation: fadeOut 1 5s ease-in;
     -o-animation: fadeOut 1 5s ease-in;
     animation: fadeOut 1 5s ease-in;
     -webkit-animation-delay: 17s;
     -moz-animation-delay: 17s;
     -o-animation-delay: 17s;
     animation-delay: 17s;
 }

 #head5 {
     -webkit-animation: finalFade 1 5s ease-in;
     -moz-animation: finalFade 1 5s ease-in;
     -o-animation: finalFade 1 5s ease-in;
     animation: finalFade 1 5s ease-in;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     -o-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-delay: 22s;
     -moz-animation-delay: 22s;
     -o-animation-delay: 22s;
     animation-delay: 22s;
 }

 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-moz-keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-o-keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 0;
     }
 }

 @-moz-keyframes fadeOut {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 0;
     }
 }

 @-o-keyframes fadeOut {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 0;
     }
 }

 @-webkit-keyframes finalFade {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes finalFade {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 1;
     }
 }

 @-o-keyframes finalFade {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 1;
     }
 }

 @keyframes finalFade {
     0% {
         opacity: 0;
     }

     30% {
         opacity: 1;
     }

     80% {
         opacity: .9;
     }

     100% {
         opacity: 1;
     }
 }

 #footer {
     font-family: 'Roboto', sans-serif;
     font-size: 1.2em;
     color: white;
     position: fixed;
     -webkit-transform: translate(95vw, 90vh);
     -moz-transform: translate(95vw, 90vh);
     transform: translate(95vw, 90vh);
     transform: translate(95vw, 90vh);
 }


 hr {
     border: 0px;
     border-bottom: 1px solid #90a6b6;
 }






 #amd_epic_4 {
     color: white;
 }

 #amd_epic_4 img {
     box-shadow: 0 0 10px #11add5;
     border-radius: 5px;
 }

 #amd_epic_4 h3 {
     color: #11add5;
 }


 .pageCommentsPresent {
     font-size: 15px;
 }

 .pageCommentsText {
     font-size: 15px;
     color: #11add5;
     font-weight: 500;
 }

 .pageCommentsText strong {
     color: #15143a;
     font-size: 16px;
     font-weight: 500;
 }



 .pageCommentsElement {
     background-color: #f1f5f9;
     padding: 15px;
     margin: 20px;
     border-radius: 20px;
     min-height: 190px;
 }



 /*      
 slider  cstm  -----------------------------------------
 */

 #cpu-slider {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100%;
     height: 24px;
     border: none;
     border-radius: 4px;
     overflow: hidden;
 }

 #cpu-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     /* background-color: #f2622d;
    border: 0px solid #f2622d; */
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -9px;
     box-shadow: calc(-100vmax - 23px) 0 0 100vmax #11abd5;
     clip-path: polygon(100% 0,
             2px 0,
             0 8px,
             -100vmax 7px,
             -100vmax 11px,
             0 13px,
             2px 100%,
             100% 100%);
 }

 #cpu-slider::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     background-color: #f2622d;
     border: 0px solid #f2622d;
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -7px;
 }

 #cpu-slider::-webkit-slider-runnable-track {
     height: 4px;
     border-radius: 4px;
     border: 0px solid #fff;
     box-shadow: 0px 0px 0px #353535;
     background: #d2d9ed;
 }









 #ram-slider {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100%;
     height: 24px;
     border: none;
     border-radius: 4px;
     overflow: hidden;
 }

 #ram-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     /* background-color: #f2622d;
    border: 0px solid #f2622d; */
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -9px;
     box-shadow: calc(-100vmax - 23px) 0 0 100vmax #11abd5;
     clip-path: polygon(100% 0,
             2px 0,
             0 8px,
             -100vmax 7px,
             -100vmax 11px,
             0 13px,
             2px 100%,
             100% 100%);
 }

 #ram-slider::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     background-color: #f2622d;
     border: 0px solid #f2622d;
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -7px;
 }

 #ram-slider::-webkit-slider-runnable-track {
     height: 4px;
     border-radius: 4px;
     border: 0px solid #fff;
     box-shadow: 0px 0px 0px #353535;
     background: #d2d9ed;
 }








 #disk-slider {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100%;
     height: 24px;
     border: none;
     border-radius: 4px;
     overflow: hidden;
 }

 #disk-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     /* background-color: #f2622d;
    border: 0px solid #f2622d; */
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -9px;
     box-shadow: calc(-100vmax - 23px) 0 0 100vmax #11abd5;
     clip-path: polygon(100% 0,
             2px 0,
             0 8px,
             -100vmax 7px,
             -100vmax 11px,
             0 13px,
             2px 100%,
             100% 100%);
 }

 #disk-slider::-moz-range-thumb {
     -moz-appearance: none;
     appearance: none;
     background-color: #11abd5;
     border: 0px solid #11abd5;
     border-radius: 50%;
     height: 22px;
     width: 22px;
     margin-top: -7px;
 }

 #disk-slider::-webkit-slider-runnable-track {
     height: 4px;
     border-radius: 4px;
     border: 0px solid #fff;
     box-shadow: 0px 0px 0px #353535;
     background: #d2d9ed;
 }






 .gradient-button {
     background: linear-gradient(90deg, rgb(103, 51, 149), #02d3d0, rgb(103, 51, 149));
     /* Ваш градиент */
     background-size: 200% 200%;
     color: #fff;
     /* Цвет текста */
     border: none;

     cursor: pointer;
     font-size: 16px;
     border-radius: 5px;
     animation: gradientAnimation 5s ease infinite;
     /* Длительность анимации и ее свойства */
 }

 .gradient-button:hover {
     animation-play-state: paused;
     /* Остановка анимации при наведении */
 }

 @keyframes gradientAnimation {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }







 .price .fbtn_blue {
     max-width: 230px;
     display: block;
     margin: 0 auto;
 }

 .price .fbtn_white {
     max-width: 230px;
     display: block;
     margin: 0 auto;
 }



 @media (max-width: 760px) {
     .dtop {
         background-color: #0e002a !important;
     }

     .smm1 {
         font-size: 13px !important;
     }

     h1 {
         font-size: 25px !important;
     }

     h1 p {
         font-size: 22px !important;
     }


     .dtop {
         padding-top: 8px;
         padding-bottom: 8px;
     }

     .top_hero {

         height: 100vh;
     }

     h1 {
         margin-top: 130px;
     }



     .toprbtn {
         width: 100%;
         text-align: right;
     }


 }

 .toprbtn span {
     display: block;
     width: 166px;
     float: right;
     text-align: center;
     padding: 3px;
     padding-left: 8px;
     padding-right: 8px;
     border: 1px solid #09b0d3;
     color: #09b0d3;
     border-radius: 5px;
 }


 .toprbtn:hover span {
   
    border: 1px solid #09b0d3;
    background-color: #09b0d3;
    color: #ffffff;
}




.toprbtn span {
    display: block;
    width: 166px;
    float: right;
    text-align: center;
    padding: 3px;
   
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #09b0d3;
    color: #09b0d3;
    border-radius: 5px;
}


.toprbtn:hover span {
  
   border: 1px solid #09b0d3;
   background-color: #09b0d3;
   color: #ffffff;
}



.toprbtn2 { text-decoration: none;}
.toprbtn2 span {
    
    display: block;
    width: 166px;
  margin: 0 auto;
    text-align: center;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #09b0d3;
    color: #09b0d3;
    border-radius: 5px;
    padding-bottom: 5px;
}


.toprbtn2:hover span {
  
   border: 1px solid #09b0d3;
   background-color: #09b0d3;
   color: #ffffff;
}



 form .fbtn_blue {
     min-height: 40px;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 form .fbtn_white {
     min-height: 40px;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .forminfo {
     font-size: 15px;
     font-weight: 400;
 }

 .lead {
     font-weight: 400;
 }