body{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    font-family: 'Red Hat Display', sans-serif;
    overflow-x: hidden;
}
a {
    text-decoration: none !important;
}
.form_free {
    font-family: Red Hat Display;
    font-size: 167px;
    font-weight: 700;
    opacity:0.5;
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 69.65%;
    color: #ffffff;
    z-index: -1;
    text-shadow: 1px 0 #E0E0E0, -1px 0 #E0E0E0, 0 1px #E0E0E0, 0 -1px #E0E0E0,
               1px 1px #E0E0E0, -1px -1px #E0E0E0, 1px -1px #E0E0E0, -1px 1px #E0E0E0;
}
.content {
    width: 1205px;
    margin: 0 auto;
    display: table;
}
.nav_butt.active {
    background: #fff !important;
    color: #FF3B6A !important;
    top: 0 !important;
    cursor: default;
}

.nav_butt.active:after {
    display: none;
}
.Roz{
    color: #735FE2;
}
.Gray{
    color: #444444;
}
.Gray_g{
    color: #666666;
}
.home_box_1{
    background: url('../img/home_bg.png') no-repeat 50% 0;
    width: 100%;
    height: 665px;
    z-index: 1;
    position: relative;
    display: inline-block;
}


.Navigation{
    width: 100%;
    height: 100px;
    position: relative;
}
 .logo{
    margin: 35px 40px;
    font-size: 22px;
    font-weight: bold;
    float: left;
    height: 30px;
    position: absolute;
    /* cursor: default; */
}
 .logo .logo_a{
    
width: 30px;
    
height: 30px;
    
margin-right: 13px;
    
float: left;
}
 .logo .logo_t{
    float: left;
    margin-top: -6px;
    padding: 10px 0;
    padding-left: 45px;
    margin-left: -45px;
}

.nav_menu{
    float: left;
    width: 100%;
}
.nav_menu ul {
    margin: 18px auto;
    display: table;
    list-style: none;
    font-weight: bold;
    color: inherit;
    font-size: 18px;
}
.nav_menu li{
    float: left;
    margin: 0 32px;
    padding: 20px 0px;
}
.nav_menu li a {
    color: inherit;
    transition: 0.5s;
}
.nav_menu li.active a.menu_a {
    color: #735FE2;
    cursor: default;
}
.dop_menu li.active a.sub_menu_a {
    color: #735FE2 !important;
    cursor: default;
}
.nav_menu li.active a:hover {
    color: #735FE2;
}

.nav_menu li a:hover {
    color: #999;
}
.menu_ico{
    margin-left: 10px;
    margin-bottom: 1px;
}
.boot_ico{
    margin-left: 5px;
    margin-bottom: 1px;
    transform: rotate(-90deg);
}
.menu_ico path {
    fill: #666666;
}
.nav_menu li a:hover path{
    fill: #999;
}

.nav_butt{
    background: #FF3B6A;
    color: #fff;
    width: 165px;
    text-align: center;
    padding: 10px 0;
    border-radius: 100px;
    margin: 28px 40px;
    position: absolute;
    right: 0;
    font-weight: bold;
    top: 0;
    transition: 0.5s;
}

.box_1_img {
    margin-left: -155px;
    float: left;
    position: absolute;
} 
.main_text {
    float: right;
    color: #fff;
    margin-top: 130px;
    width: 58%;
}

.main_text h1 {
    font-size: 80px;
    font-weight: bold;
}

.main_text p {
    margin-top: 48px;
    margin-bottom: 58px;
    font-size: 22px;
    line-height: 150%;
}

.form .button button, .digital_item a, ._item.button button{
    background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
    height: 48px;
    width: 165px;
    border-radius: 100px;
    font-weight: bold;
    border: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.form .button button:active, .digital_item a:active, ._item.button button:active{
    opacity: 0.8;
}

.form .form_item {
    float: left;
    margin: 11px 20px;
    width: 30%;
}

.form .text {
    border: none;
}

.form {
    width: 673px;
    height: 62px;
    background: #fff;
    border-radius: 100px;
    padding: 7px;
    color: #666;
    position: relative;
}

.form_item.hr_form {
    width: 1px;
    height: 40px;
    background: #d5d5d5;
    margin: 3px;
}
.form_item.button {
    float: right;
    width: auto;
    margin: 0;
    color: #fff;
    position: relative;
}
textarea:focus, input:focus{
    outline: none;
}

input:focus::placeholder  {
    color: #cdcdcd;
}
input::placeholder  {
    color: #999;
}
.form .button button:after {
    width: 8px;
    height: 14px;
    content: '';
    background: url(../img/button_arrow.png);
    position: absolute;
    top: 17px;
    right: 26px;
}
.form .button button:before,.digital_item a:before,._item.button button:before {
    width: 100%;
    height: 100%;
    content: '';
    background: #624dcd;
    position: absolute;
    left: -100%;
    right: 0;
    transition: 0.3s;
    z-index: -1;
    top: 0;
}
.form .button button span {
    display: inline-block;
    width: 22px;
}

.home_box_2{
    background: #EDF6FF;
    height: 935px;
    width: 100%;
    margin-top: -52px;
    padding-top: 52px;
    position: relative;
}
.blok_item {
    height: 412px;
    float: left;
    box-shadow: 2px 4px 25px rgb(0 0 0 / 15%);
    border-radius: 25px;
    width: 32%;
    margin-right: 2%;
    background: #fff url('../img/list_bg_blok_2.png') no-repeat bottom;
    background-size: 300%;
    position: relative;
    top: 0;
    transition: 0.5s;
}

.home_box_2 h2 {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    margin-top: 60px;
    margin-bottom: 19px;
}

.home_box_2 p {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 20px;
}
.stat_list .blok_item:last-child {
    margin-right:0;
    background-position-x: 100%;
}
.blok_item div {
    color: #735FE2;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    position: absolute;
    width: 100%;
    transition: 0.5s;
    opacity: 0;
}
.blok_item p {
    font-weight: bold;
}
.stat_list .blok_item:nth-child(1) div {
    color: #FF3B6A;

}
.stat_list {
    width: 100%;
    margin-bottom: 62px;
    display: inline-block;
    margin-top: 44px;
}
.stat_list .blok_item:nth-child(1) {
    background-position-x: 0;
}
.stat_list .blok_item:nth-child(2) {
    background-position-x: 50%;
}
p.bottom_text {
    width: 88%;
    display: table;
    margin: 0 auto;
}
.bottom_text b {
    position: relative;
}
.bottom_text b svg {
    position: absolute;
    left: -3px;
    top: 34px;
}
svg.bottom_bg {
    position: absolute;
    bottom: 0;
}
.home_box_1 .bottom_bg path {
    fill: #edf6ff;
}
.chek_list{
    width: 100%;
    margin-top: 31px;
}
.chek_list_bg{
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    width: 202px;
    height: 48px;
    margin: 0 auto;
    padding: 2px;
    position: relative;
}
.chek_list .chek_box{
    background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    width: 95px;
    height: 44px;
    position: absolute;
    left: 2px;
    transition: 0.5s;
}
.chek_list .chek_box.active_box{
    left: 104px;
}
.chek_list a.active{
    color:#fff;
    cursor: default;
}
.chek_list a{
    color:#999999;
    z-index: 1;
    position: relative;
    padding: 10px 15px;
    display: inline-block;
    font-weight: bold;
    transition: 0.5s;
    cursor: pointer;
}
.chek_list_bg a.after_b{
    padding: 10px 21px;
    float: right;
}
.home_box_3{
    position: relative;
    width: 100%;
    height: 865px;
}
.home_box_4{
    position: relative;
    width: 100%;
    height: 698px;
    padding-top: 20px;
}
.bottom_grd{
    width: 100%;
    height: 420px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F8F8F8 100%);
    bottom: 0;
    position: absolute;
    z-index: -1;
}
.home_box_3 h1 {
    margin-top: 60px;
    color: #444;
    font-size: 64px;
    text-align: center;
    font-weight: bold;
}
.digital_list {
    display: table;
    margin: 28px auto 0;
}
.digital_item {
    width: 400px;
    float: left;
    text-align: center;
    margin: 0 55px;
    box-shadow: 2px 4px 25px rgb(0 0 0 / 0%);
    border-radius: 25px;
    overflow: hidden;
    padding: 20px;
    transition: 0.5s;
}
.digital_item a {
    padding: 11px;
}
.boot_ico path {
    fill: #fff;
}
.digital_img {
    height: 321px;
    width: 100%;
    background-position: 50% !important;
    background-size: 100% !important;
}

.digital_img.sem {
    background: url('../img/digital_1.jpg') center no-repeat;
}
.digital_img.cpa {
    background: url('../img/digital_2.jpg') center no-repeat;
}
.digital_img.email {
    background: url('../img/digital_3.jpg') center no-repeat;
}
.digital_img.ab {
    background: url('../img/digital_4.jpg') center no-repeat;
}
.digital_item h2 {
    font-size: 32px;
    font-weight: bold;
    margin: 22px 0;
}

.digital_item p {
    color: #999;
    font-size: 20px;
    margin-bottom: 29px;
}

.home_box_5{
    width: 100%;
    background: #fff;
    font-size: 32px;
    text-align: center;
    color: #666;
    padding: 116px 0;
    line-height: 150%;
}
.home_box_5 .logos{
    background: url('../img/logos.png') no-repeat;
    width: 780px;
    height: 150px;
    margin: 51px auto 0;
    display: table;
}
.footer{
    padding: 78px 0;
    background: #F8F8F8;
    color: #666;
    font-size: 15px;
    width: 100%;
    float: left;
}
.footer_box{
    width: 25%;
    float: left;
    padding-right: 4%;
}
.footer .logo {
    position: relative;
    margin: 0;
    float: none;
    margin-bottom: 26px;
}
.footer_box.foot_url a.active {
    color: #735fe2;
    cursor: default;
}
.footer_box h2 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #444;
}
.footer_box.foot_url a {
    display: inline-block;
    margin-bottom: 22px;
    color: #666;
    transition: 0.5s;
    display: block;
    clear: both;
}
.footer_box.foot_url a:last-child {
    margin: 0;
}
.footer_box.contact_f svg {
    position: absolute;
    left: -35px;
}

.footer_box.contact_f p {
    position: relative;
    margin-left: 35px;
    margin-bottom: 20px;
}

.footer_box.titlebox {
    width: 25%;
    margin-right: 3%;
}

.footer_box.contact_f {
    width: 25%;
}

.footer_box.foot_url {
    width: 22%;
}
.footer_form_em input {
    height: 48px;
    width: 250px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    border: 0;
    padding: 0 20px;
    border: 1px solid #ebebeb;
}

form.footer_form {
    position: relative;
    width: 250px;
}

.footer_form_butt {
    position: absolute;
    top: 0;
    right: 11px;
}
.footer_form_butt button {
    background: none;
    border: 0;
    padding: 11px;
}
.footer_form_butt button:active{
    opacity:0.5;
}

.footer_form_butt button svg {
    margin-top: 3px;
}

.footer_form_em {
    margin-top: 19px;
}
.nav_butt:after {
    content: "";
    background: #FF3B6A;
    box-shadow: 0px 4px 20px rgb(255 59 106 / 50%);
    height: 23px;
    width: 139px;
    left: 15px;
    top: 21px;
    border-radius: 100px;
    position: absolute;
    z-index: -1;
    opacity: 1;
    transition: 0.5s;
}
.nav_butt:hover {
    top: -2px;
    color: #fff;
    background:#735fe2;
}

.nav_butt:hover:after {
    opacity: 0.5;
}

.main_text h1 span {
    color: #d6c3ff;
    
}
.blok_item:hover {
    top: -15px;
    box-shadow: 2px 18px 25px rgb(0 0 0 / 10%);
}

.chek_list a:hover {
    color: #735fe2;
}

.chek_list a.active:hover {
    color: #fff;
}
.form .button button:hover::before, .digital_item a:hover::before, ._item.button button:hover::before {
    left: 0%;
}
.footer_box.foot_url a:hover {
    color: #735fe2;
}
.footer_form_butt button:hover svg path {
    stroke: rgb(115 95 226);
}
.digital_item:hover {
    box-shadow: 2px 4px 25px rgb(0 0 0 / 15%);
}
.blok_item p {
    position: relative;
    top: 148px;
}

.blok_item div.active {
    margin-top: 95px !important;
    opacity: 1;
}

#blok_item_text_after_1,
#blok_item_text_after_2, 
#blok_item_text_after_3 {
    margin-top: 140px;
}
.nav_shadow {
    box-shadow: 0px 3px 15px #0000001f;
}
li.dop_menu_li {
    position: relative;
    cursor: default;
}

ul.dop_menu {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    padding: 20px 0;
    border-radius: 25px;
    z-index: 4;
    font-size: 16px;
    margin: 0;
    width: 251px;
    left: -27px;
    top: 110px;
    opacity: 0;
    display: block;
    transition: 0.2s;
    visibility: hidden;
}

ul.dop_menu li {
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
}

ul.dop_menu li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 12px 27px;
}
ul.dop_menu li a:hover {
    background: #f5f5f5;
    color: #735fe2;
}
.dop_menu_li:hover > .dop_menu{
    top: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
}
.mob_menu{
    display: none;
}
.mob_menu:hover path {
    fill: #666;
}
.mob_menu svg {
    width: 29px;
}
#black.active {
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#black {
    position: fixed;
    background: #00000073;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 4;
    visibility: hidden;
    transition: 0.2s;
}
.colse_menu {
    font-size: 20px;
    font-weight: bold;
    visibility: hidden;
    padding: 14px 19px;
    transition: 0.2s;
    opacity: 0.5;
    position: absolute;
    right: 2%;
    top: 4px;
}

.nav_menu.active .colse_menu {
    visibility: visible;
}

.colse_menu:hover {
    opacity: 1;
}
.d_m_top {
    position: absolute;
    width: 66%;
    height: 50px;
    top: -50px;
}
.page {
    width: 100%;
    float: left;
    padding: 64px 0;
}

.box_2 {
    width: 50%;
    float: left;
    padding: 0px 3%;
    min-height: 10px;
    display: flow-root;
}

.about_us_img {
    position: relative;
}

.about_us_img img {
    width: 100%;
}

.point_text {
    color: #AA9DF1;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-left: 18px;
}

.point_text:before {
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    background: #AA9DF1;
    position: absolute;
    left: 1px;
    top: 8px;
}
.content_text h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #444444;
}

.content_text h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;
    color: rgba(68, 68, 68, 1);
}

.content_text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #444444;
}
.about_us_img p {
    position: absolute;
    font-size: 14px;
    text-align: center;
    bottom: 12%;
    left: 11%;
    color: #fff;
    line-height: 21px;
}

.about_us_img span {
    clear: both;
    display: block;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 16px;
}
.about_us_blue_bg {
    background: #EDF6FF;
    padding: 134px 0 64px;
}
.team_works_txt {
    width: 60%;
    float: left;
}

.team_works_slider {
    width: 35%;
    float: right;
    text-align: center;
    margin-top: 20px;
    margin-right: 5%;
}
.boxy_3_box {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    padding: 33px 22px;
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    top: 0;
    transition: 0.5s;
    background: #fff;
}
.nteg_1 {
    background: #FFFFFF url('../img/ntegrity_bg_1.png') 100% no-repeat;
    background-position: 100% 0%;
}
.nteg_2 {
    background: #FFFFFF url('../img/ntegrity_bg_2.png') 100% no-repeat;
    background-position: 100% 100%;
}
.nteg_2 .numb_text {
    color: #56CCF2;
    background: rgb(86 204 242 / 20%);
}
.nteg_3 {
    background: #FFFFFF url('../img/ntegrity_bg_3.png') 100% no-repeat;
    background-position: 100% 0%;
}
.nteg_3 .numb_text {
    color: #FF3B6A;
    background: rgb(255 59 106 / 20%);
}
.boxy_3_list .boxy_3_box:last-child {
    margin-right: 0;
}
.numb_text {
    width: 48px;
    height: 48px;
    background: rgb(115 95 226 / 20%);
    border-radius: 50%;
    text-align: center;
    color: #735FE2;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
    float: left;
}

.name_text {
    float: right;
    width: 80%;
}

.boxy_3_box b {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 13px;
    display: block;
}

.boxy_3_box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.nteg_list {
    margin-bottom: -80px;
}
.about_us_text {
    padding-top: 30px;
}
.boxy_3_box:hover {
    top: -10px;
    box-shadow: 0px 14px 25px rgb(0 0 0 / 8%);
}

/* slider */
.slider {
    position: relative;
  }
  
  .slider input[name="switch"] {
    display: none;
  }
  
  .switch {
    position: absolute;
    left: 0;
    bottom: -32px;
    text-align: center;
    width: 100%;
  }
  
  .switch label {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin: 0px 7px;
    border-radius: 50%;
    background: #999999;
    opacity: 0.5;
    transition: 0.5s;
  }
  
  #btn1:checked~.switch label[for="btn1"],
  #btn2:checked~.switch label[for="btn2"],
  #btn3:checked~.switch label[for="btn3"],
  #btn4:checked~.switch label[for="btn4"],
  #btn5:checked~.switch label[for="btn5"]{
    opacity: 1;
  }
  
  
  .slider-inner {
    overflow: hidden;
    
  }
  
  .slides {
    display: flex;
    width: 100%;
    transition: all 0.5s;
  }
  
  .slides div {
    width: 100%;
    flex-shrink:0;
  }
  
  #btn1:checked~slider-inner slides {
    transform: translate(0);
  }
  
  #btn2:checked~.slider-inner .slides {
    transform: translateX(-100%);
  }
  
  #btn3:checked~.slider-inner .slides {
    transform: translateX(-200%);
  }
  #btn4:checked~.slider-inner .slides {
    transform: translateX(-300%);
  }
  #btn5:checked~.slider-inner .slides {
    transform: translateX(-400%);
  }

.boxy_ico {
    height: 71px;
    width: 71px;
    background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
    border-radius: 50%;
    position: relative;
    float: left;
}

.con_list .boxy_ico:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-position: 50%;
}

.con_list .con_1 .boxy_ico:after {
    background: url(../img/con_phone.png) no-repeat;
    background-position: 50%;
}
.con_list .con_2 .boxy_ico:after {
    background: url(../img/con_mail.png) no-repeat;
    background-position: 50%;
}
.con_list .con_3 .boxy_ico:after {
    background: url(../img/con_local.png) no-repeat;
    background-position: 50%;
}
.con_list .name_text {
    width: 72%;
    margin-top: 7px;
}

.con_list .boxy_3_box b {
    margin-bottom: 0;
}
.contact_header {
    background: url('../img/contact_bg.png') no-repeat;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 134px 0 150px;
}
.contact_header h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
}

.contact_header p {
    font-size: 22px;
    line-height: 33px;
    margin-top: 58px;
}

.con_list {
    margin-top: -70px;
}
._item .text {
    height: 48px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
    border-radius: 12px;
    border: 0;
    padding: 0 20px;
    border: 1px solid #ebebeb;
}

._item {
    margin-bottom: 20px;
}
.contact_form form.send_form {
    margin-top: 38px;
    position: relative;
}
._item textarea {
    max-width: 100%;
    height: 124px !important;
    padding: 20px !important;
}
.slides div img {
    max-width: 100%;
}
.contact_form {
    margin-bottom: 20px;
    position: relative;
}
.form_img_box img{
    width: 100%;
}
.box_2_img img {
    width: 100%;
}
.flex {
    display: flex;
    align-items: center;
}
.no_padd_top{
    padding-top:0;
}
.blue_bg{
    background: #EDF6FF;
}
.box_1 {
    width: 100%;
    float: left;
    padding: 0px 3%;
    min-height: 10px;
}
.content_text .box_1 h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
}
.sam_list {
    display: flex;
}
.email_box {
    width: 49%;
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    padding: 32px 22px;
    border-radius: 25px;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}
.email_box_list .email_box:nth-child(2n){
    margin-right: 0;
}
.numb_box {
    width: 10%;
    float: left;
}

.numb_box span {
    background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
    height: 48px;
    width: 48px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
}
.email_box_r {
    width: 88%;
    float: right;
}

.email_box_r b {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    display: block;
}

.email_box_numb {
    position: absolute;
    font-family: Red Hat Display;
    font-size: 96px;
    font-weight: 700;
    color: #735FE2;
    opacity: 0.1;
    bottom: 35px;
    right: 10px;
}
.sam_list .email_box {
    width: 32%;
    display: flow-root;
}

.email_box_list.sam_list .email_box:nth-child(2n) {
    margin-right: 2%;
}

.email_box_list.sam_list .email_box:nth-child(3) {
    margin-right: 0;
}
.sam_list .numb_box {
    width: 20%;
}

.sam_list .email_box_r {
    width: 80%;
}
.form_info_message {
    position: absolute;
    width: 100%;
    bottom: -100px;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    cursor: default;
}
.form_info_message  span {
    display: table;
    margin: 0 auto;
    padding: 10px 24px;
    background: #fff;
    border-radius: 25px;
    font-weight: bold;
    color: #fff;
}

.form_info_message.active {
    opacity: 1;
    bottom: -60px;
    visibility: visible;
}

.nav_butt:active{
    background: #8f7eee;
}
.footer_form_info {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    border-radius: 25px;
    z-index: 1;
    visibility: hidden;
    cursor: default;
    opacity: 0;
    background: #fff;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
    color: #fff;
}
.footer_form_info.active {
    opacity: 1;
    visibility: visible;
}
#free_consultancy_form .form_info_message {
    bottom: -40px;
}

#free_consultancy_form .form_info_message span {
    padding: 12px 20px;
    float: right;
}

#free_consultancy_form .form_info_message.active {
    bottom: 0;
}
.free_a_quote {
    text-align: center;
}
.free_a_quote h1{
    text-align: center;
}

.free_a_quote .point_text{
    display: table;
    margin: 0 auto;
}
form#free_a_quote_form {
    position: relative;
    display: inline-block;
    width: 100%;
}
/*
._check_list label {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    position: relative;
    padding-left: 30px;
    margin-right: 70px;
    margin-bottom: 16px;
    min-width: 200px;
    cursor: pointer;
}

._check_list label input {
    width: 0;
    position: relative;
}

._check_list label input:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    border: 1px solid #D7D7D7;
    left: -30px;
    top: -3px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
}

._check_list label:checked::before {
    background: red;
}

._check_list label input:checked > ._check_list label:before {
    background: red;
}

._check_list label input:checked:after {
    opacity: 1;
    top: 1px;
}

._check_list label input:after {
    position: absolute;
    content: '';
    opacity: 0;
    transition: 0.3s;
    background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: -26px;
    top: -10px;
    cursor: pointer;
}
*/
#free_a_quote_form ._item.button button {
    width: 30%;
    margin: 0 auto;
    display: table;
}
#free_a_quote_form .form_info_message {
    bottom: 0;
    z-index: 5;
}

#free_a_quote_form ._item.button {
    position: relative;
}

#free_a_quote_form .form_info_message span {
    padding: 12px 24px;
    width: 30%;
    text-align: center;
}
.free_a_quote_mob {
    display: none;
}
.free_a_quote_mob.active.active a{
    color: #735FE2;
}
.boxy_3_box.con_3 p {
    font-size: 14px;
}

/* Customize the label (the container) */
.container {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  position: relative;
  padding-left: 30px;
  /* margin-right: 70px; */
  margin-bottom: 16px;
  min-width: 200px;
  cursor: pointer;
  width: 33%;
  float: left;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #D7D7D7;
  background: white;
  border-radius: 50%;
  cursor: pointer;
}

.container:hover input ~ .checkmark {
  background-color: #f7f7f7;
}

.container input:checked ~ .checkmark {
  background-color: #f1f1f1;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  opacity: 1;
  top: 3px;
}

.container .checkmark:after {
  position: absolute;
  display: block;
  content: '';
  opacity: 0;
  transition: 0.3s;
  background: linear-gradient(180deg, #A37DF6 0%, #735FE2 100%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 3px;
  top: -3px;
  cursor: pointer;
}