@media (max-width:767px) {
    .col-center-xs {
        text-align: center !important;
    }

    #line {
        display: none;
    }
    
    .left-quiz{
        min-height: 144px !important;
        border-radius: 0 !important;
    }

    .number1{
        font-size: 20px !important;
        top:-10px !important;
        left:-10px !important;
    }
    
    .vertical-line{
        font-size: 20px !important;
    }
    
    .number2{
        font-size: 44px !important;
        top: 20px !important;
        left: 10px;
    }

    #modal-2 .modal-content,
    #modal-3 .modal-content,
    #modal-4 .modal-content,
    #modal-5 .modal-content{
        width: 100% !important;
        margin-left: 0 !important;
    }

    .bubble .circle {
        width: 15px !important;
        height: 15px !important;
      }

    .top-block{
        background-image: none  !important;
    }  

    .img-check-block2 img {
        margin: 12px !important;
    }
}


/* Обычный */
@font-face {
	font-family: 'Gilroy-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Gilroy Regular'),
		url('../../quiz/font/Gilroy-Regular.woff') format('woff'),
		url('../../quiz/font/Gilroy-Regular.ttf') format('ttf'),
		url('../../quiz/font/Gilroy-Regular.eot') format('eot');
}

/* Средний */
@font-face {
	font-family: 'Gilroy-Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Gilroy Medium'),
		url('../../quiz/font/Gilroy-Medium.woff') format('woff'),
		url('../../quiz/font/Gilroy-Medium.ttf') format('ttf'),
		url('../../quiz/font/Gilroy-Medium.eot') format('eot');
}

/* Жирный */
@font-face {
	font-family: 'Gilroy-Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Gilroy Bold'),
		url('../../quiz/font/Gilroy-Bold.woff') format('woff'),
		url('../../quiz/font/Gilroy-Bold.ttf') format('ttf'),
		url('../../quiz/font/Gilroy-Bold.eot') format('eot');
}


* {
    outline: 0 !important;
  }

p{
    margin-bottom: 0;
}  

#quiz{
    min-height: 500px;
    background: #FFFFFF;
    box-shadow: 0px 10px 38px 3px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    border-color: transparent !important;
}

.left-quiz{
    min-height: 500px;
    background: #0162AF;
    border-radius: 8px 0px 0px 8px;
    display: table;
    color: #fff;
}

.left-quiz div{
    text-align: center;
    display: table-cell;
	vertical-align: middle;
}


.right-quiz{
    padding: 30px;
    overflow: hidden;
}

.circles{
    width: 11px;
    height: 11px;
    border-radius: 50%;
    float: left;
    background: #FFFFFF;
    border: 1px solid #50287D;
    box-sizing: border-box;
}

.circle-bg{
    background-color: #50287D;
}

.lines{
    margin-top: 5px;
    float: left;
    width: 38px;
    border-top: 1px solid #50287D;
}

.quiz-title{
    font-family: 'Gilroy-Medium';
    letter-spacing: 1px;
    font-size: 20px;
    padding: 30px 0 20px;
}

.left-quiz-title{
    font-family: 'Gilroy-Medium';
    letter-spacing: 1px;
    font-size: 20px;
    color:#fff;
    margin-bottom: 0;
}

.left-quiz-title2{
    font-family: 'Gilroy-Medium';
    letter-spacing: 1px;
    font-size: 20px;
    color:#fff;
    margin-bottom: 0;
    padding: 20px;
    display: none;
    animation: zoomIn 2s;
}

.number1{
    position: relative;
    font-family: 'Gilroy-Bold';
    font-size: 40px;
    top:-20px;
    left: 5px;
}

.vertical-line{
    font-size: 40px;
}

.number2{
    position: relative;
    font-family: 'Gilroy-Bold';
    font-size: 64px;
    top: 30px;
}

.block{
    display: table;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    transition: 500ms;
    cursor: pointer;
}

.block-karta{
    display: table;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    transition: 500ms;
    cursor: pointer;
}

.block:hover{
    background: #F6F2F2;
    transition: 500ms;
    box-shadow: none;
}

.block-list{
    display: table;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    transition: 500ms;
    cursor: pointer;
    text-align: center;
}

.block-list:hover{
    background: #F6F2F2;
    transition: 500ms;
    box-shadow: none;
}

.check{
    width: 60px;
    height: 60px;
    text-align: center;
    display: table-cell;
	vertical-align: middle;
}

.check2{
    width: 80px;
    height: 60px;
    text-align: center;
    display: table-cell;
	vertical-align: middle;
}

.block-content{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    width: 85%;
    height: 60px;
    display: table-cell;
	vertical-align: middle;
}

.block-content2{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    width: 90%;
    height: 60px;
    display: table-cell;
	vertical-align: middle;
}

.block-content-list{
    border-right: 1px #ccc solid;
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    width: 70%;
    height: 60px;
    display: table-cell;
	vertical-align: middle;
}

.img-check{
    transition: 500ms;
    display: none;
}

.img-check-block img{
    display: block;
    padding: 10px;
    animation: bounceIn 2s;
}

.img-check-block2 img{
    display: block;
    margin: 20px;
    animation: bounceIn 2s;
}

.img-check-block2{
    background: #F6F2F2;
    transition: 500ms;
    box-shadow: none;
}

.img-check-block{
    background: #F6F2F2;
    transition: 500ms;
    box-shadow: none;
}

a:hover{
    text-decoration: none;
}

.close {
    font-size: 2rem !important;
}

.step-1{
    animation: bounceInLeft 2s;
}

.step-2,
.step-3,
.step-4,
.step-5,
.step-6,
.step-7,
.step-8,
.step-9,
.step-10{
    display: none;
    animation: bounceInLeft 2s;
}

#modal-2 .modal-content,
#modal-3 .modal-content,
#modal-4 .modal-content,
#modal-5 .modal-content{
    width: 80%;
    margin-left: 20%;
}

input{
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
}

.inp-1{
    font-family: 'Gilroy-Medium';
    width: 100%;
    font-size: 18px;
    padding-left: 15px;
    margin: 10px 0 !important;
    color: #0072bb !important;
}

.inp-2{
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border-color: #fff !important;
    font-family: 'Gilroy-Medium';
    width: 100%;
    font-size: 18px;
    padding-left: 15px;
    margin: 10px 0 !important;
    color: #fff !important;
    margin-bottom: 20px !important;
}


.companes{
    border-bottom: 1px #ccc dotted;
}

.price{
    font-family: 'Gilroy-Medium';
    font-size: 20px;
}

.rub{
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    color:#898032;
}

.padd-1{
    padding: 15px 5px;
}



.bubbles,
.company-1,
.company-2,
.company-3,
.company-4,
.company-5,
.company-6,
.company-7,
.company-8,
.company-9,
.company-10,
.company-11,
.company-12,
.step-2-2{
    display: none;
    animation: zoomIn 2s;
}

.politica{
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    position: relative;
    top:-2px;
    left:5px;
}

.return-1{
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    margin: 10px 0;
    color: #0072bb;
    text-decoration: underline;
}

.color-1{
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    color: #fff !important;
}

.politica-2{
    color: #BFE2FF !important;
    text-decoration: underline !important;
}

.inp-2::-webkit-input-placeholder {color:#fff;}
.inp-2::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.inp-2:-moz-placeholder           {color:#fff;}/* Firefox 18- */
.inp-2:-ms-input-placeholder      {color:#fff;}





::-webkit-input-placeholder {color:#666;}
::-moz-placeholder          {color:#666;}/* Firefox 19+ */
:-moz-placeholder           {color:#666;}/* Firefox 18- */
:-ms-input-placeholder      {color:#666;}

input::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.6s ease;}
input::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.6s ease;}
input:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.6s ease;}
input:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.6s ease;}
input:focus::-webkit-input-placeholder {text-indent: 600px; transition: text-indent 0.6s ease;}
input:focus::-moz-placeholder          {text-indent: 600px; transition: text-indent 0.6s ease;}
input:focus:-moz-placeholder           {text-indent: 600px; transition: text-indent 0.6s ease;}
input:focus:-ms-input-placeholder      {text-indent: 600px; transition: text-indent 0.6s ease;}






.range-wrap {
    border: 8px solid #50287D;    
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);    
}
.range-slider * {
    margin: 0;
    padding: 0;
    border: 0;
}    
.range-slider, 
.range-ticks,
.label-range{
    display: flex;
}
.range-slider {
    flex-flow: column nowrap;
    margin: 10px auto;
    font-size: calc(20px + (20)*(100vw)/(2000));
    box-sizing: border-box;    
}
.range-slider input[type=range], 
.range {
    border-radius: 0.75em;
    position: relative;
    height: 1em;    
}
.range-slider input[type=range] {
    background-color: transparent;
    font: 1em/1.5 'Roboto Condensed', sans-serif;
    box-shadow: 0.3em 0.3em 0.4em #c1c2c5 inset, -0.3em -0.3em 0.4em #fff inset;
    display: block;
    padding: 0 0.1em;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.range-slider input[type=range]:focus {
    outline: transparent;
}
.range-ticks {
    font: 1em/1.5 'Roboto Condensed', sans-serif;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    position: absolute;
    top: 0.04em;
    left: 0.75em;
    width: calc(100% - 1.5em);
    height: 100%;
}
.range-tick, 
.range-tick-text {
    display: inline-block;
}
.range-tick {
    color: #454954;
    font-size: 0.5em;
    text-align: center;
    width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.range-tick-text {
    transform: translateX(-50%);
}
.label-range {
    font: 0.8em/1.5 'Roboto Condensed', sans-serif;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.data-range {
    display: flex;
    height: 3em;    
    width: 3em;
    justify-content: center;
    align-items: center;    
    text-align: center;
    font: bold 0.5em/1.5 'Roboto Condensed', sans-serif;
    color: #FFF;
    position: absolute;
    top: -10px;
    z-index: 2;
    pointer-events: none;
    background-color: #50287D;
    border: 0;
    border-radius: 50%;
    box-shadow: -0.3em -0.3em 0.5em #0072bb inset, 0 -0.2em 0.2em 0 rgba(0,0,0,0.2), 0.3em 0.5em 0.8em  rgba(0,0,0,0.3);
}











.wpcf7 .wpcf7-mail-sent-ok{
    display:none !important;
}

.wpcf7 span.wpcf7-not-valid-tip{
    color: yellow;
}
.wpcf7 .wpcf7-validation-errors{  display:none !important;
}

p{
    margin-bottom: 0 !important;
}

* {
  outline: 0 !important;
}

.elementor-widget{
    margin-bottom: 0 !important;
}


.wpcf7-response-output {
    border-color: #ffb900 !important;
    color: yellow !important;
}



.acceptance-666{
    font-size: 14px !important;
    color:#fff;
}














.pulse3 {
    box-shadow: 0 0 0 rgba(29, 63, 124, 0.4);
    animation: pulse3 2s infinite;
  }
  .pulse3:hover {
    animation: none;
  }
  
  @-webkit-keyframes pulse3 {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(29, 63, 124, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(29, 63, 124, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(29, 63, 124, 0);
    }
  }
  @keyframes pulse3 {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(29, 63, 124, 0.4);
      box-shadow: 0 0 0 0 rgba(29, 63, 124, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(29, 63, 124, 0);
        box-shadow: 0 0 0 20px rgba(29, 63, 124, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(29, 63, 124, 0);
        box-shadow: 0 0 0 0 rgba(29, 63, 124, 0);
    }
  }




.bubbles {
    margin-top: 50px;
    position: relative;
  }
  
  .bubble {
    display: inline-block;
    padding: 0px 5px;
  }
  .bubble:nth-of-type(1) .circle {
    animation-delay: 0.1s;
  }
  .bubble:nth-of-type(2) .circle {
    animation-delay: 0.2s;
  }
  .bubble:nth-of-type(3) .circle {
    animation-delay: 0.3s;
  }
  .bubble:nth-of-type(4) .circle {
    animation-delay: 0.4s;
  }
  .bubble:nth-of-type(5) .circle {
    animation-delay: 0.5s;
  }
  .bubble:nth-of-type(6) .circle {
    animation-delay: 0.6s;
  }
  .bubble:nth-of-type(7) .circle {
    animation-delay: 0.7s;
  }
  .bubble:nth-of-type(8) .circle {
    animation-delay: 0.8s;
  }
  .bubble:nth-of-type(9) .circle {
    animation-delay: 0.9s;
  }
  .bubble:nth-of-type(10) .circle {
    animation-delay: 1s;
  }
  
  .bubble .circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #50287D;
    animation: pulse4 1.5s infinite;
  }
  
  @keyframes pulse4 {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.2);
      opacity: 0.75;
    }
    100% {
      transform: scale(1);
    }
  }