#small {
    margin-bottom: 140px;
    padding: 0 0px;
}

#archive-video {
	padding: 99px 0 59px 0;
}

.tarif-title {
    font-family: "EvoFuturaNew";
    color: #2D384A;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 3.9rem;
}

.bread-crumbs {
    color: #B5BBC9;
    font-size: 20px;
}

.table-responsive {
    overflow: hidden;
}

.table-video {
    background-color:#ffff; 
    border-radius: 30px;
}

.table-txt {
	color: #2D384A;	
	font-family: "EvoMontserrat";	
	font-size: 20px;	
	font-weight: 600;	
	line-height: 24px;	
	text-align: center;
	padding: 15px 100px;
}

.section-heading {
  font-size: 32px;
  padding: 0 4% 0 30px;
}

#mobile-section {
  display: none; 
}

#mobile-tariff-plan {
  display: none;
}

.desctop-none {
  display: none;
}

.cont-tariff-plan {
  display: flex;
}

.images {
    background-image: url("/images/file-1.png");
}

.bread-crumbs-test {
    color:#5530EA;
}

#mobile-banner {
  display: none;
}

.f-el {
  display: flex;
}

.gradient-icon {
    background: linear-gradient(270deg, #167FEF, #0ED0FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}

.bord-slide-d {
  padding: 18px;
}

.bord-slide {
  margin-top: 60px;
  margin-right: 25px;
  margin-left: 25px;
  border: 2px solid #5530EA;
  border-radius: 30px;

}

#note {
  display: none;
}

.icon-star {
  line-height: 10px;
}

#valu-calc {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  background:#ffd200;
  border-radius: 4px;
  text-align: center;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600;
}

.bord-text {
  font-size: 15px;
  font-weight: 600;
}

.bord-text-p {
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
}

.cam-b {
  justify-content: space-between;
}

.tariff-plan-txt {
  font-size: 18px;
  font-family: 'EvoMontserrat';
}

.sp-txt {
  color:#5530EA;
  font-weight: 600;
  font-size: 24px;
}

.bord-tariff-small {
  text-align: center;
  font-family: 'EvoMontserrat';
  font-size: 9px;
  line-height: 15px;
}

.bord-tariff-txt {
  text-align: center;
  font-size: 12px;
  font-family: 'EvoMontserrat';
  line-height: 20px;
}

/*Slider*/
.txt-range-sl {
  padding-bottom: 12px;
  font-size: 16px;
  color: #000;
}

.cont-range-slider {
  width: 840px;
  margin: auto;
}

.m-cont-slider{
  margin-right: 60px;
  margin-left: 60px;
}

.w-camera-sound {
  max-width: 340px;
}

.range-slider-container,
h2 {
  padding: 20px 0;
  position: relative;
}
.range-slider-container h3 {
  font-size: 16px;
}
.range-slider-container .rs-value {
  position: absolute;
  top: 16px;
  font-size: 16px;
  background: #ffffff;
  padding: 0.25em 1em;
  color: #060606;
}

.range-slider-container .min-max {
  display: flex;
  justify-content: space-between;
  color: #93989a;
}
.range-slider-container input[type=range] {
  -webkit-appearance: none;
  width: 715px;
  height: 5px;
  margin: 8.5px 0;
  background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
  transition: background 450ms ease-in;
}
.range-slider-container input[type=range]:focus {
  outline: none;
}
.range-slider-container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border-radius: 0px;
  border: 0px solid #ffffff;
}
.range-slider-container input[type=range]::-webkit-slider-thumb {
 /* box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);*/
  border: 0px solid #000000;
  height: 30px;
  width: 30px;
  top: 20px;
  border-radius: 25px;
  background: url('/images/cctv-img/Icon_Pacmanc.png');

  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}

.range-slider-container input[type=range]::-moz-range-thumb {
 /* box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);*/
  border: 0px solid #000000;
  height: 30px;
  width: 30px;
  top: 20px;
  border-radius: 25px;
  background: url('/images/cctv-img/Icon_Pacmanc.png');

  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
.range-slider-container input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border-radius: 0px;
  border: 0px solid #ffffff;
}
/*.range-slider-container input[type=range]::-moz-range-thumb {

  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: url('/images/cctv-img/Icon_Pacman.png');
  cursor: pointer;
}*/
.range-slider-container input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-slider-container input[type=range]::-ms-fill-lower {
  background: #cacfd0;
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.range-slider-container input[type=range]::-ms-fill-upper {
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.range-slider-container input[type=range]::-ms-thumb {
  box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  height: 8px;
}


.cctv-hdd-cont {
  margin: 20px 120px 20px 120px;
}

/*end slider*/

.card {
    height: 100%;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
    border: none;
}

.img-equip {
    text-align: center;
    padding: 60px 0 40px 0;
}

.title-equip {
    max-height: 50px;
    min-height: 50px;
    color: #6D3AF7;
    font-family: "EvoMontserrat";
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}

.equip {
    height: 100%;
    margin: 25px;
    word-break: break-word;
}

.download-store {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 20px;
}

.download-store-block {
    padding: 5px 10px 5px 10px;
    border: 1px solid #5530EA;
    border-radius: 10px;
    width: 170px;
}

.download-store-href {
    display: flex;
}

a {
    text-decoration: none!important;
}

.text-download-store {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #5530EA;
  margin: auto;
}

.equip-desc {
  text-align: center;
  color: #727988;
  font-family: "EvoMontserrat";
  font-size: 14px;
  line-height: 20px;
}

.equip-img {
  width: auto;
  height: 140px;
}

.dom {
  text-align: center;
  margin-bottom: 20px;
}

.cctv-btn {
  background: linear-gradient(90deg, #0ED0FA 0%, #167FEF 100%);
  color: #fff;
  font-weight: bold;
  height: 45px;
  width: 190px;
  margin-top: 40px;
}

.cctv-btn:hover {
  color: #fff;
}

.cam-txt {
  text-align: center;
  font-size: 25px;
  line-height: 32px;
  font-family: "EvoMontserrat";
}

.archive {
  background-color: #fff;
 /* box-shadow: 0 2px 20px 0 rgba(0,0,0,0.15);*/
  border-radius: 30px;
  padding: 30px;
  margin: 30px 0 30px 0;
}

/**/

.header-video {
  margin:auto;
  font-size: 32px;
  line-height: 42px;
  font-family: "EvoMontserrat";
  color: #2D384A;
  padding: 30px 0 30px 0;
}

#video {
    margin: 80px;
    width: auto;
    padding:45px 80px 45px;
    position: relative;
    box-shadow: 5px 5px 25px rgba(0,0,0,.2);
    border-radius: 30px;
    background-color: #fff;
    height: 550px;
    overflow: hidden
}

#video #toggle-forms{
    position: absolute;
    top: 15px;
    right: 30px;
    /*border: 1px solid #3a4a5d;*/
    /*border-radius: 20px;*/
    overflow: hidden;
    z-index: 99
}

#video #toggle-forms > button {
    border:none;
    background:none;
    margin-right: 15px;
    margin-left: 15px;
    /*background-color: #34495e;*/
    /*border: 1px solid #22303e;*/
    color: #2D384A;
    font-size: 16px;
    float:left;
    padding:5px 10px;
}

#video #toggle-forms > button:first-of-type{
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#video #toggle-forms > button.active {
    color:#5530EA;
    font-weight: 600;
    border-bottom: 2px solid #5530EA;
}

#video #toggle-forms > button:hover {
    color:#5530EA;
	border-bottom: 2px solid #5530EA;
}


.input-field label.active {
    color: #FFF !important;
    font-size: 1.1rem
}

#video form input:focus {
    border-bottom-color: dodgerblue !important
}

#video .row >button{
    background-color: dodgerblue
}


#video form{
    padding:45px 80px 45px;
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    transition: all .3s linear;
    z-index: 2
}

#video form:last-of-type {
    left: 100%
}

#video.active form:first-of-type {
    left: -100% !important
}

#video.active form:last-of-type{
    left:0 !important
}

.animate {
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.animate > li {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 100%;
    left: 10px;
    background-color:  rgba(255,255,255,.1);
    z-index: -1;
    overflow: hidden;
    animation: move 10s linear infinite
}

.animate > li:nth-last-of-type(2) {
    left: 70px;
    animation-delay: 3.5s;
    height: 15px;
    width: 15px;
}

.animate > li:nth-last-of-type(3) {
    left: 140px;
    animation-delay: 3s
}

.animate > li:nth-last-of-type(4) {
    left: 210px;
    animation-delay: 5.5s
}

.animate > li:nth-last-of-type(5) {
    left: 280px;
    animation-delay: 1.8s;
    height: 65px;
    width: 65px
}

.animate > li:nth-last-of-type(6) {
    left: 140px;
    animation-delay: 6.8s;
    height: 25px;
    width: 25px
}

.animate > li:nth-last-of-type(7) {
    left: 280px;
    animation-delay: 5s;
    height: 35px;
    width: 35px
}


@keyframes move {
    to {top: -50px;transform: rotate(360deg)}
}

.forgot{
    color: dodgerblue
}

.forgot:hover {
    text-decoration: underline;
    cursor: pointer
}
/**/

.character-text {
    padding-left: 0.96rem;
    color: #727988;
    font-size: 15px;
    line-height: 32px;
    position: relative;
}

.zakazat-zapis-txt {
    text-align: center;
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 14px;
    line-height: 24px;
}

h2 {
    font-weight: 700!important;
}

.adv {
    margin-left: 60px;
}

.icon-position {
  display: flex;
}


.i-shield {
  width: 30px;
  margin-right: 20px;
  margin-left: 15px;
  height: 30px;
  background-repeat: no-repeat;
}

.shield-svg {
    background-image: url(/images/home/cctv/shield.svg);
    background-repeat: no-repeat;
    margin-left: 60px;
}

.eye-svg {
    background-image: url(/images/home/cctv/eye.svg);
    background-repeat: no-repeat;
}

.mobile-svg {
    background-image: url(/images/home/cctv/mobile.svg);
    background-repeat: no-repeat;
}

.home-svg {
    background-image: url(/images/home/cctv/home.svg);
    background-repeat: no-repeat;
    margin-left: 60px;
}

.img_prew {
  max-width: 320px;
  min-width: auto;
    border-radius: 30px;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
}

.text-char {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.8rem;
    padding-left: 0.96rem;
}

.text-char-right {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.8rem;
    font-family: "EvoFuturaNew"!important;
}

.transfer-container {
	padding: 0 82px;
}

.table-txt {
	color: #2D384A;	
	font-family: "EvoMontserrat";	
	font-size: 20px;	
	font-weight: 600;	
	line-height: 24px;	
	text-align: center;
	border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

th.table-txt:last-child {
	border-right: none;
}

td.price-txt:last-child {
    border-right: none;
}

.archive-txt {
	color: #2D384A;	
	font-family: "EvoFuturaNew"!important;	
	font-size: 16px;	
	font-weight: 500;	
	line-height: 19px;	
	padding: 13px 26px;
	border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.price-txt {
	color: #2D384A;	
	font-family: "EvoFuturaNew"!important;	
	font-size: 16px;	
	line-height: 19px;
	padding: 28px;
	border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.table-archive {
	border-radius: 30px;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.list-txt {
	color: #2D384A;	
	font-family: "EvoFuturaNew"!important;
	font-size: 16px;	
	line-height: 19px;
}

.txt-transfer {
	color: #727988;	
	font-size: 16px;	
    text-align: justify;
	font-weight: 400;	
	line-height: 38px;
    font-family: "EvoMontserrat";
}

.price-text {
    padding-left: 0.96rem;
    color: #5530EA;
    font-family: "EvoFuturaNew";
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.2rem;
}

.btn-evo {
    margin: 60px 0 0px;
    background: linear-gradient(90deg, #0ED0FA 0%, #167FEF 100%);
    color: #fff !important;
    font-weight: bold;
}

.line-grow {
    flex-grow: 1;
    margin-left: 7px;
    margin-top: 3px;
    height: 1px;
    background: linear-gradient(270deg, #5530EA, #00a1ff);
}

.line {
    width: fit-content;
}

.line-flex {
    flex-direction: row;
    margin-left: 0;
    margin-right: 0;
    line-height: 32px;
}

.small-txt-disc {
    color: #727988;
    font-family: "EvoFuturaNew";
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    padding: 40px 0;
}

.small-txt {
    color: #727988;
    font-family: "EvoFuturaNew";
    font-size: 13px;
    text-align: justify;
    font-weight: 300;
    line-height: 20px;
}

.btn-evo-prev {
    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
    color: #fff !important;
    font-weight: 700;
   /* padding: 12px 10px 12px 10px;*/
    border-radius: 50px;
    width: auto;
}

.other-offers {
    padding: 100px 0 10px 61px;
    color: #2D384A;   
    font-size: 32px;    
    font-weight: bold;  
    line-height: 39px;
    font-family: "EvoMontserrat";
}

.header-modal-popup {
    font-size: 28px;
    line-height: 39px;
    padding: 40px 0 20px 0;
    text-align: center;
    font-weight: 600;
    font-family: "EvoMontserrat";
}

/*tooltip*/
/*[data-tooltip] {
    position: relative; 
}
[data-tooltip]::after {
    content: attr(data-tooltip); 
    position: absolute; 
    width: 300px; 
    left: 0; top: 0; 
    line-height: 15px;
    background: #fff; 
    font-family: 'EvoMontserrat';
    font-size: 12px;
    border: 1px solid #727988;
    border-radius: 30px;
    color: #666; 
    padding: 10px; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
    pointer-events: none; 
    opacity: 0; 
    transition: 1s; 
    z-index: 999;
} 
[data-tooltip]:hover::after {
    opacity: 1; 
    top: 1em; 
}*/

/**/

 /*Стили для Tooltip*/
  .has-tooltip {
      cursor: help;
      position: relative;
      text-align: center;
      -webkit-transform: translateZ(0); /* webkit flicker fix */
      -webkit-font-smoothing: antialiased; 
  }

  .has-tooltip .tooltip {
      display: block;                      
      opacity: 0;
      position: absolute;
      visibility: hidden;
      -webkit-transition: all .25s ease-out;
         -moz-transition: all .25s ease-out;
          -ms-transition: all .25s ease-out;
           -o-transition: all .25s ease-out;
              transition: all .25s ease-out;
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
           -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
              box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  }

  .has-tooltip .tooltip:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
  }  

  .has-tooltip:hover .tooltip {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0px) translateY(0px) !important;
         -moz-transform: translateX(0px) translateY(0px) !important;
          -ms-transform: translateX(0px) translateY(0px) !important;
           -o-transform: translateX(0px) translateY(0px) !important;
              transform: translateX(0px) translateY(0px) !important;
  }

  .has-tooltip.east .tooltip {
      position: absolute;
      width: 285px;
      padding: 17px;
      background: #fff;
      left: calc(-16% - -35px);
      border: 0.5px solid #727988;
      box-shadow: 0 2px 20px 0 rgba(0,0,0,0.15);
      border-radius: 30px;
      right: auto;
      bottom: auto;
      z-index: 999;
      top: 2.5em;
      margin-top: 0%;
      margin-left: 0.6em;
      margin-bottom: auto;
      -webkit-transform: translateX(-10px) translateY(0px);
      -moz-transform: translateX(-10px) translateY(0px);
      -ms-transform: translateX(-10px) translateY(0px);
      -o-transform: translateX(-10px) translateY(0px);
      transform: translateX(-10px) translateY(0px);
  }

  .has-tooltip .tooltips {
      display: block;                      
      opacity: 0;
      position: absolute;
      visibility: hidden;
      -webkit-transition: all .25s ease-out;
         -moz-transition: all .25s ease-out;
          -ms-transition: all .25s ease-out;
           -o-transition: all .25s ease-out;
              transition: all .25s ease-out;
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
           -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
              box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  }

  .has-tooltip .tooltips:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
  }  

  .has-tooltip:hover .tooltips {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0px) translateY(0px) !important;
         -moz-transform: translateX(0px) translateY(0px) !important;
          -ms-transform: translateX(0px) translateY(0px) !important;
           -o-transform: translateX(0px) translateY(0px) !important;
              transform: translateX(0px) translateY(0px) !important;
  }

  .has-tooltip.east .tooltips {
      position: absolute;
      width: 285px;
      padding: 17px;
      background: #fff;
      left: calc(-16% - -35px);
      border: 0.5px solid #727988;
      box-shadow: 0 2px 20px 0 rgba(0,0,0,0.15);
      border-radius: 30px;
      right: auto;
      bottom: auto;
      z-index: 999;
      top: 2.5em;
      margin-top: 0%;
      margin-left: 0.6em;
      margin-bottom: auto;
      -webkit-transform: translateX(-10px) translateY(0px);
      -moz-transform: translateX(-10px) translateY(0px);
      -ms-transform: translateX(-10px) translateY(0px);
      -o-transform: translateX(-10px) translateY(0px);
      transform: translateX(-10px) translateY(0px);
  }

  .has-tooltip .tool {
      display: block;                      
      opacity: 0;
      position: absolute;
      visibility: hidden;
      -webkit-transition: all .25s ease-out;
         -moz-transition: all .25s ease-out;
          -ms-transition: all .25s ease-out;
           -o-transition: all .25s ease-out;
              transition: all .25s ease-out;
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
           -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
              box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  }

  .has-tooltip .tool:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
  }  

  .has-tooltip:hover .tool {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0px) translateY(0px) !important;
         -moz-transform: translateX(0px) translateY(0px) !important;
          -ms-transform: translateX(0px) translateY(0px) !important;
           -o-transform: translateX(0px) translateY(0px) !important;
              transform: translateX(0px) translateY(0px) !important;
  }

  .has-tooltip.east .tool {
      position: absolute;
      width: 285px;
      padding: 17px;
      background: #fff;
      left: calc(0% - -150px);
      border: 0.5px solid #727988;
      box-shadow: 0 2px 20px 0 rgba(0,0,0,0.15);
      border-radius: 30px;
      right: auto;
      bottom: auto;
      z-index: 999;
      top: 2.5em;
      margin-top: 0%;
      margin-left: 0.6em;
      margin-bottom: auto;
      -webkit-transform: translateX(-10px) translateY(0px);
      -moz-transform: translateX(-10px) translateY(0px);
      -ms-transform: translateX(-10px) translateY(0px);
      -o-transform: translateX(-10px) translateY(0px);
      transform: translateX(-10px) translateY(0px);
  }

  .tooltip-txt {
      color: #727988;
      font-size: 13px;
      font-weight: 400;
      line-height: 17px;
  }

  .tooltip-txt-small {
      padding: 0 20px 0px 20px;
      color: #727988;
      font-size: 12px;
  }

  .has-tooltip.east .tooltip:before {
      left: -1em;
      height: 100%;
      top: 0;
      width: 1em;
  } 

  .img-tooltips {
      display: block;
      width: 35%;
      height: auto;
      margin: auto;

  }
/**/



/*Стили для валидации popup окна Видеонаблюдения*/

input[type="text"],
input[type="tel"],
input[type="email"] {
  display: block;
  padding: 0 17px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font: 600 18px 'Roboto', sans-serif;
  color: #000;
  background: transparent;
  border: 1px solid rgba(0,0,0,.11);
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
::-webkit-input-placeholder {
  opacity: 1;
  font-weight: 300;
  color: #393939;
}
::-moz-placeholder {
  opacity: 1;
  font-weight: 300;
  color: #393939;
}
:-moz-placeholder {
  opacity: 1;
  font-weight: 300;
  color: #393939;
}
:-ms-input-placeholder {
  opacity: 1;
  font-weight: 300;
  color: #393939;
}
.some-form {
  width: 30%;
  margin: 36px auto;
}
.form {
  padding: 30px;
  background: #f7fafb;
  color: #000;
  border-radius: 3px;
  -webkit-box-shadow: 0 39px 57px rgba(0,0,0,.19);
  -moz-box-shadow: 0 39px 57px rgba(0,0,0,.19);
  box-shadow: 0 39px 57px rgba(0,0,0,.19);
}
.some-form__header {
  margin-bottom: 41px;
  padding-top: 12px;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.2px;
  text-align: center;
}
.some-form__line {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.some-form__line-required input[type="text"],
.some-form__line-required input[type="tel"],
.some-form__line-required input[type="email"] {
  border-color: #f45a57;
}
.some-form__line-required .some-form__hint {
  opacity: 1;
  z-index: auto;
}
.some-form__hint {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -6px;
  padding: 5px 12px;
  width: 100%;
  color: #fff;
  font-size: 12px;
  line-height: 1.333333;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.title {
  font-weight: bold;
}

.button {
  display: inline-block;
  padding: 14px 15px 16px;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  background: #19b5ca;
  color: #fff;
  border: 2px solid #19b5ca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 20px 43px rgba(18,159,178,.35);
  -moz-box-shadow: 0 20px 43px rgba(18,159,178,.35);
  box-shadow: 0 20px 43px rgba(18,159,178,.35);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.button:hover {
  background: #0e9aad;
  border-color: #0e9aad;
}
.button_wide {
  width: 100%;
}
.button_submit {
  font-size: 19px;
}


/**/

/*стили для калькулятора*/

/*.container {
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 11%;
}*/

.active {
	color: #2D384A;
}

.loan-calculator-range-slider {
  height: 4px;
  background-color: #e8e8e8;
  border: none;

  .noUi-handle {
    right: -8px !important;
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: 2px solid #888888;
    border-radius: 50%;
    outline: none;
    box-sizing: border-box;

    &::before,
    &::after {
      content: none;
    }
  }

  &--money {
    .noUi-connect {
      background-color: #4cca4c;
    }

    .noUi-handle {
      border-color: #4cca4c;
    }
  }

  &--months {
    .noUi-connect {
      background-color: #412abd;
    }
    .noUi-handle {
      border-color: #412abd;
    }
  }
}

.noUi-handle:after {
    left: 0px!important;
}
.noUi-handle:after, .noUi-handle:before {
    display: none!important;
}

.noUi-horizontal {
    height: 2px!important;
}

.noUi-horizontal .noUi-handle {
    width: 7px!important;
    height: 20px!important;
    left: -17px;
    top: -9px!important;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: 0px!important;
    left: auto;
}

.noUi-handle {
    border: 1px solid #412abd!important;
    border-radius: 0px!important;
    background: #573fb8!important;
    cursor: default!important;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #742fb4, 0 3px 6px -3px #370d88!important;
}

.noUi-target {
    background: #cccccc!important;
    border-radius: 4px!important;
    border: 0px solid #D3D3D3!important; 
    box-shadow: inset 0 0px 0px #F0F0F0, 0 0px 0px 0px #BBB!important; 
}

/*.noUi-connect {
    background: #573fb8!important;
}*/

.noUi-target {
    background: #dcdcdc;
    border-radius: 4px;
    border: 1px;
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.calculator-header {
    padding: 30px 0 15px 0;
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.m-calc-el {
  margin-right: 30px;
  margin-left: 85px;
}

.field-block-calc {
    border-radius: 30px;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.loan-calculator-result {
  font-size: 18px;
  line-height: 1.25;
}

.loan-calculator-result__caption {
  display: block;
}

.loan-calculator-result__value {
  color: #5530EA;
  font-family: "EvoMontserrat";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 29px;

  &::after {
    content: "*";
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    font-size: 16px;
    color: #ff5555;
  }
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.calculator-desc-txt {
  color: #2D384A;
  font-family: "EvoMontserrat";
  width: 285px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
  padding-right: 20px;
}

.desc-calc {
    margin: 98px 0 0 10px;
}

.loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 29px;
}

.footer-desc-small {
    color: #2D384A;
    font-family: "EvoFuturaNew";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.footer-desc-txt {
    font-family: EvoMontserrat;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: justify;
    color: #2D384A;
}

.loan-pos {
    left: calc(-9% + 50px);
}

.loan-calculator {
  width: 485px;
  padding: 5px;
  background-color: #ffffff;
  border-radius: 8px;
}

.loan-calculator__controls-list {
  margin-bottom: 32px;

  & > :last-child {
    margin-bottom: 0;
  }
}

.loan-calculator__control {
  margin-bottom: 24px;
}

.loan-calculator-control {
}

.loan-calculator-control__caption {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: calc(22 / 18);
}

.loan-calculator-control__range {
  margin-top: 12px;
  margin-bottom: 12px;
}

.loan-calculator-control__help-values {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 12px;
  user-select: none;
}

.loan-calculator-control__min-value {
  font-size: 12px;
  color: #9e9da0;
}

.loan-calculator-control__random-value {
  font-size: 12px;
  color: #9e9da0;
}

.loan-calculator-control__max-value {
  font-size: 12px;
  color: #9e9da0;
}

.loan-calculator__result {
  padding: 0px 0 0 10px;
  margin: auto;
  line-height: 48px;
}

.loan-calculator__footnote {
  margin: 0;
  color: #9e9da0;

  &::before {
    content: "*";
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    font-size: 14px;
    color: #ff5555;
  }
}

.loan-calculator-control__caption {
  display: none;
}

/*Slider Range*/
.amountSlider {
    width: 435px;
    position: relative;
    font-size: 20px;
    height: 35px;
    margin: 24px auto;
    padding: 5px;
    border-radius: 30px;
    background-color: #EDF0F4;
}


.amountHold {
    margin: 0 auto;
    text-align: center;
/*    line-height: 1;*/
    position: relative;
    overflow: hidden;
    height: 30px;
    color: #BABCBE;
    font-size: 16px;
}

.amountHold span { /*display: none;*/ position: absolute; width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.amountHold span.active { left: 50%; margin-left: -50%; }

span.previous { 
    left: -100%; 
}

span.next { 
    left: 100%; 
}

.half {
    width: 50%; 
    float: left; 
}

.decrease {
    position: absolute;
    left: 15px;
    top: 8px;
    padding: 10px;
    cursor: pointer;
    font-size: 200%;
    line-height: 0.5;
    background-image: url(/images/home/cctv/calc_left.svg);
    background-repeat: no-repeat;
}

.increase {
    position: absolute;
    right: 5px;
    top: 9px;
    padding: 10px;
    cursor: pointer;
    font-size: 200%;
    line-height: 0.5;
    background-image: url(/images/home/cctv/calc_right.svg);
    background-repeat: no-repeat;
}


/**/

/*Range slider*/

/*! nouislider - 13.1.5 - 4/24/2019 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
/**/

.btn-evo-prev-dop {
    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
    color: #fff !important;
    font-weight: 700;
    padding: 12px 10px 12px 10px;
    border-radius: 50px;
    width: 20rem;
    margin-top: 20px;
}

.footer-desc {
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px;
}

.btn-show-all-rates {
    margin-top: 25px;
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
}

.button-chart {
    text-align: center !important;
}

h1 {
    font-weight: 700!important;
    margin-top: 6rem;
}

.desc-text-small {
    padding: 0 120px 0 75px;
    font-family: "EvoMontserrat";
    margin-bottom: 20px;
    line-height: 2rem;
}

.img {
    /* display: inline-block; */
    height: auto;
    max-width: 100%;
}

.from-content {
    margin: 0 20px 0 20px;
}

.tarif-img-prev {
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.tarif-image-old {
    padding: 70px 60px 50px 70px;
    border-radius: 30px;
    position: relative;
    background-color: rgba(85, 48, 234, 0.25);
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.rectangle {
  width: auto;
  height: 380px;
}

.tarif-image {
    width: auto;
    max-height: 420px;
    min-height: auto;
    padding: 20px 60px 20px 75px;
    border-radius: 30px;
    position: relative;
    background-color: rgba(85, 48, 234, 0.25);
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}
/*.tarif-image img{
    object-fit: contain;
}*/

.tarif-image::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 30px;
    left: 0px;
    background-size: cover;
    z-index: -1;
}

.tarif-image-offers img {
    border-radius: 30px;
}

.benefits-txt {
    color: #727988; 
    font-family: "EvoMontserrat";   
    font-size: 20px;    
    font-weight: bold;  
    line-height: 24px;
    padding: 100px 0 30px 57px;
}


.tarif-image-offers {
    padding: 50px;
    border-radius: 30px;
    position: relative;
    background-color: #FFFFFF; 
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.tarif-image-offers::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    filter: grayscale(100%);
    opacity: 0.1;
    border-radius: 30px;
    left: 0px;
    background-size: cover;
}

.img-offers {
    z-index: 1;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
}

.tarif-image-offers img {
    border-radius: 30px;
}

.tarif-text {
    padding-top: 50px;
    color: #FFFFFF;
    font-family: "EvoMontserrat";
    font-size: 28px;
    text-align: justify;
    font-weight: 900;
    line-height: 4.4rem;
    text-transform: uppercase;
}

.tarif-text-desc {
    padding-top: 30px;
    color: #FFFFFF;
    font-family: "EvoMontserrat";
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.4rem;
}

.tarif-text-short-desc {
    color: #FFFFFF;
    font-family: "EvoMontserrat";
    font-size: 1.6rem;
    text-align: justify;
    font-weight: 300;
    line-height: 3.2rem;
}

.text-secondary {
    color: #6c757d !important;
    line-height: 32px;
    font-size: 20px;
    font-family: "EvoMontserrat";
}

#crumbs {
	padding: 60px 0 30px 1.6%;
}

.char {
    margin-top: 60px;
    padding: 0 75px;
}

.tarif-text-desc-dop {
	padding: 49.19px 0 0 0;
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.4rem;
}

.tarif-text-short-desc-dop {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.8rem;
}

.evo-offers {
	padding: 15px 40px;
}

.tarif-text-dop {
    color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(to right, #00d3f5, #1e1c98);
    font-family: "EvoMontserrat";
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 5.8rem;
    text-transform: uppercase;
}

a {
    text-decoration: none!important;
}

.crumbs-txt {
   color: #2D384A; 
	font-family: "EvoMontserrat";  
   font-size: 24px;    
   font-weight: bold;  
   line-height: 39px;
}

.breadcrumbs-txt {
    display: none;
    color: #B5BBC9; 
    /*font-family: Montserrat;*/    
    font-size: 20px;    
    line-height: 24px;
}

.active-txt {
    display: none;
    color: #5530EA; 
    /*font-family: Montserrat;*/    
    font-size: 20px;    
    line-height: 24px;
}


/**Мобильная версия таблицы**/
.body-card {
    display: flex;
    border-bottom: 1px solid #DADADA;
}

.cost-card {
    border-bottom: 1px solid #DADADA;
}

.cost-text-m {
    color: #2D384A;
    font-family: "EvoFuturaNew"!important;
    font-size: 16px;
    line-height: 19px;
    margin: auto;
    padding: 20px;
}

.title-card {
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.heading-m {
    margin-left: auto;
}

.heading-title {
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    padding: 24px;
}

.heading {
    display: flex;
    border-bottom: 1px solid #DADADA;
}

.shadow-card {
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
    border-radius: 20px;
}

.container-respons {
    padding-left: 0;
    padding-right: 0;
}

.price-text-m {
    color: #2D384A;
    font-family: "EvoFuturaNew"!important;
    font-size: 16px;
    line-height: 19px;
    margin: auto;
}

/****/


@media screen and (max-width: 768px) {
    #video-m {
        display: none;
    }
}


@media screen and (max-width: 411px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 340px;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 340px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .btn-evo-prev {
    	width: 70%;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
    	font-size: 12px;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 30px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 8%;
      width: 100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 17px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}

@media screen and (max-width: 1024px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 8%;
      width: 100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}


@media screen and (max-width: 812px) {
  /*  #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 32px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}


@media screen and (max-width: 736px) {
    /*#main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 32px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}


@media screen and (max-width: 731px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 32px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}


@media screen and (max-width: 640px) {
 /*   #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 32px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}

@media screen and (max-width: 414px) {
    /*#main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		  padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
      overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
    }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

  .st-img {
    width: 70px;
    height: 70px;
  }

  .s-img {
    width: 78px;
    height: 70px;
  }

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.header-modal-popup {
	    font-size: 16px;
	    line-height: 39px;
	    padding: 40px 0 20px 0;
	    text-align: center;
	    font-weight: 600;
	    font-family: "EvoMontserrat";
	}

	.has-tooltip.east .tooltip {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 115px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: -24.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tool {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 23px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: -14.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}


	.has-tooltip.east .tooltips {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 152px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: -15.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
	    background-image: url(/images/cctv-img/VidNab.jpg);
	    height: 447px;
	    background-position: 70% 5%;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 22px;
      font-weight: 500;
      line-height: 45px;
    }

    .head-desc {
      color: #fff;
      font-size: 17px;
      line-height: 13px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 55px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
}

@media screen and (max-width: 375px){
/*
#main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 300px;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.has-tooltip.east .tool {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 43px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 12em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tooltip {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 130px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 20.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tooltips {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 175px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 8.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 300px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 250px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
	    width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
	    background-image: url(/images/cctv-img/VidNab.jpg);
	    height: 447px;
	    background-position: 45% 5%;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 22px;
      font-weight: 500;
      line-height: 45px;
    }

    .head-desc {
      color: #fff;
      font-size: 18px;
      line-height: 13px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 55px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    /**/
    /**/
	
}

@media screen and (max-width: 360px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .icon-position {
      padding: 0;
      display: flex;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .header-video {
    	font-size: 24px;
		padding: 50px 0 10px 0;
    }

    #video #toggle-forms > button {
    	font-size: 13px;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 720px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .calculator-desc-txt {
    	padding: 5px 0px 15px 0px;
    	font-size: 16px;
    	line-height: 24px;
    }

    .loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 9px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 20px 0 0 0;
    }

    .desc-text-small {
    	padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }

    #small {
        margin-bottom: 0;
    }

    #crumbs {
        padding: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    	padding-left: 0px;
    	padding-right: 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto; 
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.calculator-header {
	    padding: 0px 0 0px 0;
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: 0;
	    line-height: 19px;
	    text-align: left;
	    width: 205px;
	}

	.cont-range-slider {
	    width: 290px;
	    margin: auto;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 290px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.has-tooltip.east .tool {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 43px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 12em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tooltip {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 130px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 20.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tooltips {
	    position: absolute;
	    width: 285px;
	    padding: 17px;
	    background: #fff;
	    left: calc(-100% - 175px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 8.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	.cctv-hdd-cont {
	    margin: 20px 20px 20px 20px;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    font-size: 11px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px; 
	    margin-left: 0px; 
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.bord-tariff-txt {
	    text-align: left; 
	    font-size: 11px;
	    font-family: 'EvoMontserrat';
	    line-height: 15px;
	}

	h1 {
	    font-weight: 700!important;
	    margin-top: 2rem;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 29px;
	    margin-left: auto;
	}

	.w-camera-sound {
	    max-width: 250px;
	}	

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.icon-cam-mobil {
		width: 35px;
		height: 35px;
	}

	.m-cont-slider {
	     margin-right: 0px; 
	     margin-left: 0px; 
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 18px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 18px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 19px;
        line-height: 28px;
    }

    .tarif-text-short-desc {
	    color: #FFFFFF;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 28px;
	}

	.shield-svg {
		margin-left: 0;
	}

	.home-svg {
		margin-left: 0;
	}

	.btn-evo-prev {
		width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    padding: 10px 20px; 
	    border-radius: 50px;
	    text-decoration: underline;
	}

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .remove-adsend {
        padding-right: 0;
        padding-left: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    #crumbs {
    	display: none;
    }

    .calc-mob {
    	display: none;
    }

    .desctop-none {
      display: block; 
    }

    #mobile-section {
      display: block; 
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 47px;
    }

    .head-desc {
      color: #fff;
      font-size: 22px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 18px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2rem;
      height: 2rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 11px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    .blurs {
	    padding: 25px 20px 5px 20px;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

	.store-menu-download {
	    display: block;
	}

    /**/

    /**/
}

@media screen and (max-width: 360px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .icon-position {
      padding: 0;
      display: flex;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .header-video {
    	font-size: 24px;
		padding: 50px 0 10px 0;
    }

    #video #toggle-forms > button {
    	font-size: 13px;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 720px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .calculator-desc-txt {
    	padding: 5px 0px 15px 0px;
    	font-size: 16px;
    	line-height: 24px;
    }

    .loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 9px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 20px 0 0 0;
    }

    .desc-text-small {
    	padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }

    #small {
        margin-bottom: 0;
    }

    #crumbs {
        padding: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    	padding-left: 0px;
    	padding-right: 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto; 
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.calculator-header {
	    padding: 0px 0 0px 0;
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: 0;
	    line-height: 19px;
	    text-align: left;
	    width: 205px;
	}

	.cont-range-slider {
	    width: 290px;
	    margin: auto;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 290px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	.cctv-hdd-cont {
	    margin: 20px 20px 20px 20px;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    font-size: 11px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px; 
	    margin-left: 0px; 
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.bord-tariff-txt {
	    text-align: left; 
	    font-size: 11px;
	    font-family: 'EvoMontserrat';
	    line-height: 15px;
	}

	h1 {
	    font-weight: 700!important;
	    margin-top: 2rem;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 29px;
	    margin-left: auto;
	}

	.w-camera-sound {
	    max-width: 250px;
	}	

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.icon-cam-mobil {
		width: 35px;
		height: 35px;
	}

	.m-cont-slider {
	     margin-right: 0px; 
	     margin-left: 0px; 
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 18px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 18px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 19px;
        line-height: 28px;
    }

    .tarif-text-short-desc {
	    color: #FFFFFF;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 28px;
	}

	.shield-svg {
		margin-left: 0;
	}

	.home-svg {
		margin-left: 0;
	}

	.btn-evo-prev {
		width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    padding: 10px 20px; 
	    border-radius: 50px;
	    text-decoration: underline;
	}

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .remove-adsend {
        padding-right: 0;
        padding-left: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    #crumbs {
    	display: none;
    }

    .calc-mob {
    	display: none;
    }

    .desctop-none {
      display: block; 
    }

    #mobile-section {
      display: block; 
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
	    background-image: url(/images/cctv-img/VidNab.jpg);
	    height: 400px;
	    background-position: 66% 5%;
	    background-repeat: no-repeat;
	    background-size: cover;
	}


    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 21px;
      font-weight: 500;
      line-height: 45px;
    }

    .head-desc {
      color: #fff;
      font-size: 17px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 55px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 18px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2rem;
      height: 2rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 11px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    .blurs {
	    padding: 25px 20px 5px 20px;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

	.store-menu-download {
	    display: block;
	}

    /**/

    /**/
}


@media screen and (max-width: 320px) {
  /*  #main-content {
     max-width: 100%; 
    }*/

    .icon-position {
      padding: 0;
      display: flex;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .header-video {
    	font-size: 24px;
		padding: 50px 0 10px 0;
    }

    #video #toggle-forms > button {
    	font-size: 13px;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 720px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .calculator-desc-txt {
    	padding: 5px 0px 15px 0px;
    	font-size: 16px;
    	line-height: 24px;
    }

    .loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 9px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 20px 0 0 0;
    }

    .desc-text-small {
    	padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }

    #small {
        margin-bottom: 0;
    }

    #crumbs {
        padding: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    	padding-left: 0px;
    	padding-right: 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto; 
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.calculator-header {
	    padding: 0px 0 0px 0;
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    font-size: 14px!important;
	    font-weight: 600;
	    letter-spacing: 0;
	    line-height: 19px;
	    text-align: left;
	    width: 205px;
	}

	.cont-range-slider {
	    width: 255px;
	    margin: auto;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 255px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.has-tooltip.east .tooltips {
	    position: absolute;
	    width: 260px;
	    padding: 12px;
	    background: #fff;
	    left: calc(-100% - 181px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 8.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tool {
	    position: absolute;
	    width: 260px;
	    padding: 12px;
	    background: #fff;
	    left: calc(-100% - 54px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 12em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.has-tooltip.east .tooltip {
	    position: absolute;
	    width: 260px;
	    padding: 15px;
	    background: #fff;
	    left: calc(-100% - 140px)!important;
	    border: 0.5px solid #727988;
	    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
	    border-radius: 30px;
	    right: auto;
	    bottom: auto;
	    z-index: 999;
	    top: 20.5em;
	    margin-top: 0%;
	    margin-left: 0.6em;
	    margin-bottom: auto;
	    -webkit-transform: translateX(-10px) translateY(0px);
	    -moz-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	    -o-transform: translateX(-10px) translateY(0px);
	    transform: translateX(-10px) translateY(0px);
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	.cctv-hdd-cont {
	    margin: 20px 20px 20px 20px;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    font-size: 11px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px; 
	    margin-left: 0px; 
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.bord-tariff-txt {
	    text-align: left; 
	    font-size: 11px;
	    font-family: 'EvoMontserrat';
	    line-height: 15px;
	}

	h1 {
	    font-weight: 700!important;
	    margin-top: 2rem;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 29px;
	    margin-left: auto;
	}

	.w-camera-sound {
	    max-width: 250px;
	}	

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.icon-cam-mobil {
		width: 35px;
		height: 35px;
	}

	.m-cont-slider {
	     margin-right: 0px; 
	     margin-left: 0px; 
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 18px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 18px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 19px;
        line-height: 28px;
    }

    .tarif-text-short-desc {
	    color: #FFFFFF;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 28px;
	}

	.shield-svg {
		margin-left: 0;
	}

	.home-svg {
		margin-left: 0;
	}

	.btn-evo-prev {
		width: 60%;
		background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    padding: 12px 10px 12px 10px; 
	    border-radius: 50px;
	    text-decoration: underline;
	}

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .remove-adsend {
        padding-right: 0;
        padding-left: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    #crumbs {
    	display: none;
    }

    .calc-mob {
    	display: none;
    }

    .desctop-none {
      display: block; 
    }

    #mobile-section {
      display: block; 
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
	    background-image: url(/images/cctv-img/VidNab.jpg);
	    height: 400px;
	    background-position: 50% 5%;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 21px;
      font-weight: 500;
      line-height: 45px;
    }

    .head-desc {
      color: #fff;
      font-size: 17px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 55px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 18px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2rem;
      height: 2rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 11px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    .blurs {
	    padding: 25px 15px 5px 15px!important;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

	.store-menu-download {
	    display: block;
	}

    /**/

    /**/
}


@media screen and (max-width: 280px) {
    /*#main-content {
     max-width: 100%; 
    }
*/
    .icon-position {
      padding: 0;
      display: flex;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .header-video {
    	font-size: 24px;
		padding: 50px 0 10px 0;
    }

    #video #toggle-forms > button {
    	font-size: 13px;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 720px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .calculator-desc-txt {
    	padding: 5px 0px 15px 0px;
    	font-size: 16px;
    	line-height: 24px;
    }

    .loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 9px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 20px 0 0 0;
    }

    .desc-text-small {
    	padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }

    #small {
        margin-bottom: 0;
    }

    #crumbs {
        padding: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    	padding-left: 0px;
    	padding-right: 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto; 
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.calculator-header {
	    padding: 0px 0 0px 0;
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    font-size: 11px!important;
	    font-weight: 600;
	    letter-spacing: 0;
	    line-height: 15px;
	    text-align: left;
	    width: 155px;
	}

	.cont-range-slider {
	    width: 230px;
	    margin: auto;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 230px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 4px!important;
	    left: 4px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 18px!important;
	    height: 18px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	input[type="checkbox"] {
	    position: relative;
	    user-select: none;
	    outline: none;
	    border: 1px solid #9e9e9e;
	    border-radius: 50px;
	    width: 30px!important;
	    height: 22px!important;
	    background-color: #fff;
	}

	input[type="checkbox"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 12px!important;
	    width: 12px!important;
	    margin: auto;
	    position: absolute;
	    top: 4px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	.cctv-hdd-cont {
	    margin: 20px 20px 20px 20px;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    font-size: 11px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px; 
	    margin-left: 0px; 
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.bord-tariff-txt {
	    text-align: left; 
	    font-size: 11px;
	    font-family: 'EvoMontserrat';
	    line-height: 15px;
	}

	h1 {
	    font-weight: 700!important;
	    margin-top: 2rem;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 29px;
	    margin-left: auto;
	}

	.w-camera-sound {
	    max-width: 250px;
	}	

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.icon-cam-mobil {
		width: 35px;
		height: 35px;
	}

	.m-cont-slider {
	     margin-right: 0px; 
	     margin-left: 0px; 
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 18px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 14px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 19px;
        line-height: 28px;
    }

    .tarif-text-short-desc {
	    color: #FFFFFF;
	    font-family: "EvoMontserrat";
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 28px;
	}

	.shield-svg {
		margin-left: 0;
	}

	.home-svg {
		margin-left: 0;
	}

	.btn-evo-prev {
		width: 60%;
		background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    padding: 12px 10px 12px 10px; 
	    border-radius: 50px;
	    text-decoration: underline;
	}

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .remove-adsend {
        padding-right: 0;
        padding-left: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    /*Стили*/

    #crumbs {
    	display: none;
    }

    .calc-mob {
    	display: none;
    }

    .desctop-none {
      display: block; 
    }

    #mobile-section {
      display: block; 
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 18px;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 21px;
      font-weight: 500;
      line-height: 45px;
    }

    .head-desc {
      color: #fff;
      font-size: 17px;
      line-height: 12px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 10px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 10px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 15px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 10px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 10px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 15px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 10px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 10px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 15px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 10px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 10px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 15px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 10px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 10px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 15px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 10px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 10px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 15px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    /* Убираем стандартный маркер Chrome */
    details summary::-webkit-details-marker {
      display: none
    }
    /* Убираем стандартный маркер Firefox */
    details > summary {
      list-style: none;
    }
    
    /* Добавляем собственный маркер для закрытого состояния */
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      /* content: url(/images/details-arrow.svg); */
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /* Добавляем собственный маркер для открытого состояния */
    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    /*Стили для аккоодиона*/
    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 18px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2rem;
      height: 2rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 11px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

    .blurs {
	    padding: 25px 15px 5px 15px!important;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

	.store-menu-download {
	    display: block;
	}

    /**/

    /**/
}


/*@media (min-width: 415px) and (max-width: 480px) {
    #main-content {
     max-width: 100%; 
    }

    .desc-text-small {
      padding: 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
        padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }


     #small {
        margin-bottom: 0;
    }

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
      padding-left: 0px;
      padding-right: 0px;
    }

    .from-content {
        margin: 0 10px 0 10px;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto;
    }

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    }

    .tariff-plan-txt {
      font-size: 16px;
      font-family: 'EvoMontserrat';
    }


    .m-cont-slider {
      margin-right: 20px;
      margin-left: 20px;
    }

    .cont-range-slider {
      width: 330px;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 285px;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .ans-label {
  
      margin: 0 8px 20px 0px!important;

    }

    .calculator-desc-txt {
      width: 220px;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 15px;
      padding: 0px 0px 0px 0px;
      letter-spacing: 0;
      line-height: 25px;
    }

    .loan-calculator-result__value {
      color: #5530EA;
      font-family: "EvoMontserrat";
      font-size: 16px;
      letter-spacing: 0;
      line-height: 29px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 11px;
      letter-spacing: 0;
      line-height: 29px;
      padding-left: 5px;
    }

    .bord-slide {
      margin-top: 25px;
      margin-bottom: 20px;
      margin-right: 0px;
      margin-left: 0px;
      border: 2px solid #5530EA;
      border-radius: 30px;
    }

    .bord-text {
      font-size: 12px;
      font-weight: 600;
    }

    .bord-text-p {
      font-size: 12px;
      font-weight: 500;
      line-height: 0;
    }

    .cctv-hdd-cont {
      margin: 20px 10px 20px 10px;
    } 

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .shield-svg {
      margin-left: 0;
    }

    .btn-evo-prev {
      width: 100%;
    }

    .home-svg {
      margin-left: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 40px;
      width: 80%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 900;
      line-height: 34px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 45px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }
}
*/
/*@media (min-width: 481px) and (max-width: 639px) {
    #main-content {
     max-width: 100%; 
    }

    .desc-text-small {
    	padding: 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
        padding: 0;
    }

       .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
      padding-left: 0px;
      padding-right: 0px;
    }

    .from-content {
        margin: 0 10px 0 10px;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto;
    }

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    }

    .tariff-plan-txt {
      font-size: 16px;
      font-family: 'EvoMontserrat';
    }


    .m-cont-slider {
      margin-right: 20px;
      margin-left: 20px;
    }

    .cont-range-slider {
      width: 365px;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 320px;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .ans-label {
  
      margin: 0 8px 20px 0px!important;
    }

    .bord-text {
      font-size: 14px;
      font-weight: 600;
    }

    .bord-text-p {
      font-size: 13px;
      font-weight: 500;
      line-height: 0;
    }

    .bord-slide {
      margin-top: 25px;
      margin-bottom: 20px;
      margin-right: 0px;
      margin-left: 0px;
      border: 2px solid #5530EA;
      border-radius: 30px;
    }

    .calculator-desc-txt {
      width: 255px;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 15px;
      padding: 0px 0px 0px 0px;
      letter-spacing: 0;
      line-height: 25px;
    }

    .loan-calculator-result__value {
      color: #5530EA;
      font-family: "EvoMontserrat";
      font-size: 20px;
      letter-spacing: 0;
      line-height: 29px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 14px;
      letter-spacing: 0;
      line-height: 29px;
      padding-left: 5px;
    }

    .cctv-hdd-cont {
      margin: 20px 20px 20px 20px;
    }

    .table-responsive {
        overflow: auto;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }


     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 10px 0 10px;
    }

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .btn-evo-prev {
    	width: 100%;
    }

    .home-svg {
    	margin-left: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 40px;
      width: 80%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 900;
      line-height: 34px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 45px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 16px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

}*/

/*
@media screen and (max-width: 540px) {
    #main-content {
     max-width: 100%; 
    }

    .desc-text-small {
    	padding: 0;
    }

    .header-video {
    	font-size: 26px;
		padding: 50px 0 10px 0;
    }

    #video {
    	padding: 45px 20px 45px;
    	margin: 0;
    	height: 660px;
    }

    #video #toggle-forms {
    	display: flex;
    	right: 15px;
    }

    #video form {
    	padding: 45px 30px 45px;
    }

    .amountSlider {
    	margin: 10px auto;
    }

    .loan-calculator__result {
    	padding: 0px 0 0 10px;
    }

    #modal-popup {
    	margin: 10px 0 0 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
      display: none;
      padding: 0;
    }

    .table-responsive {
        overflow: auto;
    }
  
    .calculator-desc-txt {
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 20px 0px 15px 14px;
      letter-spacing: 0;
      line-height: 12px;
  }


  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-calculator-result__value {
    font-size: 20px;
  }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 0px 0 0px;
    }

    .download-store {
	    display: block;
	    justify-content: space-evenly;
	    padding-bottom: 20px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 170px;
	    margin: 10px;
	}

	.cont-range-slider {
	    width: 90%;
	    margin: auto;
	}

	.m-cont-slider {
	    margin-right: 0px;
	    margin-left: 0px;
	}

	.tariff-plan-txt {
	    font-size: 13px;
	    font-family: 'EvoMontserrat';
	}

	.ans-label {
	    display: flex;
	    padding: 0;
	    font-size: 15px;
	    margin: 0 7px 30px 0px!important;
	    line-height: 22px!important;
	}

	input[type="radio"]::after {
	    content: '';
	    border-radius: 100%;
	    height: 8px!important;
	    width: 8px!important;
	    margin: auto;
	    position: absolute;
	    top: 5px!important;
	    left: 5px!important;
	    -webkit-transition: background 0.25s ease;
	    transition: background 0.25s ease;
	}

	input[type="radio"] {
	    position: relative;
	    width: 20px!important;
	    height: 20px!important;
	    background-color: #ffffff;
	    border: 1px solid #5530EA;
	    border-radius: 100%;
	}

	.calculator-desc-txt {
	    color: #2D384A;
	    font-family: "EvoMontserrat";
	    width: 175px;
	    padding: 5px 0px 15px 0px;
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 16px;
	    font-weight: 500;
	    padding-right: 0px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 16px;
	    letter-spacing: 0;
	    line-height: 29px;
      margin-left: auto;
	}

	.loan-txt-calc {
	    color: #727988;
	    font-family: "EvoMontserrat";
	    font-size: 12px;
	    letter-spacing: 0;
	    line-height: 29px;
	    padding-left: 5px;
	}

	.bord-slide {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-slide-d {
	    padding: 10px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 0;
	}

	.icon-cam-mobil {
	    width: 35px;
	    height: 35px;
	}

	.cctv-hdd-cont {
	    margin: 20px 30px 20px 30px;
	}

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 15px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .m-calc-el {
      margin-bottom: 40px;
      margin-right: 0;
      margin-left: 0;
    }

    .tarif-image {
        padding: 0;
    }

    .tarif-text {
        padding-top: 0;
        font-size: 23px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

    .desctop-none {
      display: block; 
    }

    .calculator-header {
      width: 300px;
      padding: 0;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 24px;
      text-align: left; 
    }

    .blurs {
      padding: 25px 30px 5px 30px;
      background-color: #EFEFEF;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }

    .bord-tariff-txt {
      text-align: left; 
      font-size: 12px;
      font-family: 'EvoMontserrat';
      line-height: 20px;
    }

    .card {
      height: 100%;
      padding: 0px; 
      border-radius: 15px;
      box-shadow: 0 10px 25px 0 rgb(0 0 0 / 25%);
      border: none;
    }

    .btn-evo-prev {
    	width: 60%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px; 
	    border-radius: 50px;
    }

    .section-heading {
      font-size: 20px;
      padding: 0 0 0 15px;
    }

    h1 {
      font-weight: 700!important;
      margin-top: 2rem;
    }

    .w-camera-sound {
      max-width: 250px;
    }

    .calc-mob {
      display: none;
    }

    #mobile-section {
      display: block; 
    }

    #mobile-tariff-plan {
      display: block;
    }


    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 40px;
      width: 80%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 900;
      line-height: 34px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 45px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 20px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 15px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .tarif-plan {
      margin: 0 15px;
    }

    .tarif-plan h2 {
      padding: 5px 0;
    }

    .details-question {
      color: #000;
      font-size: 15px;
    }

    .details-question:hover {
      color: #000;
      text-decoration: none;
    }

    .benefits-p {
      padding-left: 0px;
      padding-right: 0px;
    }

    .cont-fl {
      justify-content: space-between;
    }

    details summary::-webkit-details-marker {
      display: none
    }

    details > summary {
      list-style: none;
    }
    
    summary{
      position: relative;
      outline: none;
    }

    details summary:before {
      content: '';
      position: absolute;
      width: 32px;
      height: 18px;
      top: calc(50% - 9px);
      right: 30px;
      transition: 0.3s;
      transform: translateY(-50%);
      font-family: "Font Awesome 5 free";
      margin-right: 7px;
      background: url(/images/details-arrow.svg) 0 0 repeat;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    details[open] summary:before {
      content: '';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    details{
      border-radius: 15px;
      background-color: #FFFFFF;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.25);
      outline: none;
      margin-bottom: 25px;
    }

    .one-month {
      display: inline-flex;
    }

    .one-ln {
      color: #fff;
      font-size: 13px;
    }

    #note {
      display: block;
      margin: 0 15px;
    }

    .accordion {
      list-style: none;
      margin-bottom: 20px;
      padding: 0;
      background-color: #fff;
      border-radius: 15px;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0 0.8rem 0.1rem rgb(44 46 49 / 24%), 0 20px 30px -10px rgb(33 34 35 / 33%);
    }
    .accordion-list__item + .accordion-list__item {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .accordion-item--opened .accordion-item__icon {
      transform: rotate(0deg);
    }
    .accordion-item--opened .accordion-item__inner {
      max-height: 100rem;
      transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      transition-duration: 0.5s;
      transition-property: max-height;
    }
    .accordion-item--opened .accordion-item__content {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
      transition-timing-function: ease-in-out;
      transition-duration: 0.2s;
      transition-property: opacity, transform;
    }
    .accordion-item__line {
      display: block;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      z-index: 2;
      position: relative;
    }
    .accordion-item__title {
      font-size: 22px;
      margin: 0;
      font-weight: 500;
      color: #2D384A;
    }
    .accordion-item__icon {
      width: 2.6rem;
      height: 2.6rem;
      transition: transform 0.3s ease-in-out;
      transform: rotate(180deg);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/images/arrow-dd.png);
    }
    .accordion-item__inner {
      max-height: 0;
      overflow: hidden;
      text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      transition-duration: 0.5s;
      transition-property: max-height;
      z-index: 1;
      position: relative;
    }
    .accordion-item__content {
      opacity: 0;
      transform: translateY(-1rem);
      transition-timing-function: linear, ease;
      transition-duration: 0.1s;
      transition-property: opacity, transform;
      transition-delay: 0.5s;
      padding: 0 1.2rem 1.2rem;
    }
    .accordion-item__paragraph {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px 20px 10px 20px;
    }

    .accordion-item__paragraph-calc {
      color: #000;
      font-family: "EvoMontserrat";
      font-size: 13px;
      line-height: 18px;
      padding: 0px;
    }

}*/


@media (min-width: 640px) and (max-width: 767px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;

    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
        padding: 0 45px;
    }

    .table-responsive {
        overflow: auto;
    }

    .calculator-desc-txt {
        width: 340px;
        color: #2D384A;
        font-family: "EvoMontserrat";
        font-size: 16px;
        padding: 0px 0px 0px 0px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding-left: 5px;
      letter-spacing: 0;
      line-height: 29px;
    }

    .bord-slide {
      margin-top: 40px;
      margin-bottom: 40px;
      margin-right: 60px;
      margin-left: 60px;
      border: 2px solid #5530EA;
      border-radius: 30px;
    }

    .cctv-hdd-cont {
      margin: 20px 30px;
    }

     #small {
        margin-bottom: 0;
    }

    .from-content {
        margin: 0 10px 0 10px;
    }

    .cont-range-slider {
      width: 90%;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .img-m-none {
        display: none;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .section-heading {
      font-size: 19px;
      padding: 0 0 0 20px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0;
    }

    .m-calc-el {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }

    .home-svg {
    	margin-left: 0;
    }

    .btn-evo-prev {
    	width: 50%;
    }

    .shield-svg {
    	margin-left: 0;
    }


    .tarif-text {
        padding-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .evo-tarif-image {
        padding: 30px 30px 30px 30px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

        /*Стили*/

    #card-body {
      display: none;
    }

    #mobile-banner {
      display: block;
    }

    .img-evo-live {
      background-image: url(/images/cctv-img/Banner-cctv.png);
      width: 100%;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .title-head {
      position: relative;
      margin: auto;
      top: 8%;
      width:100%;
      text-align: center;
    }

    .head-txt {
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      line-height: 16px;
    }

    .head-desc {
      color: #fff;
      font-size: 21px;
      line-height: 72px;
    }

    .mobile-bottom-click {
      background-color: #fff;
      color: #000;
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline!important;
      padding: 10px 35px;
      border-radius: 30px;
      line-height: 68px;
    }

    .smart-inter-head {
      font-size: 19px;
      font-weight: bold;
      line-height: 19px;
      padding: 25px 20px;
    }

    .section-setting {
      padding: 0 15px;
    }

    .setting-position {
      display: flex;
    }

    .setting-txt {
        margin: auto 0;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .setting-desc {
        font-size: 12px;
        padding: 15px 0;
        font-weight: 500;
        line-height: 18px;
    }

    .section-mobile-cctv {
      padding: 0 15px;
    }

    .mobile-cctv-position {
      display: flex;
    }

    .mobile-cctv-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .mobile-cctv-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-calendar {
      padding: 0 15px;
    }

    .calendar-position {
      display: flex;
    }

    .calendar-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .calendar-txt {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-cctv-sity {
      padding: 0 15px;
    }

    .cctv-sity-position {
      display: flex;
    }

    .cctv-sity-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .cctv-sity-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-archive {
      padding: 0 15px;
    }

    .archive-position {
      display: flex;
    }

    .archive-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .archive-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    .section-technicalsupport {
      padding: 0 15px;
    }

    .technicalsupport-position {
      display: flex;
    }

    .technicalsupport-head-txt {
      margin: auto 0;  
      padding: 0 10px;
      font-size: 14px;
      font-weight: 600;
    }

    .technicalsupport-desc {
      font-size: 12px;
      padding: 15px 0;
      font-weight: 500;
      line-height: 18px;
    }

    /**/
}



@media (min-width: 768px) and (max-width: 991px) {
    /*#main-content {
     max-width: 100%; 
    }
*/
    .desc-text-small {
      padding: 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
        padding: 0 28px;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 50px;
    }

    .table-responsive {
        overflow: auto;
    }


     #small {
        margin-bottom: 0;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto;
    } 

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    } 

    .from-content {
        margin: 0 5px 0 5px;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0px 30px 20px 20px;
    }

    .calculator-desc-txt {
      width: 480px;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 16px;
      padding: 0px 0px 0px 0px;
      letter-spacing: 0;
      line-height: 24px;
    }

    .loan-calculator-result__value {
      color: #5530EA;
      font-family: "EvoMontserrat";
      font-size: 21px;
      letter-spacing: 0;
      line-height: 29px;
    }

    .head-txt {
	    color: #fff;
	    font-size: 36px;
	    font-weight: 500;
	    line-height: 18px;
	}

	.head-desc {
	    color: #fff;
	    font-size: 28px;
	    line-height: 72px;
	}

    .bord-slide {
      margin-top: 30px;
      margin-right: 90px;
      margin-bottom: 30px;
      margin-left: 90px;
      border: 2px solid #5530EA;
      border-radius: 30px;
    }

    .bord-text {
      font-size: 16px;
      font-weight: 600;
    }

    .bord-text-p {
      font-size: 14px;
      font-weight: 500;
      line-height: 0;
    }

    .bord-slide-d {
      padding: 12px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 14px;
      letter-spacing: 0;
      line-height: 29px;
      padding-left: 5px;
    }

    .btn-evo-prev {
      width: auto;
    }

    .cont-range-slider {
      width: 90%;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .blurs {
	    padding: 25px 40px 5px 40px;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

    .cctv-hdd-cont {
      margin: 20px 40px 20px 40px;
    }

    .m-calc-el {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }

    .shield-svg {
      margin-left: 0;
    }

    .home-svg {
      margin-left: 0;
    }

    .tarif-text-short-desc {
      font-size: 14px;
    }

    .tarif-text {
        padding-top: 50px;
        font-size: 24px;
        line-height: 28px;
    }

    .img_prew {
      border-radius: 30px;
      padding-right: 0;
      max-width: 260px;
      min-width: auto;
      margin: auto;
      /* padding-left: 0; */
      /* margin-left: auto; */
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    /*#main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    .icon-position {
      padding: 0;
      display: flex;
    }

    #crumbs {
        padding: 0 45px;
    }

    .table-responsive {
        overflow: auto;
    }


     #small {
        margin-bottom: 0;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto;
    } 

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    } 

    .from-content {
        margin: 0 5px 0 5px;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0px 30px 20px 20px;
    }

    .calculator-desc-txt {
      width: 210px;
      color: #2D384A;
      font-family: "EvoMontserrat";
      font-size: 14px;
      padding: 0px 0px 0px 0px;
      letter-spacing: 0;
      line-height: 20px;
    }

    .loan-calculator-result__value {
      color: #5530EA;
      font-family: "EvoMontserrat";
      font-size: 18px;
      letter-spacing: 0;
      line-height: 29px;
    }

    .bord-slide {
      margin-top: 30px;
      margin-right: 0px;
      margin-left: 0px;
      border: 2px solid #5530EA;
      border-radius: 30px;
    }

    .bord-text {
      font-size: 12px;
      font-weight: 600;
    }

    .bord-text-p {
      font-size: 12px;
      font-weight: 500;
      line-height: 0;
    }

    .bord-slide-d {
      padding: 12px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 13px;
      letter-spacing: 0;
      line-height: 24px;
      padding-left: 5px;
    }

    .btn-evo-prev {
	    width: 20%;
	    background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
	    color: #fff !important;
	    font-weight: 700;
	    text-decoration: underline;
	    padding: 10px 20px;
	    border-radius: 50px;
	}

    .cont-range-slider {
      width: 90%;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .cctv-hdd-cont {
      margin: 20px 50px 20px 50px;
    }

    .blurs {
	    padding: 25px 50px 5px 50px;
	    background-color: #EFEFEF;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	}

	.head-txt {
	    color: #fff;
	    font-size: 38px;
	    font-weight: 500;
	    line-height: 18px;
	}

	.head-desc {
	    color: #fff;
	    font-size: 26px;
	    line-height: 68px;
	}

    .m-calc-el {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 40px;
    }

    .shield-svg {
    	margin-left: 0;
    }

    .home-svg {
    	margin-left: 0;
    }

    .tarif-text-short-desc {
    	font-size: 14px;
    }

    .tarif-text {
        padding-top: 50px;
        font-size: 24px;
        line-height: 28px;
    }

    .img_prew {
      border-radius: 30px;
      padding-right: 0;
      max-width: 260px;
      min-width: auto;
      margin: auto;
      /* padding-left: 0; */
      /* margin-left: auto; */
    }

    .tarif-text-desc {
        padding-top: 20px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
   /* #main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    #small {
        margin-bottom: 0;
    }

    .table-responsive {
        overflow: auto;
    }


    #crumbs {
        padding: 0 7%;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 7%;
    }

    .from-content {
        margin: 0 2.5% 0 2.5%;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto; 
    }

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    }

    .cont-range-slider {
      width: 510px;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 385px;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .icon-position {
    	padding-left: 0;
    	padding-right: 0;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0px 30px 0px 20px;
    }

    .tarif-text {
        margin-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    .shield-svg {
      margin-left: 0;
    }

    .home-svg {
      margin-left: 0;
    }

    .m-calc-el {
      margin-right: 0;
      margin-bottom: 40px;
      margin-left: 0;
    }

    .btn-evo-prev {
      background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
      color: #fff !important;
      font-weight: 700;
      /* padding: 12px 10px 12px 10px; */
      border-radius: 50px;
      width: auto;
  }

    .tarif-text-desc {
        padding-top: 10px;
    }

    .tarif-text-short-desc {
    	font-size: 14px;
    	line-height: 28px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

  .calculator-desc-txt {
    width: 215px;
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    letter-spacing: 0;
    line-height: 24px;
  }

  .bord-text {
    font-size: 12px;
    font-weight: 600;
  }

  .bord-text-p {
    font-size: 12px;
    font-weight: 500;
    line-height: 0;
  }

  .cctv-hdd-cont {
    margin: 20px 20px 20px 10px;
  }

  .bord-slide-d {
    padding: 15px;
  }

  .loan-calculator-result__value {
    color: #5530EA;
    font-family: "EvoMontserrat";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    padding-left: 5px;
  }

  .bord-slide {
    margin-top: 35px;
    margin-right: 0px;
    margin-left: 0px;
    border: 2px solid #5530EA;
    border-radius: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    /*#main-content {
     max-width: 100%; 
    }*/

    .desc-text-small {
    	padding: 0;
    }

    #small {
        margin-bottom: 0;
    }

    .table-responsive {
        overflow: auto;
    }


    #crumbs {
        padding: 0 7%;
    }

    .section-heading {
      font-size: 24px;
      padding: 0 0 0 7%;
    }

    .from-content {
        margin: 0 2.5% 0 2.5%;
    }

    .download-store {
      display: block;
      justify-content: space-evenly;
      padding-bottom: 20px;
      margin: auto;
    }

    .download-store-block {
      padding: 5px 10px 5px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 170px;
      margin: 10px;
    }

    .cont-range-slider {
      width: 640px;
      margin: auto;
    }

    .range-slider-container input[type=range] {
      -webkit-appearance: none;
      width: 520px;
      height: 5px;
      margin: 8.5px 0;
      background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
      transition: background 450ms ease-in;
    }

    .crumbs-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .breadcrumbs-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .active-txt {
        font-size: 16px;
        line-height: 20px;
    }

    .tarif-image {
        padding: 0px 30px 0px 20px;
    }

    .tarif-text {
        margin-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    .cctv-btn {
    	margin-top: 15px;
    }

    .icon-position {
    	padding-left: 0;
    	padding-right: 0;
    }

    .shield-svg {
      margin-left: 0;
    }

    .home-svg {
      margin-left: 0;
    }

    .btn-evo-prev {
      background: linear-gradient(270deg, #5530EA 0%, #6D4AF7 100%);
      color: #fff !important;
      font-weight: 700;
      /* padding: 12px 10px 12px 10px; */
      border-radius: 50px;
      width: auto;
  }


    .tarif-text-desc {
        padding-top: 20px;
    }

    .benefits-txt {
        padding: 50px 0 0 0;
    }

    .transfer-container {
        padding: 0;
    }

    .table-video {
        padding-right: 0;
        padding-left: 0;
    }

    #archive-video {
        padding: 50px 0 40px 0;
    }

  .cctv-hdd-cont {
    margin: 20px 40px 20px 40px;
  }

  .calculator-desc-txt {
    width: 190px;
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    letter-spacing: 0;
    line-height: 24px;
  }

  .bord-slide {
    margin-top: 25px;
    margin-right: 0px;
    margin-left: 0px;
    border: 2px solid #5530EA;
    border-radius: 30px;
  }

  .bord-text {
    font-size: 12px;
    font-weight: 600;
  }

  .bord-text-p {
    font-size: 13px;
    font-weight: 500;
    line-height: 0;
  }

  .bord-slide-d {
    padding: 12px;
  }

  .loan-calculator-result__value {
    color: #5530EA;
    font-family: "EvoMontserrat";
    font-size: 17px;
    letter-spacing: 0;
    line-height: 29px;
  }

  .loan-txt-calc {
    color: #727988;
    font-family: "EvoMontserrat";
    font-size: 13px;
    letter-spacing: 0;
    line-height: 25px;
    padding-left: 5px;
  }
}


@media (min-width: 1281px) and (max-width: 1419px) {
    .loan-calculator {
        width: 270px;
        padding: 5px;
        background-color: #ffffff;
        border-radius: 8px;
    }

    .text-download-store {
      font-size: 11px;
      line-height: 12px;
      font-weight: bold;
      color: #5530EA;
      margin: auto;
    }

    .download-store-block {
      padding: 0px 10px 0px 10px;
      border: 1px solid #5530EA;
      border-radius: 10px;
      width: 139px;
    }

    .desc-text-small {
    	padding: 0;
    }

    #crumbs {
      padding: 60px 0 25px 20px;
    }

    .calculator-header {
        padding-top: 30px;
        color: #2D384A;
        font-family: "EvoMontserrat";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .calculator-desc-txt {
      padding: 5px 0px 15px 10px;
    }

    .tarif-text {
      padding-top: 50px;
      color: #FFFFFF;
      font-family: "EvoMontserrat";
      font-size: 21px;
      font-weight: 900;
      line-height: 28px;
      text-transform: uppercase;
  }

  .crumbs-txt {
    color: #2D384A;
    font-family: "EvoMontserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 39px;
  }

  .section-heading {
      font-size: 24px;
      padding: 0 0 0 25px;
    }

  .cont-range-slider {
    width: 690px;
    margin: auto;
  }

  .range-slider-container input[type=range] {
    -webkit-appearance: none;
    width: 570px;
    height: 5px;
    margin: 8.5px 0;
    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
    transition: background 450ms ease-in;
  }

  	.bord-slide {
	    margin-top: 25px;
	    margin-right: 10px;
	    margin-left: 10px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-text {
	    font-size: 10px;
	    font-weight: 600;
	}

	.bord-slide-d {
	    padding: 12px;
	}

	.bord-text-p {
	    font-size: 11px;
	    font-weight: 500;
	    line-height: 0;
	}

	  .tarif-image {
	    padding: 0px 60px 20px 65px;
	  }

	  .breadcrumbs-txt {
	    color: #B5BBC9;
	    /* font-family: Montserrat; */
	    font-size: 18px;
	    line-height: 24px;
	  }

	  .active-txt {
	    color: #5530EA;
	    /* font-family: Montserrat; */
	    font-size: 18px;
	    line-height: 24px;
	  }

	  .tarif-text-desc {
	    padding-top: 20px;
	    color: #FFFFFF;
	    font-family: "EvoMontserrat";
	    font-size: 2rem;
	    font-weight: bold;
	    line-height: 2.4rem;
	}

	.cctv-btn {
	    margin-top: 20px;
	}

	.tarif-text-short-desc {
	    font-size: 14px;
	    line-height: 28px;
	}

    .loan-pos {
        left: calc(-9% + 50px);
    }

    .calculator-desc-txt {
        width: 195px;
        color: #2D384A;
        font-family: "EvoFuturaNew";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .loan-txt-calc {
      color: #727988;
      font-family: "EvoMontserrat";
      font-size: 12px;
      letter-spacing: 0;
      line-height: 29px;
      padding-left: 5px;
  }

  .loan-calculator-result__value {
    font-size: 21px;
  }

    .desc-calc {
        margin: 75px 0 0 10px;
    }
}

@media (min-width: 1420px) and (max-width: 1440px) {
    .loan-calculator {
        width: 280px;
        padding: 5px;
        background-color: #ffffff;
        border-radius: 8px;
    }

    .desc-text-small {
    	padding: 0;
    }

    .desc-calc {
        margin: 94px 0 0 10px;
    }   

    .loan-pos {
        left: calc(-5% + 46px);
    }

    .tarif-text {
    	font-size: 28px;
    }

    .tarif-text-desc {
    	padding-top: 10px;
    }

    .cctv-btn {
    	margin-top: 15px;
    }

    .cont-range-slider {
	    width: 690px;
	    margin: auto;
	  }

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 145px;
	}

	.text-download-store {
	    font-size: 12px;
	    line-height: 14px;
	    font-weight: bold;
	    color: #5530EA;
	    margin: auto;
	}	

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 570px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .calculator-header {
        padding-top: 30px;
        color: #2D384A;
        font-family: "EvoMontserrat";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .calculator-desc-txt {
        width: 195px;
        color: #2D384A;
        font-family: "EvoFuturaNew";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .loan-txt-calc {
		color: #727988;
		font-family: "EvoMontserrat";
		font-size: 12px;
		letter-spacing: 0;
		line-height: 29px;
		padding-left: 5px;
  	}

  	.bord-slide {
	    margin-top: 40px;
	    margin-right: 10px;
	    margin-left: 10px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 13px;
	    font-weight: 500;
	    line-height: 0;
	}		

	.bord-slide-d {
	    padding: 12px;
	}
}

@media (min-width: 1441px) and (max-width: 1580px) {
    .loan-calculator {
        width: 340px;
        padding: 5px;
        background-color: #ffffff;
        border-radius: 8px;
    }

    .tarif-text-desc {
    	padding-top: 10px;
    }

    .cctv-btn {
    	margin-top: 15px;
    }


    .loan-pos {
        left: calc(-7% + 50px);
    }


     .cont-range-slider {
	    width: 690px;
	    margin: auto;
	  }

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 145px;
	}

	.text-download-store {
	    font-size: 12px;
	    line-height: 14px;
	    font-weight: bold;
	    color: #5530EA;
	    margin: auto;
	}	

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 570px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .calculator-header {
        padding-top: 30px;
        color: #2D384A;
        font-family: "EvoMontserrat";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .calculator-desc-txt {
        width: 195px;
        color: #2D384A;
        font-family: "EvoFuturaNew";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .loan-txt-calc {
		color: #727988;
		font-family: "EvoMontserrat";
		font-size: 12px;
		letter-spacing: 0;
		line-height: 29px;
		padding-left: 5px;
  	}

  	.bord-slide {
	    margin-top: 40px;
	    margin-right: 10px;
	    margin-left: 10px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-text {
	    font-size: 12px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 13px;
	    font-weight: 500;
	    line-height: 0;
	}		

	.bord-slide-d {
	    padding: 12px;
	}
}


@media (min-width: 1581px) and (max-width: 1680px) {
    .loan-calculator {
        width: 390px;
        padding: 5px;
        background-color: #ffffff;
        border-radius: 8px;
    }

	.loan-pos {
		left: calc(-7% + 50px);
	}

	.bord-text {
		font-size: 13px;
		font-weight: 600;
	}

	.bord-text-p {
		font-size: 13px;
		font-weight: 500;
		line-height: 0;
	}

   .cont-range-slider {
	    width: 790px;
	    margin: auto;
	}

	.download-store-block {
	    padding: 5px 10px 5px 10px;
	    border: 1px solid #5530EA;
	    border-radius: 10px;
	    width: 145px;
	}

	.text-download-store {
	    font-size: 12px;
	    line-height: 14px;
	    font-weight: bold;
	    color: #5530EA;
	    margin: auto;
	}	

	.range-slider-container input[type=range] {
	    -webkit-appearance: none;
	    width: 670px;
	    height: 5px;
	    margin: 8.5px 0;
	    background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
	    transition: background 450ms ease-in;
	}

    .calculator-header {
        padding-top: 30px;
        color: #2D384A;
        font-family: "EvoMontserrat";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .calculator-desc-txt {
	    width: 215px;
	    color: #2D384A;
	    font-family: "EvoFuturaNew";
	    font-size: 18px;
	    letter-spacing: 0;
	    line-height: 18px;
	}

	.loan-calculator-result__value {
	    color: #5530EA;
	    font-family: "EvoMontserrat";
	    font-size: 20px;
	    letter-spacing: 0;
	    line-height: 29px;
	}

    .loan-txt-calc {
		color: #727988;
		font-family: "EvoMontserrat";
		font-size: 15px;
		letter-spacing: 0;
		line-height: 29px;
		padding-left: 5px;
  	}

  	.bord-slide {
	    margin-top: 40px;
	    margin-right: 10px;
	    margin-left: 10px;
	    border: 2px solid #5530EA;
	    border-radius: 30px;
	}

	.bord-text {
	    font-size: 14px;
	    font-weight: 600;
	}

	.bord-text-p {
	    font-size: 13px;
	    font-weight: 500;
	    line-height: 0;
	}		

	.bord-slide-d {
	    padding: 18px;
	}

}


/*Radio button*/
input[type="radio"], input[type="checkbox"] {
    -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.7em;
    margin-left: 0;
}
input[type="radio"]:focus{
  outline: none;
}

input[type="radio"] {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border: 1px solid #5530EA;
  border-radius: 100%; 
}
input[type="radio"]::after {
  content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  margin: auto;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
}
input[type="radio"]:checked::after {
  background: #5530EA;
}


/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="radio"], input[type="checkbox"]  {
      border: none;
    }
    input[type="checkbox"]  {
      background-color: transparent;
    }
}

.ans-label {
  display: flex;
  padding: 0;
  font-size: 15px;
  margin: 0 40px 30px 0px;
  line-height: 30px;
}

/**/


.tariff-footer-txt {
  text-align: center;
  font-size: 16px;
  font-family: 'EvoMontserrat';
  line-height: 36px;
}

.cont-inp {
  display: flex;
  justify-content: center;
}

.inp-cam {
  font-size: 16px;
  font-weight: 600;
  color: #5530EA;
  border: 1.5px solid #5530EA;
  padding: 5px 25px;
  border-radius: 30px;
  font-family: 'EvoMontserrat';
}

.inp-txt {
  font-size: 16px;
  line-height: 25px;
  padding: 5px;
  font-family: 'EvoMontserrat';
}

.hard-dvr {
  position: relative;
  font-family: 'EvoMontserrat';
  font-size: 16px;
  font-weight: 400;
}

.cont-hard-dvr {
  border: 1px solid #c3c1c1;
  padding: 2px 46px;
  font-size: 20px;
  border-radius: 30px;
  background-color: #e6e6e6;
  margin: 0 10px 0 20px; 
}

.container-hard-dvr {
  width: 1060px;
  margin: auto;
}

input[type="checkbox"] {
  position: relative;
  user-select: none;
  outline: none;
  border:1px solid #9e9e9e;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  background-color: #fff;
}

input[type="checkbox"]:checked::after {
  background: #5d5b63;
  user-select:  none;
  outline: none;

}

input[type="checkbox"]::after {
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: auto;
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: background 0.25s ease;
    transition: background 0.25s ease;
}

.inp-hard-dvr {
  border: 1px solid #5530EA;
  color: #5530EA;
  padding: 2px 27px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 30px;
  margin: 0 10px 0 20px;
}

.cont-cctv-poe {
  display: flex;
  justify-content: space-between;
}

.icon-txt {
  cursor: pointer;
  border: 1px solid;
  padding: 1px 5px;
  color: #5c38ee;
  text-align: center;
  border-radius: 60px;
  display: inline-block;
  font-size: 9.5px;
  position: absolute;
  margin-left: 6px;
}

.icon-cctv-poe {
  border: 1px solid;
  padding: 1px 5px;
  color: #5c38ee;
  height: 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
  display: inline-block;
  font-size: 11px;
  margin-top: 0px;
  margin-left: 6px;
  line-height: 10px;
}

.hdd-radio .cont-hard-dvr,
.hdd-radio .cont-hard-dvr + span {
  opacity: 0;
  transition: .3s;
}

.hdd-radio input[type="radio"]:checked + .icon-cctv-poe + .cont-hard-dvr,
.hdd-radio input[type="radio"]:checked + .icon-cctv-poe + .cont-hard-dvr + span {
  opacity: 1;
}