body
{
    font-family: 'Cera Pro';
    background: #FBFBFB;
}


.header
{
    padding: 50px 0 0px;
    /* overflow: hidden; */
}
.dropdown:hover .dropdown-menu{display:block;}
.dropdown.city_drop{
   max-width: 200px;
    /* margin: auto; */
    position: relative;
    bottom: 15px;
    left: -10px;
}
.dropdown.city_drop > a{
        position: relative;
    z-index: 9999;
        display: block;
    text-align: left;
    font-size: 16px;
    padding: 10px;
    color: #1A1A1A;
    font-weight: bold;
        background-image: url(../images/down.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) 50%;
}
.dropdown.city_drop .dropdown-menu{
        right: 0;
    padding-top: 30px;
    top: 0;
}
.dropdown.city_drop .dropdown-menu .dropdown-inner{
    padding-left: 0;
    list-style: none;
}
.dropdown.city_drop .dropdown-menu .dropdown-inner a{
         display: block;
    text-align: left;
    font-size: 16px;
    padding: 10px;
    color: #1A1A1A;
    line-height:1;
}
.dropdown.city_drop .dropdown-menu .dropdown-inner a:hover{
    text-decoration: none;
    background: #efefef;
}
.header_phone
{
    display: inline-block;
    text-decoration: none !important;
    font-size: 21px;
    color: #3F7EFD !important;
    text-align: center;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 37px;
    font-weight: bold;
    margin-right: 5px;
}
.phone_container .telegram_link{
        display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -4px;
    transition:.4s;
}
.phone_container .whatsup_link{
        display: inline-block;
    transition:.4s;
    position: relative;
    top: -4px;
}
.phone_container .telegram_link img,.phone_container .whatsup_link img{width:32px;}
.phone_container .telegram_link:hover,.phone_container .whatsup_link:hover{transform:scale(1.2);}
#menu
{
    margin-top: 38px;
}

#menu ul a
{
    color: #1A1A1A;
    font-size: 17px;
    padding: 0;
    background: white !important;
}

#menu ul li a
{
    font-weight: 500;
    margin-right: 43px;
    background: transparent !important;
    font-weight: bold;
}
#menu ul li a.active{
    color: #3F7EFD;
}
#menu ul li a:hover {
    color: #3F7EFD;
    transition: 0.2s;
}
#menu ul li:last-child a
{
    margin-right: 0;
}

.navbar-collapse.collapse
{
    padding: 0;
}

.navbar
{
    min-height: auto;
    margin-bottom: 0;
}

#menu .nav.navbar-nav
{
    margin-right: 4px;
    position: relative;
    z-index: 2;
    float: right;
}

#menu .nav.navbar-nav:after
{
    content: "";
    border-right: 310px solid #F3F3F3;
    width: 100px;
    height: 150px;
    left: calc(100% - 49px);
    z-index: -1;
    top: -51px;
    position: absolute;
}

.header_bottom_brd
{
    padding-bottom: 37px;
    border-bottom: 1px solid #F7F7F7;

    position: relative;

}

.header_bottom_brd:after
{
    content: "";
    position: absolute;
    border-right: 1px solid #F7F7F7;
    width: 1px;
    height: 660px;
    bottom: 0;
    left: calc(50% + 200px);
}
.home_cube_animation_container{z-index: 9999;}
.home_block1 .right_block
{
    position: relative;
    /* background-color: #3F7EFD;
    background-size: cover;
    background-repeat: no-repeat; */
    padding: 65px 0px 24px 74px;
}

#panel1 .our_block a
{
    height: 400px;
}

.home_block1 .left_block
{
    margin-top: 80px;
}

.main_pg
{
    overflow: hidden;
    /*margin-bottom: 167px;*/
}

.right_block_neigh
{
    background: #3F7EFD;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 730px;
    z-index: -1;
}

.home_block1 .progress_comp
{
    margin-bottom: 42px;
        z-index: 9;
    position: relative;
}

.home_block1 .progress_comp:last-child
{
    margin-bottom: 0;
}

.home_block1 .progress_comp .title
{
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 17px;
    color: white;
    line-height: 1;
    margin-bottom: 10px;
}

.home_block1 .progress_comp .desc
{
    margin-bottom: 6px;
    font-size: 16px;
    color: white;
}

.home_block1 .progress_comp .desc a
{
    text-decoration: underline;
    color: white !important;
    cursor: pointer;
    font-style: italic;
}
.home_block1 .progress_comp .desc a:hover {
   text-decoration: none;
   color: #e6e6e6!important;
}
.home_block1 .left_block .title1
{
    line-height: 1;
    letter-spacing: 3px;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 0px !important;
    color: #262626;
    text-transform: uppercase;
}

.home_block1 .left_block .title2
{
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    color: #262626;
    margin-bottom: 17px;
}

.home_block1
{
    border-bottom: 1px solid #F7F7F7;
    position: relative;
}

.home_block1_ovfhdn
{
    background: #FBFBFB;
    overflow: hidden;
    z-index: 1;
    position: relative;
    /*background: white;*/
}

.home_block1_neigh
{
    position: absolute;
    background: #3F7EFD;
    height: 100%;
    top: 0;
    bottom: 0;
    width: 3000px;
    left: 0;
    z-index: -1;
}

.home_block1 .left_block .desc
{
    font-size: 17px;
    color: #262626;
    line-height: 2;
    padding-right: 263px;
}

.show_present
{
    margin-top: 27px;
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 1%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    padding: 21px 39px;
    cursor: pointer;
    transition: all 0.9s;
    position: relative;
}
/* .show_present:before{
    content: 'Посмотреть презентацию';
    position: absolute;
    top: 0;
    left: 0;
    display:flex;
    width: 100%;
    height: 100%;
    background: rgb(128,192,255);
    background: linear-gradient(90deg, rgba(128,192,255,1) 43%, rgba(63,126,253,1) 100%);
    opacity: 0;
    transition: 1.5s;
        align-items: center;
    justify-content: center;
} */
.show_present:hover:before
{
    opacity:1;
}

.main_pg_borderbtm
{
    /*border-bottom: 1px solid #F7F7F7;*/
}

.home_block2
{
    margin-top: 70px;
    position: relative;
    z-index: 10;
    /* overflow: hidden; */
}

.home_block2 .nav.nav-tabs
{
    border-bottom: none !important;
}

.home_block2 .nav.nav-tabs li a
{
    letter-spacing: 1.5px;
    padding: 0;
    text-transform: uppercase;
    padding-right: 20px;
    margin-right: 20px;
    border: none;
    border-right: 1.5px solid #262626;
    border-radius: 0;
    line-height: 1;
    color: #262626;
    font-size: 16px;
    font-weight: bold;
    background: white !important;
}

.our_cases_block
{
    margin-top: 60px;
}

.our_cases_btns
{
    overflow: hidden;
}

.home_block2 .nav.nav-tabs li:last-child a
{
    border-right: none !important;
}

.home_block2 .nav.nav-tabs li.active a
{
    color: #3F7EFD;
}

.home_block2 .title
{
    line-height: 1;
    font-size: 32px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 40px;
}

.our_block a
{
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;
    width: 100%;
    text-decoration: none !important;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(20%) brightness(0.65);
}

.one_our_block1
{
    background-image: url("../images/on-home-works/slice2.jpg");
}

.one_our_block2
{
    background-image: url("../images/on-home-works/slice3.jpg");
}

.one_our_block3
{
    background-image: url("../images/on-home-works/slice4.jpg");
}

.one_our_block4
{
    background-image: url("../images/on-home-works/slice5.jpg");
}


.one_our_block5
{
    background-image: url("../images/on-home-works/slice9.jpg");
}

.one_our_block6
{
    background-image: url("../images/our_works/work5.jpg");
}

.one_our_block7
{
    background-image: url("../images/on-home-works/slice7.jpg");
}

.one_our_block8
{
    background-image: url("../images/on-home-works/slice6.jpg");
}




.our_block
{
    overflow: hidden;
    height: 400px;
    position: relative;
        font-size: 0px;
}

.our_block .our_title
{
    position: absolute;
    cursor: pointer;
    z-index: 1;
    color: white;
    font-size: 23px;
    font-weight: bold;
    left: 30px;
    width: 143px;
    top: 24px;
    line-height: 1.2;
}

.our_block2_img
{
    height: 38px;
}

.plus_block img
{
    height: 23px;
}

.plus_block
{
    position: absolute;
    /* padding: 22px; */
    /* background: #6990ED; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
    border: 20px solid #6990ED;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 100px;
    bottom: 0;
    height: 100px;
    text-align: center;
    transition: 0.5s;
    opacity: 0;
}

.our_block:hover .plus_block
{
    opacity: 1;
    transition: 0.5s;
}

.plus_block img
{
    margin: 15px 12px;
}

.our_block1_img
{
    height: 60px;
}

.our_brand_img.our_block6_img
{
    height: 45px;
}

.our_block .our_brand_img
{
    position: absolute;
    z-index: 1;
    bottom: 30px;
    right: 24px;
    opacity: 1;
    transition: all 0.5s;
}

.our_block:hover .our_title
{
    opacity: 0 ;
    transition: 0.5s;
}

.title_bck_blue
{
    background: #5C8BEB;
    line-height: 1;
}

.our_block:hover .our_brand_img
{
    opacity: 0;
    transition: 0.5s;
}

.our_block:hover a
{
    filter: grayscale(0%); /* Firefox 4+ */
    transition: all 0.5s;
}

.blue_bck
{
    background:  #5c8bead1;
    width: auto;
    display: inline-block;
    line-height: 1;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 1px;
}
.title h1 {
        font-size: 46px;
    color: #262626;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
.our_block6_img
{
    height: 60px;
}

.our_block7_img
{
    height: 30px;
}

.our_block8_img
{
    height: 30px;
}

.our_block9_img
{
    height: 28px;
}

.our_block10_img
{
    height: 30px;
}

.our_block11_img
{
    height: 63px;
}

.our_block12_img
{
    height: 38px;
}

.our_block4_img
{
    height: 30px;
}

.home_block3
{
    position:relative;
    /*overflow: hidden;*/
    margin-top: 83px;
}

.home_block3 .title h1
{
    font-size: 32px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 40px;
    padding-left: 20px;
}

.home_block3 .title span
{
    color: #3F7EFD;
}

.home_block3 .desc
{
    color: #333333;
    font-size: 18px;
    position: relative;
    margin-bottom: 170px;
    padding-left: 20px;
}

.home_block3 .desc:after
{
    position: absolute;
    left: 0;
    content: "";
    width: 300px;
    height: 1px;
    bottom: -80px;
    border-bottom: 1px solid #F2F2F2;
}

.home_block3 .desc:before
{
    position: absolute;
    left: 0;
    top: -190px;
    content: "";
    width: 300px;
    height: 450px;
    /* bottom: -80px; */
    border-left: 1px solid #F2F2F2;
}

.footer_block1
{
    position: relative;
    z-index: 10;
}

.footer_block1 .left_block
{
    vertical-align: top;
    width: 50%;
    display: inline-block;
    height: 300px;
    background-image: url("../images/slice19.jpg");
    background-size: cover;
    padding-top: 134px;
}

.footer_block2
{
    padding: 61px 0 65px 0;
}

.footer_block1 .left_block .title
{
    letter-spacing: 4px;
    line-height: 1;
    color: white;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}


.footer_block1 .right_block
{
    background-position: right;
    width: calc(50% - 4px);
    display: inline-block;
    height: 300px;
    padding-top: 100px;
    padding-left: 100px;
    background-image: url("../images/line_bck.png");
    background-repeat: no-repeat;
}

.footer_block1 .right_block .phone
{
    display: block;
    text-decoration: none;
    font-size: 32px;
    color: #262626;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 25px;
    font-weight: bold;
}

.footer_block1 .right_block .mail
{
    display: block;
    text-decoration: none;
    font-size: 32px;
    color: #4089FD;
    line-height: 1;
}

.this_grey_brd
{
    border-bottom: 1px solid #F2F2F2;
}

.footer_btn_group
{
    padding-left: 14px;
    margin-top: 10px;
    text-align: center;
}

.footer_site_name
{
    letter-spacing: 4px;
    margin-left: 6px;
    line-height: 1;
    font-size: 26px;
    margin-bottom: 10px;
    color: #262626;
}

.footer_site_name span
{
    font-size: 14px;
}

.footer_site_year
{
    color: #808080;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1;
    margin-left: 4px;
}

.footer_btn_group a
{
    font-size: 16px;
    margin-right: 21px;
    cursor: pointer;
    color: #808080;
    text-decoration: none !important;
    display: inline-block;
}
.footer_btn_group a:last-child
{
    margin-right: 0 !important;
}
.footer_btn_group a.active{
    color: #3F7EFD;
}
.footer_btn_group a:hover {
    color: #3F7EFD;
    transition: 0.2s;
}
.footer
{
    position: relative;
    z-index: 26;
    background: #FAFAFA;
}
.cart_block img {
    width: 100%;
}
.address_block img {
        width: 100%;
    position: relative;
    bottom: 15px;
}
.get_offers
{
    margin-top: 20px;
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 43%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    padding: 21px 39px;
    cursor: pointer;
    transition: all 0.9s;
}

.get_offers:hover
{
    background: linear-gradient(90deg, rgba(128,192,255,1) 43%, rgba(63,126,253,1) 100%);
    transition: all 0.9s;
}
html{
        overflow-x: hidden;
}
.seo_block1
{
    height: 375px;
    padding-top: 0px;
    padding-bottom: 75px;
    margin-bottom: 20px;
}

.seo_block1 .title
{
    font-size: 55px;
    color: #262626;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
        margin-top: 40px;
}
.seo_block1 .title span{font-weight: 400;}
.seo_block1 .desc
{
    font-size: 22px;
   
    color: #666666;
    margin-bottom: 25px;
    line-height: 27px;
}

.seo_block1 .desc span
{
      font-size: 22px;
    font-weight: 900;
   
    color: #3E7EFB;
}

.seo_block2
{
    background: #3F7EFD;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 380px;
    padding: 40px;
}
.seo_block2 span {
    color: #fff;
    font-weight: 900;
    font-size: 22px;
    text-transform: uppercase;
}
.seo_block2 ul {
    padding-left: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 4px solid #fff;
    padding: 10px;
    line-height: 26px;
}
.seo_block2 li {
    list-style-type: none;
}
.free-aud {
    font-size: 30px;
    font-weight: 900;
    margin-top: 5px;
    color: #262626;
    margin-bottom: 10px;
}
.seo_block2 p {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
}
.block4_new_item{margin-bottom: 50px;}
.seo_block5_new .item{margin-bottom: 60px;}
.seo_block5_new .item img{
        height: 30px;
    width: 30px;
    margin-bottom: 16px;
}
.seo_block5_new .item .text_block5{
        font-size: 18px;
    color: #262626;
        min-height: 105px;
        padding-right: 5px;
}
.block4_new_item .new_title{
    font-size: 17px;
    color: #FFFFFF;
    background: #3F7EFD;
    padding: 18px 19px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}
.block4_new_item .new_text{
        font-size: 18px;
    color: #4D4D4D;
}
.block4_new_item .new_text a{
    color:#3F7EFD;
    text-decoration: underline;
}
.block4_new_item .new_text a:hover {
    transition: 0.4s;
    text-decoration:none;
}
.text_block5 a {
    color:#3F7EFD;
    text-decoration: underline;
}
.text_block5 a:hover {
    transition: 0.4s;
    text-decoration:none;
}
.desc a {
    color:#3F7EFD;
    cursor: pointer;
}
.seo_block_2_1{
        width: 50%;
    padding: 75px 82px 75px 45px;
    background: #F0F0F0;
    height: 310px;
    display: none;
}
.seo_block_2_1 p.first{
    font-size: 22px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 0;
    line-height: 1;
}
.seo_block_2_1 p.second{
font-size: 28px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 20px;
}
.seo_block_2_1 p.third{
    font-size: 18px;
    color: #4D4D4D;
    margin-bottom: 0;
}
.seo_block3
{
    position:relative;
    overflow: hidden;
    margin: 68px 0 90px 80px;
}

.seo_block3 .title
{
    font-size: 32px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 37px;
    position: relative;
    z-index: 999;
}

.seo_block3 .title span {
    color: #3F7EFD;
}

.seo_block3 .desc
{
    color: #333333;
    font-size: 19px;
    position: relative;
    letter-spacing: -1px;
    z-index: 999;
}

.one_faq
{

    font-size: 19px;
    letter-spacing: 0px;
    padding: 43px 50px;
    background: #FCFCFC;
    cursor: pointer;
    font-weight: bold;
    line-height: 1;
    color: #262626;
    text-transform: uppercase;
}

.one_faq img
{
    float: right;
    height: 26px;
    position: relative;
    bottom: 7px;
    transition: all 0.4s;
}

.one_faq img
{
    transform: rotate(0deg);
    transition: all 0.3s;
}

.one_faq.active img
{
    transform: rotate(90deg);
    transition: all 0.3s;
}

.contacts_pg .block2
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#i4ewOd-pzNkMb-tJHJj
{
    display: none !important;
}

.i4ewOd-UzWXSb div:nth-child(2)
{
    display: none !important;
}
.mob-video {
        width: 560px;
        margin: 0 auto
    }
.one_faq_desc
{
    z-index: 10;
    background: white;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    opacity: 0;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s;
}

#myModal2,#get_consult,#video_modal
{
    padding: 0 !important;
}

#myModal2 .modal-dialog,#get_consult .modal-dialog,#video_modal .modal-dialog
{
    width: 100%;
}

#myModal2 h4,#get_consult h4,#video_modal h4
{
        line-height: 1;
    margin-bottom: 30px;
    color: #4D4D4D;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 21px;
    text-align: center;
    
}

#myModal2 h4 span, #get_consult h4 span,#video_modal h4 span
{
    color: #3F7EFD;
}

.one_faq_desc.open
{
    opacity: 1;
    max-height: 700px;
    padding: 30px;
    transition: all 0.3s;
}

.seo_block5
{
    margin-top: 116px;
}

.seo_block5 .title,.seo_block5_new .title
{
    font-size: 32px;
    line-height: 1;
    color: #262626;
    font-weight: bold;
    margin-bottom: 72px;
    margin-right: 14px;
}

#myModal2 .modal-content,#get_consult .modal-content, #video_modal .modal-content
{
    border-radius: 0;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.17);
}

#myModal2 .modal-header img,#get_consult .modal-header img, #video_modal .modal-header img
{
    height: 20px;
}

#myModal2 .modal-body,#get_consult .modal-body, #video_modal .modal-body
{
    margin-bottom: 10px;
}

#myModal2 .modal-body .left_block,#get_consult .modal-body .left_block, #video_modal .modal-body .left_block
{
 display: flex;
    flex-wrap: wrap;
}

#myModal2 .modal-header, #myModal2 .modal-footer,#get_consult .modal-header, #get_consult .modal-footer, #video_modal .modal-footer, #video_modal .modal-header
{
    border: none;
    padding: 0;
}

#myModal2 .modal-body,#get_consult .modal-body,#video_modal .modal-body
{
    padding: 0;
}

#myModal2 .modal-body .right_block,#get_consult .modal-body .right_block, #video_modal .modal-body .right_block
{
    position: absolute;
    height: 100%;
    display: inline-block;
    width: calc(100% - 200px);
}

#myModal2 .modal_text,#get_consult .modal_text, #video_modal .modal_text
{
    width: calc(100% - 10px);
    border-radius: 0;
    border: none !important;
    margin-bottom: 10px;
    right: 0;
    height: calc(100% - 10px);
    float: right;
    border-radius: 0;
    border: none !important;
    margin-bottom: 10px;
    background: #F2F2F2;
    padding: 20px;
}

.send_modal,.send_modal_consult
{
    letter-spacing: 1px;
    /* margin-top: 67px; */
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 43%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    display: inline-block;
    width: 200px;
    text-align: center;
    font-size: 15px;
    padding: 19px 39px;
    /* margin-right: 23px; */
    cursor: pointer;
    transition: all 0.9s;
    border: none;
    border-radius: 0;
}

.feedback_modal_content
{
    margin: 55px 267px 60px 267px;
}
.feedback_modal_content.video_modal{
    margin: 30px 100px;text-align:center;
}
.seo_block5 .left_list .one_list span
{
    color: #3F7EFD;
    font-size: 20px;
}

.send_modal img,.send_modal_consult img
{
   height: 18px;
    margin-left: 8px;
}
.price-company p {
    display: inline;
    padding-right: 10px;
    font-size: 22px;
    font-weight: bold;
}
.price-company span {
    color: #3F7EFD;
    font-size: 22px;
    font-weight: bold;
}
.pricen {
    display: block;
    margin-bottom: 10px;
}
.modal-backdrop.in
{
    opacity: .8;
}

.modal-backdrop
{
    background-color: #fff;
}

.seo_block5 .left_list .one_list p
{
    display: inline-block;
    font-size: 21px;
    position: relative;
    z-index: 2;
    color: #262626;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: -1px;
}

.seo_block5 .left_list .one_list
{
    margin-bottom: 31px;
}

.seo_block5 .right_list .one_list
{
    margin-bottom: 49px;
}

.seo_block5 .right_list .title1
{
    margin-bottom: 5px;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 900;
    color: #3F7EFD;
}

.seo_block5 .right_list .desc
{
    letter-spacing: 0px;
    font-size: 15px;
    color: #2B2B2B;
}

.seo_block5 .right_list .desc a
{
    cursor: pointer;
    font-style: italic;
    color: #2B2B2B;
    text-decoration: underline;
}
.seo_block5 .right_list .desc a:hover {
    text-decoration: none;
    color: #000!important;
}
.seo_block5
{
    background-image: url("../images/block5line.png");
    background-repeat: no-repeat;
    background-position: right 0% bottom 41%;
}

.city_links{
    display:flex;
    flex-wrap:wrap;
    margin-bottom: 40px;
}
.city_links a{
        background: #e9e9e9;
    color: #000;
    padding: 10px 20px;
    margin: 5px;
    display: inline-block;
}




/*
Первичные стили:
С ними работает слайд шоу
*/

#slides {
    position: relative;
    height: 300px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
}




.carousel {
    position: relative;
    width: 100%;
    /*padding: 10px 40px;*/
    /*border: 1px solid #CCC;*/
    /*border-radius: 15px;*/
    /*background: #eee;*/
}

.carousel img {
    width: 100%;
    height: 100%;
    /* делаем этот элемент блочным, чтобы убрать лишнее пространство вокруг картинок */
    display: block;
}

.arrow {
    /*position: absolute;*/
    padding: 0;
    font-size: 10px;
    display: block;
    background: transparent !important;
    border:  none !important;
    color: #262626;
    display: inline-block;
}

.arrow img
{
    vertical-align: bottom;
    height: 18px;
    width: 18px;
}

.carousel .arrow.prev p
{
    letter-spacing: 1px;
    margin-left: 3px;
}

.carousel .arrow.next p
{
    letter-spacing: 1px;
    margin-right: 3px;
}

.arrow:focus {
    outline: none;
}

.arrow.next
{
    float: right;
}
.adress {
    padding-left: 33px;
    margin-top: 8px;
}
.adress span {
    font-weight: bold;
}
.adress p {
        display: inline-block;
    padding-left: 10px;
}
.arrow:hover {
    background: #ccc;
    cursor: pointer;
}

.prev {
    left: 7px;
}

.next {
    right: 7px;
}

.gallery {
    width: 100%;
    overflow: hidden;
}

.gallery ul {
    height: 100%;
    width: 9999px;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: margin-left 250ms;
    /* удаляем пустое пространство между элементами li, у которых установлен inline-block */
    /* http://davidwalsh.name/remove-whitespace-inline-block */
    font-size: 0;
}

.gallery li {
    display: inline-block;
}

.images li
{
    /*width: 1230px;*/
}

#carousel .title
{
    margin-bottom: 58px;
    margin-top: 9px;
    text-transform: uppercase;
    color: #3F7EFD;
    font-size: 15px;
}

.arrow.prev img
{
    transform: rotate(200grad);
}

.arrow.prev
{
    width: 204px;
    text-align: right;
}

.arrow.next
{
    width: 204px;
    text-align: left;
}

.prev_site_domain
{
    font-size: 18px;
    color: #262626;
    margin-top: 10px;
    text-align: right;
}

.next_site_domain
{
    font-size: 18px;
    color: #262626;
    margin-top: 10px;
    text-align: left;
}

.carousel_btn_bck
{
    /*background: #FAFAFA;*/
    padding: 60px 0 72px 0;
    position: relative;
    z-index: 10;
}

.seo_result
{
    position: relative;
    background: #FCFCFC;
    height: 430px;
    padding: 30px 0;
}
.prod-price p {
        font-size: 26px;
    color: #3F7EFD;
    font-weight: bold;
    margin-bottom: 20px;
}
ul.images
{
    position: relative;
}

.one_grey_bck
{
    position: absolute;
    height: 430px;
    width: 320px;
    background: #FCFCFC;
    top: 83px;
    left: -270px;
}

.seo_result .left_block .one_str
{
    overflow: hidden;
    margin-bottom: 6px;
}

.carousel img
{
    display: inline-block;
}

.carousel .arrow p
{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0;
}


.dev_block1 .title
{
    font-size: 45px;
    color: #262626;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
}

.dev_block1
{
        padding: 60px 0 90px 0;
}

.present
{
    letter-spacing: 1px;
   
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 43%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    display: inline-block;
    width: 480px;
    max-width: calc(100% - 30px);
    text-align: center;
    font-size: 15px;
    padding: 23px 39px;
    margin-right: 23px;
    cursor: pointer;
    transition: all 0.9s;
        margin: auto;
    margin-top: 80px;
}

.present:hover
{
    background: linear-gradient(90deg, rgba(128,192,255,1) 43%, rgba(63,126,253,1) 100%);
    transition: all 0.9s;
}

.order_site
{
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 67px;
    background-color: transparent;
    color: #262626;
    text-decoration: none !important;
    line-height: 1;
    display: inline-block;
    width: 285px;
    text-align: center;
    font-size: 15px;
    padding: 21px 39px;
    cursor: pointer;
    transition: all 0.5s;
    border: 2px solid #262626;
}

.order_site:hover
{
    background-color: #262626;
    color: white;
    transition: background-color 0.5s;
}

.center
{
    text-align: center;
}

.dev_block1 .desc
{
    font-size: 16px;
    /* padding-right: 366px; */
    color: #262626;
    margin-bottom: 10px;
    line-height: 1;
}

.dev_block2
{
    height: 300px;
    background-image: url("../images/dev_block2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}

.dev_block2:before{
       content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 0%, rgba(0,0,0,.2) 100%);
    opacity: .4;
}

.dev_block3
{
    position: relative;
    overflow: hidden;
    margin: 70px 0 103px 80px;
}

.dev_block3 .title
{
    font-size: 32px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 40px;
}

.dev_block3 .title span {
    color: #3F7EFD;
}

.dev_block3 .desc
{
    padding-right: 16px;
    color: #333333;
    font-size: 16px;
    position: relative;
}

.dev_block4
{
    padding-bottom: 115px;
}

.dev_block4 .title
{
    font-size: 15px;
    color: #262626;
    line-height: 1;
    margin-bottom: 26px;
    text-transform: uppercase;
    font-weight: bold;
}

    .footer_block1 .left_block
    {
        position: relative;
        z-index: 10;
    }

    .footer_block1 .left_block:after
    {
        content: "";
        position: absolute;
        border-right: 1px solid #F2F2F2;
        width: 1px;
        height: 91px;
        right: 0;
        top: -92px;
    }
.dev_block4 .desc
{
        font-size: 15px;
    color: #1b1b1b;
    line-height: 21px;
}

.dev_block4 .one_site_make
{
    border-top: 5px solid #3F7EFD;
    background: #F5F5F5;
}

.seo_result .left_block .one_str .title1
{
    color: #666666;
    font-size: 18px;
}
.pricekey {
    margin-top: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.seo_result .left_block .one_str .desc
{
    font-size: 18px;
    color: #262626;
    padding-right: 15px;
}

.carousel .title2
{
    margin-bottom: 59px;
    font-size: 34px;
    color: #262626;
    font-weight: bold;
    text-transform: inherit;
    /* font-size: 24px; */
    line-height: 1;
    letter-spacing: -1px;
}

.seo_block6
{
    margin-top: 63px;
    background: #FCFCFC;
}

.one_site_make
{
    position: relative;
    height: 294px;
    padding: 66px 50px 70px 50px;
}

.one_site_make.num_one:before
{
    content: "";
    position: absolute;
    width: 1px;
    height: 231px;
    border-left: 1px solid #E6E6E6;
    left: 0;
    bottom: -230px;
}

.one_site_make.num_one:after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 426px;
    border-left: 1px solid #E6E6E6;
    top: -5px;
    right: 0;
}

.dev_block5 .left_grey_brd
{
    border-left: 1px solid #E6E6E6;
}

.dev_block5 .title
{
    line-height: 1;
    color: #262626;
    font-weight: bold;

    font-size: 32px;
    line-height: 1;
    color: #262626;
    font-weight: bold;
}

.dev_block5 .left_list .one_list span {
    color: #3F7EFD;
    font-size: 20px;
}

.dev_block5 .left_list .one_list p {
    display: inline-block;
    font-size: 21px;
    position: relative;
    z-index: 2;
    color: #262626;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: -1px;
}

.dev_block5 .left_list .one_list .desc
{
    line-height: 20px;
    color: #151515
    font-size: 15px;
    margin-bottom: 43px;
    margin-top: 20px;
    padding-right: 32px;
}

.dev_block5 .left_list .one_list:last-child .desc
{
    margin-bottom: 0;
    padding-bottom: 8px;
}

.dev_block5 .left_list
{
    border-bottom: 1px solid #E6E6E6;
}

.dev_block4 .one_site_make.num_three
{
    position: relative;
}

.dev_block4 .one_site_make.num_three:before
{
    content: "";
    position: absolute;
    width: 1px;
    height: 545px;
    border-left: 1px solid #E6E6E6;
    left: 0;
    top: -5px;
}

.dev_block4 .one_site_make.num_three:after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 545px;
    border-left: 1px solid #E6E6E6;
    top: -5px;
    right: 0;
}

.dev_block4 .one_site_make.num_four
{
    position: relative;
}

.dev_block4 .one_site_make.num_four:after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 504px;
    border-left: 1px solid #E6E6E6;
    top: 0;
    right: 0;
}

.dev_block5 .our_works .one_work
{
    width: 25%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    filter: grayscale(100%);
    transition: 0.3s;
    height: 790px;
}

.dev_block5
{
    margin-bottom: 126px;
    background-image: url("../images/dev_block5lines.png");
    background-repeat: no-repeat;
    background-position: left top 58%;
}

.dev_block5 .our_works .one_work:hover
{
    filter: grayscale(0);
    transition: 0.5s;
}

.dev_block5 .our_works .one_work.first
{
    background-image: url("../images/one_work_two.jpg");
}

.dev_block5 .our_works .one_work.two
{
    background-image: url("../images/one_work_two.jpg");
}

.dev_block5 .our_works .one_work.three
{
    background-image: url("../images/one_work_two.jpg");
}

.dev_block5 .our_works .one_work.four
{
    background-image: url("../images/one_work_two.jpg");
}
.blt {
    font-weight: bold;
}
.dev_block5 .title1
{
    font-weight: 400;
    text-transform: uppercase;
    color: #3F7EFD;
    line-height: 1;
    letter-spacing: 1px;

    margin-bottom: 58px;
    margin-top: 9px;
    text-transform: uppercase;
    color: #3F7EFD;
    font-size: 15px;
}

.our_works
{
    box-shadow: 1px 0px 4px 2px rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 100%;
}

.pre_our_works
{
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dev_block5 .one_work.first
{
    position: relative;
}

.bottom_line_block .lines
{
    width: 25%;
    display: inline-block;
    position: relative;
}

.bottom_line_block .lines.first:before
{
    position: absolute;
    content: "";
    width: 1px;
    height: 150px;
    border-left: 1px solid #E5E5E5;
    left: -15px;
    top: -20px;
}
.dspnone {
    display:none;
}
.bottom_line_block .lines.two:before
{
    position: absolute;
    content: "";
    width: 1px;
    height: 100px;
    border-left: 1px solid #E5E5E5;
    left: -10px;
    top: -20px;
}

.bottom_line_block .lines.three:before
{
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    border-left: 1px solid #E5E5E5;
    left: 0px;
    top: -20px;
}

.bottom_line_block .lines.four:before
{
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    border-left: 1px solid #E5E5E5;
    left: 5px;
    top: -20px;
}

.bottom_line_block .lines.four:after
{
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    border-right: 1px solid #E5E5E5;
    right: -15px;
    top: -20px;
}

.contacts_pg .block1
{
    height: 350px;
}

.contacts_pg .block1 .title
{
    line-height: 1;
    color: #262626;
    font-size: 56px;
    font-weight: bold;
    margin-top: 163px;
}

.contacts_pg .block1 .title1
{
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
    color: #262626;
    line-height: 1;
    margin-bottom: 20px;
}

.contacts_pg .block1 .desc
{
    display: block;
    text-decoration: none !important;
    color: #262626;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
}

.contacts_pg .address_block
{
    margin-bottom: 89px;
}

.pre_address_block
{
    margin-top: 98px;
}

.pre_address_block:before
{
    content: "";
    position: absolute;
    border-left: 1px solid #EBEBEB;
    height: 319px;
    width: 1px;
    z-index: 1;
    top: 82px;
    margin-left: -15px;
}

.about_pg .block1
{
    overflow: hidden;
}

.about_pg .block1 .left_block .title
{
    font-size: 55px;
    color: #262626;
    font-weight: bold;
    line-height: 1;
    margin-top: 205px;
}

.about_pg .block1 .right_block
{
    /*background-image: url("../images/about_block1.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 500px;
    z-index: 10;
    letter-spacing: 1px;
    padding: 148px 212px 150px 190px;
}

.about_pg .block1 .right_block .post_right_block
{
    left: 0;
    bottom: 0;
    top: 0;
    width: calc(100% + 199px);
    z-index: -1;
    position: absolute;
    background-image: url(../images/about_block1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 487px;
}

.about_pg .block1 .right_block .title
{
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
}

.about_pg .block1 .right_block .desc
{
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 1.1px;
    font-weight: bold;
    line-height: 33px;
}

.about_pg .block1 .block1_bck
{
    background-image: url("../images/about_block1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    position: absolute;
    padding: 150px 202px;
}

.about_pg .block2
{
    margin-bottom: 58px;
}

.about_pg .block2 .title
{
    letter-spacing: 1px;
    font-size: 30px;
    line-height: 1;
    color: #262626;
    font-weight: bold;
    margin-bottom: 37px;
}

.about_pg .block2 .title span
{
    color: #3F7EFD;
}

.about_pg .block2 .desc
{
    font-size: 18px;
    /* padding-right: 109px; */
    color: #666666;
    letter-spacing: 0;
}

.about_pg .block2
{
    margin-top: 95px;
    background-image: url("../images/about_block2_bck.png");
    background-repeat: no-repeat;
    background-position: right top 50%;
}

.about_pg .block2 .one_block
{
    margin-bottom: 62px;
    position: relative;
    z-index: 10;
}

.about_pg .block3 .result_block
{
    padding: 50px 50px;
    transition: all 0.3s;
}



.about_pg .block3 .result_block .title
{
    font-weight: 500;
    margin-bottom: 14px;
    padding-bottom: 25px;
    font-size: 53px;
    color: #232323;
    line-height: 1;
    border-bottom: 1px solid #262626;
}

.about_pg .block3 .result_block .desc
{
    /*letter-spacing: 1px;*/
    color: #666666;
    font-size: 18px;
}

.about_pg .block3
{
    margin-bottom: 142px;
}

.about_pg .block3 .result_block
{
    position: relative;

}

.about_pg .block3 .result_block.second:before
{
    content: "";
    position: absolute;
    width: 1px;
    left: 0;
    top: -721px;
    height: 1200px;
    border-left: 1px solid #EBEBEB;
}

.free_audit_link{
    -webkit-box-shadow: 0px 0px 5px 1px #BDBDBD;
    box-shadow: 0px 0px 5px 1px #BDBDBD;
    position: fixed;
    left: -132px;
    top: 50%;
    z-index: 9999;
    transform: rotate(90deg);
    display: block;
    background: #2CC55E;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 10px 15px 20px 15px;
    font-size: 16px;
    line-height: 1;
    transition: .4s;
}

.free_audit_link:hover{
    left: -113px;
    color: #fff;
    text-decoration: none;
    background: #1f9947;
    left: -125px;
}


.about_pg .block3 .result_block.second:after
{
    content: "";
    position: absolute;
    width: 1px;
    right: -1px;
    top: -701px;
    height: 1200px;
    border-left: 1px solid #EBEBEB;
}

.about_pg .block3 .result_block.three:after
{
    content: "";
    position: absolute;
    width: 1px;
    right: -1px;
    top: -541px;
    height: 954px;
    border-left: 1px solid #EBEBEB;
}

.about_pg .block4
{
    background-image: url("../images/about_pg_block4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    z-index: 10;
    position: relative;
    padding-top: 106px;
}

.about_pg .block4 .title1
{
    margin-left: 11px;
    letter-spacing: 2px;
    color: white;
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.about_pg .block4 .desc
{
    color: #FFFFFF;
    padding-right: 30px;
    /* letter-spacing: 1px; */
    font-size: 15px;
    margin-left: 7px;
}

.about_pg .block4 .desc a
{
    color: white !important;
    text-decoration: underline !important;
    font-style: italic;
    cursor: pointer;
}
.about_pg .block4 .desc a:hover {
    text-decoration: none!important;
    color: #e6e6e6!important;
}
#myModal2 .modal-body .modal_input,#get_consult .modal-body .modal_input, #video_modal .modal-body .modal_input
{
    border-radius: 0;
    border: none !important;
    margin-bottom: 10px;
    background: #F2F2F2;
    height: 56px;
    box-shadow: none;
    padding-left: 20px;
    transition: all 0.3s;
}
#myModal2 .modal-body .modal_input:nth-child(odd),#get_consult .modal-body .modal_input:nth-child(odd){margin-right: 1%;width:49%;}
#myModal2 .modal-body .modal_input:nth-child(even),#get_consult .modal-body .modal_input:nth-child(even){margin-left: 1%;width:49%;}

#myModal2 .modal-body .modal_input.error,#get_consult .modal-body .modal_input.error
{
    border: 0.5px solid red !important;
    transition: all 0.3s;
}

#myModal2 .modal-dialog,#get_consult .modal-dialog, #video_modal .modal-dialog
{
    margin-top: 130px !important;
}

#myModal2 .close,#get_consult .close, #video_modal .close
{
    opacity: 1 !important;
}
.under_title{
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px;
}
.our_work_pg .block1 .title
{
    font-size: 59px;
    color: #262626;
    line-height: 1;
    letter-spacing: -2px;
    font-weight: bold;
    margin-left: 11px;
    margin-bottom: 50px;
}

.our_work_pg .block1 .nav.nav-tabs li a {
    letter-spacing: 1.5px;
    padding: 0;
    text-transform: uppercase;
    padding-right: 20px;
    margin-right: 20px;
    border: none;
    border-right: 1.5px solid #262626;
    border-radius: 0;
    line-height: 1;
    color: #262626;
    font-size: 16px;
    font-weight: bold;
    background: white !important;
}

.our_work_pg .block1 .nav.nav-tabs li.active a
{
    letter-spacing: 2px;
    color: #3F7EFD;
}

.our_work_pg .nav.nav-tabs
{
    border-bottom: none !important;
    padding-left: 18px;
}

.our_work_pg .block1 .nav.nav-tabs li:last-child a {
    border-right: none !important;
}

.our_work_pg .block1
{
    margin-top: 60px;
    margin-bottom: 85px;
}

.our_work_pg .our_block .our_title
{
    width: 100%;
}

.our_work_pg
{
    margin-bottom: 155px;
}

.our_work_pg .our_block .our_title
{
    left: 40px;
    top: 35px;
}

.our_work_pg .one_our_block1
{
    background-image: url("../images/our_works/work1.jpg");
}

.our_work_pg .one_our_block2
{
    background-image: url("../images/our_works/work2.jpg");
}

.our_work_pg .one_our_block3
{
    background-image: url("../images/our_works/work3.jpg");
}

.our_work_pg .one_our_block4
{
    background-image: url("../images/our_works/work4.jpg");
}

.our_work_pg .one_our_block5
{
    background-image: url("../images/our_works/work5.jpg");
}

.our_work_pg .one_our_block6
{
    background-image: url("../images/our_works/work6.jpg");
}

.our_work_pg .one_our_block7
{
    background-image: url("../images/our_works/work7.jpg");
}

.our_work_pg .one_our_block8
{
    background-image: url("../images/our_works/work8.jpg");
}

.our_work_pg .one_our_block9
{
    background-image: url("../images/our_works/work9.jpg");
}

.our_work_pg .one_our_block10
{
    background-image: url("../images/our_works/work10.jpg");
}

.our_work_pg .one_our_block11
{
    background-image: url("../images/our_works/work11.jpg");
}

.our_work_pg .one_our_block12
{
    background-image: url("../images/our_works/work12.jpg");
}

.one_faq.this_border_right
{
    position: relative;
}

.one_faq.this_border_right:after
{
    content: "";
    position: absolute;
    height: 1740px;
    width: 1px;
    border-right: 1px solid #EBEBEB;
    right: 0;
    top: 0px;
    z-index: 1;

}

.main_pg .our_block .our_title
{
    font-size: 20px;
}

.this_grey_box
{
    position: relative;
}

/* .this_grey_box:before
{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 50px solid #F2F2F2;
    left: -229px;
    top: -4px;
} */












#prod_canvas{
    position: absolute;
    z-index: -1;
}


#home_cube{
    position: absolute;
    /* top: 188px; */
    top: 0;
    /* background: #3f7efde8; */
    left: 0;
    /* height: 100%; */
    z-index: 9;
    /* left: 63%; */
    /* margin-left: 3px; */
}


.move_square{
    position: absolute;
    display: block;
    pointer-events:none;
    opacity: .1;
    transition: 1.5s;
}
.move_square_1{
    background: #D9D9D9;
    height: 160px;
    width: 160px;

    bottom: -215px;
    z-index: 999;
    left: 75px;

}
.move_square_2{
    background: #9E9E9E;
    width: 140px;
    height: 140px;
    bottom: -22px;
    z-index: 9;
    right: 335px;
}
.move_square_3{
    background: #D9D9D9;
    width: 80px;
    height: 80px;
    bottom: 105px;
    z-index: 1;
    right: 570px;
}
.move_square_4{
    background: #9E9E9E;
    width: 100px;
    height: 100px;
    bottom: 287px;
    z-index: 1;
    right: 522px;
}
.move_square_5{    background: #D9D9D9;
    width: 190px;
    height: 190px;

    top: -55px;
    z-index: 999;
    right: 285px;

}
.move_square_6{    background: #D9D9D9;
    width: 190px;
    height: 190px;

    
    z-index: 999;
    

}
.move_square_7{
    background: #D9D9D9;
    width: 190px;
    height: 190px;
    z-index: 999;
}
.move_square_8{
    background: #F2F2F2;
    opacity: 1;
       width: 100px;
    height: 100px;
    margin-left: 50px;
    z-index: 999;
}
.home_block1 .left_block .title2{
    width: fit-content;
    margin-bottom: 0;
}
.title2_container{
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    margin-top: 7px;
    font-size: 56px;
    display: block;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.contacts_pg .block2
{
    position: relative;
}

.contacts_pg .block2 .cart_block
{
    position: relative;
    z-index: 10;
}

.contacts_pg .grey_line
{
    height: 50px;
    position: absolute;
    width: 100%;
    background: #FBFBFB;
    z-index: 100;
}
body.overhidden{overflow:hidden;height:100vh;}

.porfolio_container{
    display: none;
  position: fixed;
    top: 50%;
    margin-top: -277px;
    width: 100%;
   z-index: 9999;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
}
.porfolio_container:before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
        background: #ffffffab;
    z-index: -1;
}
.card {
  position: relative;
  max-width: 1170px;
  margin: auto;
  
}
#close_modal{
    position: absolute;
    right: 10px;
    top: -30px;
    border: 1px solid;
    border-radius: 100%;
    padding: 0px 5px 4px 5px;
    background: no-repeat;
    line-height: 1;
}
.products {
  position: relative;
  overflow: hidden;
  transition: 0.5s ease;
min-height: 400px;
}

.product {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  display: flex;
    justify-content: space-between;
}
.portfolio_img_container{
      max-height: 330px;
    overflow: auto;
   
}
.browser_container{
       width: 55%;
    background: url(../images/browser.jpg);
    background-repeat: no-repeat;
    padding-top: 37px;
    background-size: 644px 378px;
    padding-bottom: 12px;
}
.portfolio_img_container img{width: 100%;}
.portfolio_text_block{width: 38%;}
.product.active {
  opacity: 1;
  visibility: visible;
}
.portfolio_text_block > a{
        font-size: 24px;
    font-weight: 900;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid;
    margin-top: 50px;
    margin-bottom: 30px;
    line-height: 1;
}
.portfolio_text_block > a:hover{
    text-decoration: none;
    color: #1f5d93;
}
.portfolio_text_block p.title{
        font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.home_nav_footer{
    display: flex;
    justify-content: space-between;
}
.back_nav_container{
        width: 20%;
    text-align: right;
}
.forward_nav_container{
        width: 20%;
    text-align: left;
}
.home_nav_footer a{
    display: flex;
    align-items: center;
    padding: 0;
}
.home_nav_footer a:active{outline: none;}
.home_nav_footer a:focus{box-shadow: none;}
.home_nav_footer a span{
        font-size: 16px;
    color: #262626;
}
.home_nav_footer a img{width: 30px;}
.back_nav_container a{
    justify-content: flex-end;
    
}
.back_nav_container a img{
    transform: rotate(180deg);
    margin-right: 10px;
    margin-bottom: -2px;
}
.forward_nav_container a img{
    margin-left: 10px;
    margin-bottom: -2px;
}
.forward_nav_container a{
    justify-content: flex-start;
    
}
.home_nav_footer span{display:block;font-size: 18px;}
.navbar-header,#close_menu{display: none;}
button:focus, input:focus, a:focus, select:focus,video:focus{outline: none;}


@keyframes go3d {
	0% { text-shadow: 0px 0px 2px #686868; }
	100% { 	
		/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  }
}

@-webkit-keyframes go3d {
	0% { text-shadow: 0px 0px 2px #686868; }
	100% { 	
		/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  }
}

@-moz-keyframes go3d {
	0% { text-shadow: 0px 0px 2px #686868; }
	100% { 	
		/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  }
}

@-ms-keyframes go3d {
	0% { text-shadow: 0px 0px 2px #686868; }
	100% { 	
		/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  }
}

@-o-keyframes go3d {
	0% { text-shadow: 0px 0px 2px #686868; }
	100% { 	
		/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  }
}

.go3d {
	-webkit-animation: go3d 2s;
	-moz-animation: go3d 2s;
	-ms-animation: go3d 2s;
	-o-animation: go3d 2s;
	animation: go3d 2s;
}

.comingcontainer{
	width: 100%;
	margin-bottom: 100px;
}

.checkbacksoon {
	width: auto;
	height: 100%;
}

.checkbacksoon p {
	text-shadow: none;
	font-weight: normal;
	color: #666;
	font-family: 'Cera Pro', sans-serif; 
	display: block;
	margin: auto;
	text-align:center;
	text-shadow: 0px 1px 0px #ffffff;
}


.checkbacksoon p span {
	color:#fff;
	font-family: 'Cera Pro', cursive;
	font-size: 200px;
	line-height: 200px;
	letter-spacing: 1px;
	
	cursor:pointer;
	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	
	/***** 3D Трансформация *****/
		text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3);  
}
                	 
.checkbacksoon p span:hover {
	text-shadow: 0px 0px 2px #686868;
	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.error { 
	
    width: 700px;
    max-width: 90%;
    
    font-weight: 400;text-shadow: 0px 1px 1px #ffffff;
}
.vacan_welcome,
.page_desc{color:#333;font-size:26px;text-align:center;}

.vacan_welcome{font-weight:600;text-transform:uppercase;text-align:center;padding:60px 0;}
.vacan_group_title{font-size:22px;color:#3F7EFD;background:#f5f5f5;padding:50px 0;text-align:center;font-weight:500;}
.vacan_title{font-size:22px;color:#666;background:#fafafa;padding:20px 0;text-align:center;cursor:pointer;margin:5px 0 0;}
.vacan_title:hover,
.vacan_title.active{color:#3F7EFD;}
.vacan_desc{display:none;font-size:18px;color:#666;background:#fafafa;text-align:center;padding:0 0 20px 0;}
.vacan_desc hr{width:150px;margin:10px 0;border-top:1px solid #ccc;margin-left:auto;margin-right:auto;}
.vacan_group{padding-bottom:60px;}
.form_capture{background:#FAFAFA;padding-bottom:40px;}
.form_text{padding:30px 0;}
.form_title{font-size:30px;color:#262626;text-transform:uppercase;font-weight:600;text-align:center;padding:20px 0;}
.form_txt{font-size:16px;color:#262626;text-transform:uppercase;font-weight:400;text-align:center;}
.form_input{padding-bottom:20px;}
.teh-form .form_input div{padding-left:5px;padding-right:5px;margin-bottom:5px;}
.form_input input{background:transparent;border:1px solid #666;width:100%;height:40px;padding-left:10px;color:#262626;display:inline-block;}
.vacancies_select{padding-bottom:20px;}
#form_vacancy{width:100%;height:40px;background:rgba(255, 255, 255, 0.1);border:1px solid #666;color:#262626;padding-left:10px;}
.vacancy_opt{background:#FAFAFA;}
.vacancy_opt:focus,
#form_vacancy:focus{outline:none;}
#form_capture{max-width:750px;margin-left:auto;margin-right:auto;}
#form_comment{background:transparent;border:1px solid #666;width:100%;color:#fff;height:100px;padding:10px;}
#form_comment:focus,
.form_input input:focus,
.vacancy_opt:focus,
#form_vacancy:focus{outline:none;}
.form_capture label{font-size:16px;font-weight:500;color:#666;padding:15px 0;}
.form_capture .fileform{background:transparent;border:1px solid #CCCCCC;border-radius:2px;cursor:pointer;height:30px;overflow:hidden;padding:2px;position:relative;text-align:left;vertical-align:middle;width:220px;display:inline-block;color:#fff;}
.form_capture .fileform .selectbutton{background-color: #3F7FFD;border: 1px solid #3F7FFD;border-radius:2px;color:#FFFFFF;float:right;font-size:16px;height:24px;line-height:20px;overflow:hidden;padding:0 5px;text-align:center;vertical-align:middle;}
.form_capture .fileform #form_file{position:absolute;top:0;left:0;width:100%;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;font-size:150px;height:30px;z-index:20;}
.fileform #fileformlabel{background-color:transparent;color:#fff;float:left;height:24px;line-height:22px;overflow:hidden;padding:2px;text-align:left;vertical-align:middle;width:145px;}
#form_button{color:#262626;font-size:15px;font-weight:500;text-transform:uppercase;border:2px solid #262626;background:none;padding:15px 20px;float:right;}
#form_button:hover{background:#fff;color:#333;}
.form_bottom{padding:20px 0;}
.page_top_title{
      font-size: 36px;
    color: #262626;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 25px;
}
.nopad_l,.nopad_r,.nopad_lr{padding-left: 0;}
.nopad_r,.nopad_l,.nopad_lr{padding-right: 0;}
.policy_container p,.policy_container li{font-size: 16px;}
.policy_container{margin-bottom: 100px;}
.policy_container ul{padding-left:15px;}
.our_works_sample_container{
         position: relative;
    height: 795px;
}
.our_work_sample_item{
       background-repeat: no-repeat;
    width: 25%;
    overflow: hidden;
    height: 795px;
    background-position: 0 0;
    position: absolute;
    top: 0;
    transition: .4s;
    cursor: pointer;
}
.our_work_sample_item:hover{
        width: 100%;
    z-index: 9;
    background-size: cover;left: 0!important;
}


.pulse-button {
 
  display: flex;
    align-items: center;
    justify-content: center;
  width: 100px;
  height: 100px;
  
  border: none;
  border-radius: 50%;
  background: #3f7efde0;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(77,133,245, .5);
  -webkit-animation: pulse 1.5s infinite;
}
.pulse-button img{
        width: 50px;
    margin-left: 7px;
}
.menu_mobile{display: none;}
html.menu_open{overflow:hidden;}
.dev_block2_1 p{
        font-size: 24px;
    color: #fff;
    font-weight: 900;
    margin-top: 85px;
}
.seo_block1_2 .text1{
         font-size: 21px;
    color: #fff;
    font-weight: 900;
        margin-top: 40px;
    margin-left: 50px;
    margin-bottom: 23px;
}
.seo_block1_2 .text2{
        font-size: 18px;
    color: #fff;
        margin-left: 50px;
}
.dev_block2_2 p{
        font-size: 18px;
    color: #fff;
    font-weight: 900;
    margin-top: 50px;
}
.dev_block2_2 ul,.seo_block1_2 ul{
        list-style: none;
    padding-left: 0;
}
.seo_block1_2 ul{margin-left: 50px;font-size: 16px;}
.dev_block2_2 li,.seo_block1_2 li{
        font-size: 16px;
    color: #fff;
        line-height: 1.7;
}
.dev_block2_2 a{
letter-spacing: 1px;
    margin-top: 15px;
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 43%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    display: inline-block;
    width: 285px;
    text-align: center;
    font-size: 18px;
    padding: 20px 39px;
    margin-right: 23px;
    cursor: pointer;
    transition: all 0.9s;
    
}
.dev_block2_2 a:hover{
    background: linear-gradient(90deg, rgba(128,192,255,1) 43%, rgba(63,126,253,1) 100%);
    transition: all 0.9s;
}
.seo_block1_2 a{
    letter-spacing: 1px;
    margin-top: 15px;
    background: #4d4c4c;
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    display: block;
    width: 285px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 23px 39px;
    margin-right: 23px;
    cursor: pointer;
    transition: all 0.9s;
    margin-left: 50px;
        margin-top: 15px;
}
.new_seo_block2_container{
        display: flex;
}
.seo_block1_2 a:hover{
    background: #7e7b7b;
}
/****** QUIZ ***************/
.quiz_line_container{
        margin-top: 13px;
    margin-bottom: 43px;
}
#quiz_modal .modal-dialog{
    background-position: center;
    background-color: #fff;
    background-image: url(../images/quizbg.jpg);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding-top: 20px;
    margin: 0;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-size: cover;
}
#quiz_modal .modal-content{
        width: 600px;
    margin: auto;
    box-shadow: none;
    border: none;
    background-color: transparent;
}
#quiz_modal .close{
        z-index: 9999999;
    position: relative;
}
.slide{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}
.active-slide{
  opacity: 1;
  z-index: 2;
}
.quiz-container{
  position: relative;
 
}

.ready_title{
    font-size: 16px;
    color: #fff;
}
.quiz_line_container .line{
    height: 6px;
    width: 100%;
    background: #F5F5F5;
}
.quiz_line_container .line span{
        display: block;
    height: 100%;
    background: #3F7EFD;
}

.ready_title span{
        font-weight: 900;
    color: #3F7EFD;
}

#quiz{min-height: 320px;}
.quiz_form_container{
    display: none;
}
.question{
        font-size: 21px;
    font-weight: 600;
        color: #fff;
    line-height: 24px;
}

#quiz_modal .close img{width:21px;height: 21px;}
.middle_text{
        font-size: 18px;
    font-weight: 600;
        color: #fff;
        margin-bottom: 20px;
}
.answers{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
}
.answers input[type=radio],.answers input[type=checkbox]{
    display:none;
}
.answers label{
    width: 49%;
    font-size: 18px;
    /* border: 1px solid #ccc; */
    padding: 10px 20px 10px 20px;
    background: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: .4s;
    color: #fff;
    transition: .4s;
    border: 1px solid;
    font-weight: normal
}
.answers label.error{
    background: #ba5555;
    color: #fff;
    font-weight: 700;
        text-shadow: none;
}
.answers label:not(.error):hover{
    background: #3F7EFD;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);
    border-color: #3F7EFD;
}
.answers input:checked + label,.answers input:checked + label:hover{
    background: #3F7EFD;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(63, 126, 253, 0.06);
-moz-box-shadow:    0px 0px 25px 0px rgba(63, 126, 253, 0.06);
box-shadow:         0px 0px 25px 0px rgba(63, 126, 253, 0.06);
color:#fff;
    border-color: #3F7EFD;
}
.radio_label input,.checkbox_label input{display: none;}
.radio_label .check{
        width: 15px;
    height: 15px;
    display: inline-block;
    background: #ccc;
    margin-right: 5px;
    border-radius: 50%;
}
.checkbox_label .check{
        width: 15px;
    height: 15px;
    display: inline-block;
    background: #ccc;
    margin-right: 5px;
}
.quiz_btn_container{
    position: relative;
    z-index: 999;
}
.answers input[type=checkbox]:checked+.check,.answers input[type=radio]:checked+.check{
    background-color: #13396C;

}
.answers input[type=checkbox]:checked+.check+.control-label,.answers input[type=radio]:checked+.check+.control-label{
        color: #5690AF;
        font-weight: 600;
}
.answers input[type=text]{
    height: 50px;
    width: 100%;
   
    font-size: 12px;
    color: #323232;
    text-transform: uppercase;
    padding-left: 20px;
}
#quiz_modal h4{
        color: #fff;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 900;
}
.quiz_btn_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
        margin-bottom: 10px;
            margin-top: 50px;
}
.quiz_btn_container button{
     font-size: 16px;
    color: #fff;
    background: none;
    border: none;
    padding: 10px 28px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-size: 18px 18px;
   
}
.quiz_btn_container #previous{
    background-image: url('../images/prevarrow.svg');
    background-position: left center;
}
.quiz_btn_container #next{
    background-image: url('../images/nextarrow.svg');
    background-position: right center;
}
.quiz_form_container p.top_text{
        text-align: center;
    font-size: 22px;
    margin-bottom: 20px;

    
}
.quiz_response.error{
        text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: #d12727;
    text-shadow: none;
    margin-top: -30px;
}
.quiz_response.success{
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: green;
}
.quiz_form_container{
        /* max-width: 450px; */
    margin: 0 auto 20px;
}
.quiz_form_container label{
        display: block;
    font-size: 16px;
        margin-bottom: 10px;
}
.quiz_form_container input{
        height: 50px;
    width: 100%;
    
    font-size: 12px;
    color: #323232;
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 20px;
}
#audit_form input[type="text"]{
    height: 50px;
    width: 49%;
    font-size: 15px;
    color: #323232;
    /* text-transform: uppercase; */
    padding-left: 15px;
    margin-bottom: 20px;
}
#audit_form input[type="submit"]{
letter-spacing: 1px;
    border: none;
    background: rgb(77,76,76);
    background: #191919;
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 18px 39px;
    cursor: pointer;
    transition: all 0.9s;
}
.freeau p {
    font-size: 18px;
    color: #262626;
    font-weight: 600;
}
.audit_response{
        height: 20px;
    text-align: center;
        width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
        text-shadow: none;
}
.audit_response.error{color: #ac1f1f;}
.audit_response.success{color: #098609;}
#audit_form{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -18px;
    margin-top: 9px;
}
.quiz_form_container button{
letter-spacing: 1px;
    border: none;
    background: rgb(63,126,253);
    background: linear-gradient(90deg, rgba(63,126,253,1) 43%, rgba(128,192,255,1) 100%);
    color: white !important;
    text-decoration: none !important;
    line-height: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 16px 39px;
    margin-right: 23px;
    cursor: pointer;
    transition: all 0.9s;
}

.quiz_form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.quiz_form.success p{
    font-size: 32px;
    margin: auto;
    margin-bottom: 30px;
    font-weight: 700;
}
.quiz_form input{
    width: 49%;
}
.quiz_form input[name=quiz_form_site_konkurenti]{
    width:100%;
}
.quiz_form textarea{
        width: 100%;
    font-size: 12px;
    color: #323232;
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 20px;
    padding-top: 13px;
}

/****** QUIZ ***************/


/****** ANIMATION ***************/
.dev4_border_top{
    border-top: 5px solid #3F7EFD;
}
.dev_block4_item a{
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: underline;
    margin-right: 20px;
    display: block;
}
.dev_block4_item a:hover {
    text-decoration: none;
}
.dev_block4_item .title{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    
}
.dev_block4_item .text{
    font-size:16px;
    color: #fff;
}
.dev_block4_item{position:relative;    padding: 100px 28px 0 36px;    height: 540px;}
.dev_block4_item_bg{
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}
.dev_block4_item_bg.first{
    background: #171717;
}
.dev_block4_item_bg.second{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.night {
position: relative;
width: 100%;
height: 100%;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(-205deg);
}

.shooting_star {
position: absolute;
left: 50%;
top: 50%;
height: 2px;
background: linear-gradient(-45deg, #80E9E4, rgba(0, 0, 255, 0));
border-radius: 999px;
-webkit-filter: drop-shadow(0 0 6px #80E9E4);
filter: drop-shadow(0 0 6px #80E9E4);
-webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}

.shooting_star::after {
-webkit-transform: translateX(50%) rotateZ(-45deg);
transform: translateX(50%) rotateZ(-45deg);
}
.shooting_star:nth-child(1) {
top: calc(50% - -13px);
left: calc(50% - 131px);
-webkit-animation-delay: 5146ms;
animation-delay: 5146ms;
height: 4px;
}
.shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after, .shooting_star:nth-child(1)::after {
-webkit-animation-delay: 5146ms;
animation-delay: 5146ms;
}
.shooting_star:nth-child(2) {
top: calc(50% - -130px);
left: calc(50% - 247px);
-webkit-animation-delay: 1101ms;
animation-delay: 1101ms;
height: 3px;
}
.shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after, .shooting_star:nth-child(2)::after {
-webkit-animation-delay: 1101ms;
animation-delay: 1101ms;
}
.shooting_star:nth-child(3) {
top: calc(50% - 189px);
left: calc(50% - 25px);
-webkit-animation-delay: 2253ms;
animation-delay: 2253ms;
}
.shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after, .shooting_star:nth-child(3)::after {
-webkit-animation-delay: 2253ms;
animation-delay: 2253ms;
}
.shooting_star:nth-child(4) {
top: calc(50% - -161px);
left: calc(50% - 23px);
-webkit-animation-delay: 3160ms;
animation-delay: 3160ms;
}
.shooting_star:nth-child(9) {

-webkit-animation-delay: 3160ms;
animation-delay: 3160ms;
    top: calc(50% - -252px);
    left: calc(50% - 185px);
}
.shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after, .shooting_star:nth-child(4)::after {
-webkit-animation-delay: 3160ms;
animation-delay: 3160ms;
}
.shooting_star:nth-child(5) {
top: calc(50% - 159px);
left: calc(50% - 282px);
-webkit-animation-delay: 8477ms;
animation-delay: 8477ms;
height: 4px;
}
.shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after, .shooting_star:nth-child(5)::after {
-webkit-animation-delay: 8477ms;
animation-delay: 8477ms;
}
.shooting_star:nth-child(6) {
top: calc(50% - -153px);
left: calc(50% - 48px);
-webkit-animation-delay: 9146ms;
animation-delay: 9146ms;
}
.shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after, .shooting_star:nth-child(6)::after {
-webkit-animation-delay: 9146ms;
animation-delay: 9146ms;
}
.shooting_star:nth-child(7) {
top: calc(50% - -26px);
left: calc(50% - 221px);
-webkit-animation-delay: 981ms;
animation-delay: 981ms;
height: 3px;
}
.shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after, .shooting_star:nth-child(7)::after {
-webkit-animation-delay: 981ms;
animation-delay: 981ms;
}
.shooting_star:nth-child(8) {
top: calc(50% - -168px);
left: calc(50% - 47px);
-webkit-animation-delay: 8735ms;
animation-delay: 8735ms;
}
.shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after, .shooting_star:nth-child(8)::after {
-webkit-animation-delay: 8735ms;
animation-delay: 8735ms;
}



@-webkit-keyframes tail {
0% {
width: 0;
}
30% {
width: 100px;
}
100% {
width: 0;
}
}

@keyframes tail {
0% {
width: 0;
}
30% {
width: 100px;
}
100% {
width: 0;
}
}
@-webkit-keyframes shining {
0% {
width: 0;
}
50% {
width: 30px;
}
100% {
width: 0;
}
}
@keyframes shining {
0% {
width: 0;
}
50% {
width: 30px;
}
100% {
width: 0;
}
}
@-webkit-keyframes shooting {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(300px);
transform: translateX(300px);
}
}
@keyframes shooting {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(300px);
transform: translateX(300px);
}
}
@-webkit-keyframes sky {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@keyframes sky {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
/****** ANIMATION ***************/

.prodvizhenie_under_title{
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.prodvizhenie_under_title .place{
        font-size: 24px;
    color: #3F7EFD;
    font-weight: 900;
}

.prodvizhenie_under_title .info{
        font-size: 16px;
    color: #2B2B2B;
    margin-bottom: 0;
}
.prodvizhenie_under_title .info a{
    font-size: 14px;
    color: #2B2B2B;
    font-style: italic;
    text-decoration: underline;
}
.radio_label input.inside_input{
    display: block;
    color: #fff;
    height: 30px;
    background: transparent;
    margin-top: 7px;
    border-width: 1px;
    border-color: #fff;
}

.new_btn{
    border-radius: 3px;
font-weight: bold;
background: #3F7EFD !important;
font-size: 18px;
padding: 20px 30px;
position: relative;
    z-index: 999;

}
.new_btn:hover{
    background: #2b6ae9 !important;
}


.review_block_container{
        margin-bottom: 50px;
    margin-top: 50px;
}
.review_single > p{
        font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
.review_single .review_author{text-align:right;}
.review_single .review_author > p{
        font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0;
}
.review_single .review_author > a{
        font-size: 18px;
    text-decoration: underline;
}
.review_block.owl-carousel .owl-nav{
        position: absolute;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 50%;
    margin-top: -25px;
}
.review_block.owl-carousel .owl-nav .owl-prev{margin-left: -30px;}
.review_block.owl-carousel .owl-nav .owl-next{margin-right: -30px;}
.review_block.owl-carousel .owl-nav .owl-next span,.review_block.owl-carousel .owl-nav .owl-prev span{font-size:60px;}
.review_title{
        text-align: center;
    font-size: 30px;
    font-weight: 600;
}
.about_work_seo{display:none;    font-size: 18px;margin-bottom: 30px;}
.about_work_seo p:last-child{font-size:13px;}
.city_list{
        height: 30px;
    font-size: 15px;
    color: #323232;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.phone_container{text-align:center;}

.rating span {
	font-weight: 400;
	color: #404040;
}
.star-rating{
	font-size: 0;
	padding: 6px 0 0px;
}
.star-rating span {
	/* position: absolute; */
	right: 120px;
	font-size: 12px;
	color: #808080;
	text-transform: none;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1.5rem;
}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #F0C800;
}
.star-rating .rating_title{font-size:12px;}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
.star-rating__ico.full:not(.hover):before{
	    content: "\f005";
}
.star-rating__ico.half:not(.hover):before{
	    content: "\f123";
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
}

@media (min-width: 991px) and (max-width: 1200px){
    .mob_row{margin: 0;}
    .home_block1 .left_block .title2{font-size: 50px;}
    #menu ul li a{margin-right: 13px;}
    #menu ul a{font-size: 16px;}
    .home_block1 .right_block{padding: 55px 0px 24px 50px;}
    .order_site{margin-top :30px;}
    .present{margin: 0;}
    .one_site_make{    padding: 20px 20px 20px 20px;}
    .dev_block3{margin-left: 0;}
    .dev_block5 .title{font-size: 28px;}
    
    
    .dev_block5 .left_list .one_list p{    font-size: 21px;}
    .dev_block5 .left_list .one_list .desc{
        line-height: 18px;
        font-size: 14px;
            margin-bottom: 10px;
    margin-top: 15px;
    padding-right: 10px;
    }
    .our_works_sample_container{
            height: 643px;
    }
    .our_work_sample_item{
        height: 643px;
            background-size: auto 643px;
    }
    .our_work_sample_item:hover{background-size: auto 643px;}
    .home_block1 .progress_comp .desc{font-size: 15px;}
    .card{max-width: 991px;}
    .home_block1 .left_block{margin-top: 60px;}
    #panel2 .gallery{width:991px!important;}
    .seo_result .left_block .one_str .title1,.seo_result .left_block .one_str .desc{font-size:14px;}
    .carousel .title2{
            margin-bottom: 25px;
    font-size: 29px;
    }
    .carousel_btn_bck{
            padding: 30px 0 30px 0;
    }
    
    .seo_block1 .title{font-size:46px;}
    .seo_block1 .desc{font-size:19px;}
    
    .about_pg .block1 .right_block{
            height: unset;
    padding: 65px 24px 72px 101px;
    }
    .about_pg .block1 .left_block .title{margin-top:125px;}
    .about_pg .block3 .result_block .title{font-size:38px;}
    
    .contacts_pg .block1 .desc{font-size: 15px;}
    .vacan_welcome, .page_desc{text-align:center;}
    
    
    .phone_container .telegram_link,.phone_container .whatsup_link{position:unset;margin-top: 5px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .mob_row{margin: 0;}
    #menu .nav.navbar-nav{
            display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
    }
  
    .header_logo img{max-width: 100px;}
    .header_phone{text-align:right;}
    #menu ul li a{margin-right: 0;}
    #menu .navbar-collapse.collapse:before, .nav:before{display: none;}
    .home_block1 .left_block .title2{font-size: 34px;}
    .home_block1 .right_block{    padding: 20px 0px 20px 20px;}
    .home_block1 .left_block .desc{padding-right: 0;font-size: 15px;}
    .home_block3 .desc{text-align:justify;}
    .main_pg .our_block .our_title{font-size: 15px;}
    .home_block1 .left_block .title2{min-height:34px;}
    .order_site{margin-top :30px;}
    .present{margin: 0;}
    .dev_block1 .title{font-size: 34px;}
    .dev_block1{
        padding: 20px 0 50px 0;
    }
    .dev_block3 .title{font-size: 28px;    margin-bottom: 10px;}
    .dev_block3 .desc{
            font-size: 14px;
    text-align: justify;
    }
    .dev_block3{
        overflow: hidden;
    margin: 30px 0 30px 0;
    }
    .home_block1 .progress_comp .desc{font-size:14px;}
    .card{
            max-width: 768px;
    }
    .portfolio_text_block{width: 42%;}
    .back_nav_container{width: 30%;}
    .forward_nav_container{width: 30%;}
        #panel2 .gallery{width:768px!important;}
        .seo_result .left_block .one_str .title1,.seo_result .left_block .one_str .desc{font-size:14px;}
    .carousel .title2{
            margin-bottom: 25px;
    font-size: 29px;
    }
    .carousel_btn_bck{
            padding: 30px 0 30px 0;
    }
    .seo_block1 .title{font-size:48px;}
    .seo_block1 .title br{display:none;}
    .seo_block1{
            padding-top: 20px;
    padding-bottom: 20px;
    height: unset;
    }
    .seo_block1 .desc{font-size:20px;}
    .seo_block3{margin:20px 0;}
    .one_faq{
            font-size: 16px;
    letter-spacing: 0px;
    padding: 43px 17px;
    }
    
    .about_pg .block1 .right_block{
            height: unset;
    padding: 65px 24px 72px 101px;
    }
    .about_pg .block1 .left_block .title{margin-top:125px;}
    .about_pg .block3 .result_block .title{font-size:38px;}
    .about_pg .block4{
            padding-top: 0;
    padding: 50px 0;
        height: unset;
    }
    .about_pg .block4 .desc{
        margin-bottom: 10px;
    }
    .about_pg .block3{margin-bottom:30px;}
    .feedback_modal_content{margin:50px 0;}
    .feedback_modal_content.video_modal{
            margin: 20px 0;
    }
    .contacts_pg .block1 .title{
            margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    }
    .contacts_pg .block1 .title1{font-size:17px;}
    .contacts_pg .address_block{margin-bottom:30px;}
    .contacts_pg .block1{height:unset;}
    .vacan_welcome, .page_desc{text-align:center;}
    
    .dev_block2_1 p{margin-top: 0;}
    .dev_block2{padding: 30px 0;height: unset;}
    .dev_block2_1 p br{display: none;}
    .dev_block2_2 p{margin-top: 15px;}
    .seo_block1_2{padding-top: 20px;}
    #prod_canvas{left: -10%;}
    
    
}

@media (max-width: 768px){
    
    .seo_block2{
        height: unset;
        flex-direction: column;
    }
    .mob-video {
        width: 100%;
    }
    .audit_response {
        display: none;
    }
    #audit_form{margin-bottom: 20px;}
    .freeau p{    font-size: 16px!important;
    text-align: center;
    margin-top: 20px;}
    
    
    .dev_block4_item{
            padding: 50px 30px 0 40px;
    height: unset;
    padding-bottom: 50px;
    }
      .price-company span {
        font-size: 18px;
    }
    .price-company p {
        font-size: 16px;
    }
    .seo_block5_new .item .text_block5{min-height: unset;}
    .dev_block2_2 a{
            margin: auto;
    display: block;
    }
     .seo_block1_2{padding-top: 20px;}
    #prod_canvas{left: 0;}
    .seo_block1_2 .text1,.seo_block1_2 .text2,.seo_block1_2 ul,.seo_block1_2 a{margin-left: 0;}
    .seo_block1_2 .text1 {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 0px;
}
    .dev_block2_1 p{margin-top: 0;font-size: 16px;}
    .dev_block2{padding: 30px 0;height: unset;}
    .dev_block2_1 p br{display: none;}
    .dev_block2_2 p{margin-top: 15px;font-size: 14px;}
    .dev_block2_2 li, .seo_block1_2 li{font-size: 14px;}
    .mob_row{margin: 0;}
    .header_logo img{max-width: 100px;}
    .navbar-header{display: block;}
    .menu_mobile{
     display: block;
    position: absolute;
    top: -20px;
    right: -15px;
   z-index: 999;
}
    .menu_mobile svg {
  width: 75px;
  height: 70px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.menu_mobile path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #262626;
  stroke-dashoffset: 0px;
}
.menu_mobile path#top,
.menu_mobile path#bottom {
  stroke-dasharray: 240px 950px;
}
.menu_mobile path#middle {
  stroke-dasharray: 240px 240px;
}
.menu_mobile.cross path{stroke: #ffffff;}
.menu_mobile.cross path#top,
.menu_mobile.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.menu_mobile.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
    #menu_btn{
        background: none;
        border: none;
        line-height: 1;
        padding: 0;
    }
    #menu_btn .bar{
        display: block;
        width: 35px;
        height: 5px;
        background: #262626;
        
    }
    #menu_btn .bar:not(:last-child){margin-bottom: 6px;}
    .main_menu_container{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            z-index: 99;
            background: #000;
            transform: translate(-100%, 0);
            transition: .4s;
    }
    .main_menu_container.open{
        transform: translate(0, 0);
    }
    #menu ul li a{color: #fff;    font-weight: 900;text-align: center;margin-bottom: 20px;margin-right: 0;}
    #menu .nav.navbar-nav:after{display: none;}
    #menu .nav.navbar-nav{
            margin: 0;
    margin-top: 90px;
    }
    body{transition: .4s;}
    html{overflow-x:hidden;}
    body.open_menu_body{
        transform: translate(100%, 0);
    }
    #close_menu{
           display: block;
    position: absolute;
    color: #fff;
    border: none;
    background: no-repeat;
    font-size: 30px;
    font-weight: 900;
    top: 10px;
    right: 40px;
    line-height: 1;
    }
    .home_block1 .left_block .title2{font-size: 36px;}
    .home_block1 .left_block{margin-top: 30px;}
    .typed-cursor{
            margin-top: 0px;
    font-size: 35px;
    }
    .home_block1 .left_block .desc{padding-right: 0;}
    .home_block1_neigh{display: none;}
    .home_block1 .right_block{    padding: 40px 10px 20px 40px;margin-top: 50px;}
    .show_present{
          display: block;
    margin: 27px auto 30px auto;
    text-align: center;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    }
    .home_block3 .desc{
            text-align: justify;
    margin-bottom: 50px;
    }
    .footer_site_name{
            margin-left: 16px;
            text-align: center;
    }
    .footer_site_year{
        text-align: center;
    }
    .footer_block2{
            padding: 30px 0;
    }
    .footer_btn_group{    margin-top: 20px;}
    .footer_block1 .right_block{padding-left: 10px;}
    
    #home_cube{left: -15px;}
    .home_block2{margin-top: 100px;}
    .move_square{display: none;}
    .product{flex-direction: column;}
    .browser_container{width: 500px;margin:auto;}
    .portfolio_text_block{
        height: 150px;
    overflow: auto;
    padding: 10px;
    }
    .portfolio_text_block > a{
        font-size: 20px;
            margin-top: 0;
    margin-bottom: 15px;
    }
    .portfolio_text_block p.first,.portfolio_text_block p.second{
            font-size: 12px;
    }
    .portfolio_text_block p.title{
            font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    }
    .back_nav_container,.forward_nav_container{width: 48%;}
    .portfolio_img_container{
        max-height: 250px;
    }
    .portfolio_text_block{width: 100%;}
    .porfolio_container{
        top: 10px;
        margin-top:0;
    }
    .products{min-height: 460px;}
    #panel2 .gallery{width:575px!important;    margin: auto;}
         .seo_result .left_block .one_str .title1,.seo_result .left_block .one_str .desc{font-size:14px;}
    .carousel .title2{
        margin-bottom: 0px;
    font-size: 25px;
    }
    .carousel_btn_bck{
            padding: 30px 0 30px 0;
    }
    .seo_result .left_block .one_str{display: flex;}
    .seo_result .left_block .one_str > div{width: 50%;}
    #carousel .title{
            margin-bottom: 20px;
    margin-top: 0px;
    }
    .logo_container{    width: 25%;}
    .phone_container{    padding: 0;}
    .header_phone{margin-top: 0;}
    .menu_top_container{
            width: unset;
    padding: 0;
    position: absolute;
    right: 0;
    }
    #menu{margin-top:0;}
    .pre_our_works,.dev_block5 .title1{display: none;}
    
    .seo_block1 .title{font-size:48px;}
    .seo_block1 .title br{display:none;}
    .seo_block1{
            padding-top: 20px;
    padding-bottom: 20px;
    height: unset;
    }
    .seo_block1 .desc{font-size:20px;}
    .seo_block3{margin:20px 0;}
    
    .our_work_pg .block1 .title{
            font-size: 40px;
            margin-bottom: 40px;
            margin-left:0;
    }
    .our_work_pg .block1{
            margin-top: 20px;
    margin-bottom: 30px;
    }
    .our_work_pg .nav.nav-tabs{padding-left: 0;}
    .about_pg .block1 .left_block .title{
            font-size: 48px;
    color: #262626;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px;
    }
    .about_pg .block1 .right_block .desc{
            font-size: 16px;
    }
    .about_pg .block1 .right_block{
            padding: 10px;
            height:unset;
    }
    .about_pg .block1 .right_block .post_right_block{height:unset;}
    .about_pg .block2{margin-top:20px;margin-bottom:0;}
    .about_pg .block3 .result_block{padding: 20px;}
    .feedback_modal_content{margin: 30px 0;}
    #myModal2 .modal-dialog, #get_consult .modal-dialog, #video_modal .modal-dialog{margin: 130px 0 0 0;}
    .feedback_modal_content.video_modal{margin: 30px 0;}
    .feedback_modal_content.video_modal video{width: 100%;}
    
     .contacts_pg .block1 .title{
            margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    }
    .contacts_pg .block1 .title1{font-size:17px;}
    .contacts_pg .address_block{margin-bottom:30px;}
    .contacts_pg .block1{height:unset;}
    .nopad_l,.nopad_r,.nopad_lr{padding-left: 0;margin-bottom: 10px;padding-bottom:0;}
.nopad_r,.nopad_l,.nopad_lr{padding-right: 0;padding-bottom:0;}
.our_block:hover .plus_block{display:none;}
.answers label,.quiz_form input{width: 100%;}
#quiz{min-height: 330px;}
#quiz_modal{padding:0!important;}
#quiz_modal .modal-content{width: 90%;}
#quiz_modal .modal-dialog{margin-top: 50px;}

.bottom_line_block{display:none;}
.dev_block5 .left_list{border-bottom: none;}
.dev_block5 .left_grey_brd{border-left: none;}
.dev_block5{background-repeat: repeat-y;}



}

@media (max-width: 575px){
    .show_present{
            display: block;
    text-align: center;
    margin-bottom: 30px;
    }
    .home_block2 .nav.nav-tabs li a{font-size: 15px;}
    .home_block2 .nav.nav-tabs li:last-child a{
            padding-right: 0;
    margin-right: 0;
    }
    .home_block2 .title{font-size: 24px;margin-bottom: 20px;}
    .our_cases_block{margin-top: 30px;}
    .home_block2{margin-top: 20px;}
    .our_block_container{width: 100%;margin-bottom: 20px;}
    .home_block3 .title{font-size: 24px;margin-bottom: 18px;}
    .home_block3{margin-top :10px;}
    .home_block3 .desc{font-size: 15px;}
    .footer_block1 .left_block{width: 100%;}
    .footer_block1 .right_block{
        width: 100%;
    padding: 10px;
    text-align: center;
    height: unset;
    }
    .footer_block1 .right_block .mail{font-size: 28px;}
    .footer_block1 .right_block .phone{font-size: 29px;margin-bottom :18px;margin-top: 15px;}
    .browser_container{width: 100%;}
    #panel2 .gallery{width:456px!important;    margin: auto;}
    .present{
        margin: 0;
    margin-top: 20px;
    }
    .order_site{margin-top: 20px;}
    .dev_block3{margin: 0;}
    .seo_block1 .title{font-size:36px;}
    .seo_block1 .desc{
        font-size:15px;
        margin-bottom: 20px;
    }
    .seo_block3 .title{font-size:26px;margin-bottom: 15px;}
    .seo_block3 .desc{
            color: #333333;
    font-size: 16px;
    text-align: justify;
    }
    .one_faq{
            font-size: 15px;
    letter-spacing: 0px;
    padding: 10px;
    }
    .one_faq_desc p{margin-bottom: 3px;}
    .seo_block5 .title{
            font-size: 26px;
            margin-bottom: 20px;
            margin-right:0;
    }
    .seo_block5 .left_list .one_list span{display:block;}
    .seo_block5 .left_list .one_list p{font-size: 18px;}
    .seo_block6{margin-top:20px;}
    .our_work_pg .block1 .nav.nav-tabs li a{font-size:13px;}
    .footer_block1 .left_block{
            height: unset;
    padding: 40px 0;
    }
     .footer_block1 .left_block p{margin: 0;}
     .send_modal,.send_modal_consult{width: 100%;}
     .home_block3 .desc,.home_block3 .title{padding-right:20px;}
     .feedback_modal_content.video_modal video{height: unset;}
     #form_button{
             float: none;
    margin-top: 20px;
    width: 100%;
     }
     #form_capture{padding:10px;}
     .page_top_title{font-size: 26px;}
     .policy_container p,.policy_container li{text-align:justify;}
     #myModal2 .modal-dialog, #get_consult .modal-dialog, #video_modal .modal-dialog{margin: 30px 0 0 0!important;}
     .our_work_pg .nav-tabs>li{width:50%;    padding: 0 20px;}
     .our_work_pg .block1 .nav.nav-tabs li a{font-size:16px;text-align:center;}
     .our_block:hover a{
         filter: grayscale(100%) brightness(0.7);
     }
     .our_block:hover .our_title,.our_block:hover .our_brand_img{opacity:1;}
     .about_pg .block1 .right_block{    padding: 30px 10px;}
     .about_pg .block4{
         height: unset;
    padding: 20px 0;
     }
     .about_pg .block4 .title1{margin-top:10px;}
     .about_pg .block1 .left_block .title{
             margin-top: 12px;    font-size: 40px;
     }
     .title h1{font-size: 40px;margin-top: 0;}
     .seo_block1 .title{    margin-top: 10px;}
     .seo_block1{    padding-top: 0;}
     .seo_block1_2 a{margin:auto;}
     .seo_block1{margin-bottom: 0;}
     
     .phone_container .telegram_link,.phone_container .whatsup_link{position:unset;margin-top: 5px;}
     .header_phone{display:block;}
}

@media (max-width: 456px){
.seo_block2 {
        display: block;
    margin-top: 30px;
    text-align: center;
    padding: 15px 0;
}
.seo_block2 ul {
    font-size: 12px;
    text-align: left;
}
    .free-aud{font-size:18px;}
    .seo_block2 p{font-size:13px;}
    #audit_form input[type="text"]{width: 100%;}
    .seo_block2 ul{font-size:12px;}
    #audit_form input[type="submit"]{font-size:13px;padding: 18px 0;}
    #audit_form input[type="submit"]:hover {
        background: #484848;
    }
    
    .home_block1 .left_block .title2{font-size: 22px;}
    .home_block1 .left_block .title1{font-size: 20px;}
    .home_block1 .left_block .desc{
        font-size: 14px;
    line-height: 1.7;
    }
    .show_present{width: 100%;font-size: 14px;}
    .home_block1 .right_block{padding: 15px 10px 10px 20px;margin-top:0;}
    .home_block1 .progress_comp .desc{font-size:15px;}
    .home_block3 .title{font-size: 18px;}
    .footer_btn_group a{font-size: 13px;}
    .home_block2 .title{text-align:center;}
    .home_block2 .nav.nav-tabs{
        display: flex;
        align-items: flex-start;
    }
    .home_block2 .nav.nav-tabs li a{
        margin: 0;
    padding: 0;
    text-align: center;
    border: none;
    
    }
    .our_block .our_title{width: unset;}
    .footer_block1 .left_block .title{font-size: 20px;}
    .porfolio_container{
            /* padding-top: 30px; */
    }
    .portfolio_img_container{max-height:150px;}
    .portfolio_text_block{height: 190px;}
    .products{min-height:400px;}
    .home_nav_footer span{font-size:13px;}
    .home_nav_footer a img{width:20px;}
    .home_nav_footer a span{font-size: 12px;}
    .logo_container{    width: 25%;}
    .phone_container{    padding: 0;}
    .header_phone{margin-top: 0;font-size:20px;}
    .menu_top_container{
            width: unset;
    padding: 0;
    position: absolute;
    right: 0;
    }
    #menu{margin-top:0;}
    .home_cube_animation_container{width: 100%;overflow:hidden;    padding-top: 30px;    padding-bottom: 30px;}
    #panel2 .gallery{width:320px!important;    margin: auto;}
    .arrow.prev,.arrow.next{    width: 48%;}
    .carousel .arrow p{font-size: 14px;}
    .prev_site_domain,.next_site_domain{font-size: 14px;margin-top: 5px;}
    .dev_block1 .title{font-size:30px;}
    .dev_block1{   padding: 0px 0 30px 0;}
    .dev_block3 .title{font-size:16px;margin-bottom: 20px;}
    .dev_block3 .desc{
            padding-right: 0;
    font-size: 12px;
    text-align: justify;
    }
    .dev_block4 .desc{font-size:12px;}
    .dev_block4 .title{
        font-size:14px;
        margin-bottom:10px;
    }
    .one_site_make{
            padding: 30px;
    height: unset;
    }
    .dev_block4{padding-bottom: 20px;}
    .dev_block5 .title{font-size:18px;}
    .dev_block5 .left_list .one_list .desc{
            padding-right: 0;
    font-size: 12px;
    text-align: justify;
    margin-bottom: 10px;
    padding: 3px;
    }
    .dev_block5 .left_list .one_list p{font-size:18px;}
    .dev_block3{
            margin: 20px 0;
    }
    
    .seo_block1 .title{font-size:26px;}
    .seo_block1 .desc{
            font-size: 12px;
    margin-bottom: 20px;
    line-height: 1.2;
    }
    .seo_block1 .desc span{font-size:15px;}
    .get_offers{
            width: 100%;
    padding: 18px 0;
    text-align: center;
font-size:16px;
    }
    .seo_block3 .title{font-size: 18px;}
    .seo_block3 .desc{font-size: 13px;}
    .one_faq{font-size:13px;}
    .seo_block5{margin-top: 30px;}
    .seo_block5 .title{font-size:20px;}
    .seo_block5 .left_list .one_list p{font-size: 16px;}
    .our_work_pg .block1 .title{
            font-size: 34px;
    margin-bottom: 20px;
    text-align:center;
    }
    .our_cases_btns .nav-tabs>li:first-child{
            width: 50%;
    text-align: center;
    }
    .our_cases_btns .nav-tabs>li:last-child{
            width: 50%;
    text-align: center;
    }
    .our_work_pg .block1 .nav.nav-tabs li a{
            padding: 0;
    margin: 0;
    border: none;
    /* font-size: 14px; */
    }
    #close_modal{
            display: flex;
    align-items: center;
    justify-content: center;
    }
    #myModal2 .modal-body .modal_input:nth-child(even), #get_consult .modal-body .modal_input:nth-child(even){
            width: 100%;
    margin-left: 0;
    }
    #myModal2 .modal-body .modal_input:nth-child(odd), #get_consult .modal-body .modal_input:nth-child(odd){
            width: 100%;
    margin-right: 0;
    }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(77,133,245, 0);
  }
    100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(77,133,245, 0);
  }
}