@charset "UTF-8";

@media (max-height : 760px) {
    .first_screen {padding-top: 90px; min-height: 660px;}
}


@media (max-width : 1500px) {
    .questions_screen::before {left: -300px;}
    .text_screen .circle_block.layer1, .text_screen .circle_block.layer2 {left: -150px;}
    .text_screen .circle_block.layer3, .text_screen .circle_block.layer4 {right: -150px;}
    .text_screen {height: auto;}
}

@media (max-width : 1360px) {
    .lock_screen .circle.circle1 {background-position: 200px 50%;}
}


@media (max-width : 1140px) {
    .limit {width: 1000px;}
    header ul.menu {margin: 0 45px;}
    header ul.menu li {padding: 0 8px;}
    header .right .video_mute {display: none;}
    
    .first_screen {padding: 200px 0; height: auto!important; min-height: 100vh;}
    /*.first_screen .video_container video {display: none;}*/
    
    .video_screen .my_video {width: 500px; height: 280px;}
    .video_screen .video.first .text_block {padding-top: 25px;}
    .video_screen .video {min-height: 280px;}
    .video_screen .title, .video_screen .video.first {margin-bottom: 60px;}
    .video_screen .circle.c3 {width: 350px; height: 350px; bottom:-40px;}
    .video_screen .circle.c3:before {width: 330px; height: 330px;}
    .video_screen .circle.c4 {top: 270px;}
    .video_screen .circle.c5 {bottom: 200px;}
    .video_screen .circle.c6 {bottom: 300px;}
    .video_screen .circle.c7 {width: 300px; height: 300px; bottom: 360px;}
    .video_screen .circle.c8 {bottom: 50px; left: 460px;}
    
    .questions_screen::before {left: -400px;}    
    
    .form_screen .column {width: 39%;}
    .form_screen::after {background-attachment: scroll; right: -200px;}
    
    .invitation_screen .photo_container.photo_1 {width: 280px; height: 280px;}
    .invitation_screen .photo_container.photo_2 {width: 230px; height: 230px;}
    .invitation_screen .photo_container.photo_3 {top: 265px;}
    .invitation_screen .column.with_video .my_video {width: 510px; height: 295px;}
    .invitation_screen .column.with_video .photo_1 {width: 220px; height: 220px; top: 215px;}
    .invitation_screen .column.with_video .photo_2 {width: 180px; height: 180px; left: 340px; top: 215px;}
    .invitation_screen .column.with_video .photo_3 {width: 160px; height: 160px; left: 165px; top: 320px;}
    .invitation_screen .column.with_video .full_square {left: 435px;}
    .invitation_screen .column.with_video .opacity_square_1 {left: 15px; top: 420px;}
    .invitation_screen .column.with_video .opacity_square_2 {left: 290px;}
    
    .lock_screen .column {width: 40%;}
    .lock_screen .question {margin-bottom: 15px; font-size: 22px;}
    .lock_screen .circle.circle1 {right: 435px;}
    .lock_screen .circle.circle2 {right: 500px;}
    .lock_screen .circle.circle3 {right: 690px;}
    .lock_screen .circle.circle4 {right: 696px;}
    
    .text_screen .circle_block.layer1, .text_screen .circle_block.layer2 {left: -200px;}
    .text_screen .circle_block.layer3, .text_screen .circle_block.layer4 {right: -200px;}
    .docs .fancybox {height: 240px;}
}


@media (max-width : 1023px) {
    .limit {width: 740px;}
    header .logo {font-size: 26px;}
    header .logo span {display: none;}
    header ul.menu {display: none;}
    header .icon-menu{display: inline-block;}
    header .right {height: 30px; padding: 0; position: relative; /*top: 2px;*/}   
    header .left_logo{margin-top: -3px!important;} 
    
    .first_screen .mouse-icon {display: none;}
    
    .video_screen {padding: 40px 0;}
    .video_screen .circle {display: none;}
    .video_screen .title {margin-bottom: 40px;}
    .video_screen .sub_title br {display: none;}
    .video_screen .video {width: 100%; padding: 0px; border: 0 none; text-align: center!important;}
    .video_screen .video.first {float: none; margin-bottom: 60px;}
    .video_screen .my_video {width: 550px; height: 300px; position: relative; display: inline-block; top: auto; left: auto; right: auto!important; margin-bottom: 20px;}
    .video_screen .text_block {width: 550px; padding: 0!important;}
    .video_screen .quote {min-height: 0; margin-bottom: 10px;}
    .video_screen .video.second .text_block {text-align: left;}
    .video_screen .disclaimer {width: 550px; margin: 40px auto 0;}
    .video_screen .color_border {display: none;}    
    
    .questions_screen {padding: 40px 0; background: #fff;}
    .questions_screen::before {opacity: 0.3;}
    .questions_screen .column {width: 100%; text-align: center;}
    .questions_screen .question {width: 56%; text-align: left; margin: 0 auto 20px; color: #000;}
    
    .form_screen .column.first {padding-right: 19px;}
    .form_screen .column.second {padding-left: 19px;}
    .form_screen .column {width: 49%;}
    .form_screen .main_text, .form_screen .basic_form {margin-bottom: 40px;} 
    .form_screen .left_side, .form_screen .right_side {display: block; width: 100%;}
    .form_screen .left_side {margin-bottom: 60px;}
    .form_screen .right_side .main_text {padding: 0 80px;}
    .form_screen .right_side .column {padding: 0 90px!important;}
    
    .hi-icon {position: absolute; top: 25px; left: 25px; width: 110px; height: 110px; margin-bottom: 0;}
    .hi-icon img {width: 60px; height: 60px; top: 25px;}
    
    footer .column.first {margin-right: 12px;}
    footer .column.second {width: 40%;}
    footer .column.third {width: 30%;}
    footer .column.fourth {width: 100%; padding-top: 20px;}
    footer .column.fourth div {display: inline-block; margin: 0 7px;}  
    
    .invitation_screen .column.first {width: 39%;}
    .invitation_screen .column.second {width: 60%;}
    .invitation_screen .photo_container.photo_1 {right: auto!important; left: 0!important; top: -60px!important; width: 250px!important; height: 250px!important;}
    .invitation_screen .photo_container.photo_2 { left: 65px!important; top: 300px!important; width: 200px!important; height: 200px!important;}
    .invitation_screen .photo_container.photo_3 {top: 130px!important; left: -40px!important; width: 200px!important; height: 200px!important;}
    .invitation_screen .full_square, .invitation_screen .empty_square {display: none!important;}
    .invitation_screen .opacity_square_1 {right: 0!important; top: -90px!important; width: 60px!important; height: 60px!important;}
    .invitation_screen .opacity_square_2 {left: -5px!important; top: 400px!important; width: 60px!important; height: 60px!important;}
    .invitation_screen .column.with_video, .invitation_screen .column.with_video + .column {margin-top: 330px;}
    .invitation_screen .column.with_video .my_video {width: 550px; height: 300px; position: relative; top: -420px; left: 90px;}
    
    .lock_screen .circle {display: none;}
    .lock_screen {padding: 40px 0; background: #fff;}
    .lock_screen .column {width: 100%; text-align: center;}
    .lock_screen .question {width: 67%; margin: 0 auto 15px; text-align: left; padding-left: 45px; color: #000;}
    .lock_screen .question:before {top: 2px; left: 0!important; background: transparent;}
    .lock_screen:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/girl.jpg) center no-repeat; opacity: 0.3;}
    .lock_screen .limit {z-index: 2;}
    
    .text_screen {padding: 40px 0;}
    .text_screen .circle_block.layer1, .text_screen .circle_block.layer2 {display: none;}
    .text_screen .circle_block.layer3, .text_screen .circle_block.layer4 {display: none;}
    .text_screen .text_block {width: 80%; margin: 0 auto 20px; padding: 0 0 0 45px; font-size: 22px; color: #000;}
    .text_screen .text_block span.circle {width: 26px; height: 26px; border-width: 5px; top: 5px; left: 0; margin: 0;}
    .text_screen .text_block + br {display: none;}
    
    .comment_screen {padding: 40px 0 70px;}
    .comment_screen ul li {padding: 40px 100px 90px;}
    .comment_screen #bx-pager {height: 50px; bottom: -25px;}
    .comment_screen #bx-pager a {top: 0;}
    .comment_screen #bx-pager a.active {width: 50px; height: 50px; background: #cc400b; box-shadow: 0 0 0 3px #cc400b;}
    
    .docs {padding: 40px 0;}
    .docs .fancybox {height: 180px;}

    footer .column.first_col .top_part {background: none!important;padding-left: 0!important;}
    footer .column.first_col .bottom_part {width: 115px!important;height: 55px!important;padding-left: 0!important;}
    footer .column.first_col .sign {top: 0!important;left: 0!important;}
    footer .doc {padding-left: 0!important;}
    footer .column.first_col .bottom_part .text {display: none;}
    footer .doc:before {display: none;}
}


@media (max-width : 759px) {
   .limit{width:460px}
    
    .first_screen h2 {font-size: 30px; line-height: 34px;}
    .first_screen h1 {font-size: 56px; line-height: 56px; width: 100%;}
    .first_screen {padding: 150px 0;}
    
    .video_screen .my_video {width: 460px; height: 260px;}
    .video_screen .text_block, .video_screen .disclaimer {width: 100%;}
    .video_screen .video.first {margin-bottom: 40px;}
    
    .questions_screen .title {font-size: 20px; line-height: 30px;}
    .questions_screen .title br {display: none;}
    .questions_screen .question {width: 90%;}
    
    .form_screen .main_text br {display: none;}
    .form_screen .column.first:after {display: none;}
    .form_screen .column.first {margin-bottom: 10px;}
    .form_screen .column {display: block; width: 100%; text-align: center!important; padding: 0!important; line-height: 22px;}
    .form_screen::after {right: -400px;}
    .form_screen .right_side .main_text {padding: 0;}
    .form_screen .right_side .column {padding: 0!important;}
    
    .hi-icon {left: 70px;}
            
    footer .column.first {display: none;}
    footer .column {width: 100%!important;}
    footer .social_set {margin: 10px 0;}
    footer .column.fourth {padding-top: 13px;}
    footer .column.fourth div {margin: 0 3px;}
    
    .invitation_screen {padding: 60px 0;}
    .invitation_screen .column {width: 100%!important;}
    .invitation_screen .column.first {text-align: center; margin-bottom: 40px; min-height: 0;}
    .invitation_screen .photo_container.photo_3, .invitation_screen .blue_dotted_block {display: none!important;}
    .invitation_screen .photo_container.photo_1 {margin-right: 10px!important;}
    .invitation_screen .opacity_square_1, .invitation_screen .opacity_square_2 {display: none!important;}
    .invitation_screen .photo_container img, .comment_screen .comment img {transform: none; top: 0; left: 0; border-radius: 0;}
    .invitation_screen .photo_container.photo_1, .invitation_screen .photo_container.photo_2 {width: 200px!important; height: 200px!important; display: inline-block!important; position: relative!important; vertical-align: top!important; top:auto!important; left:auto!important;}
    .invitation_screen .column.with_video .photo_container.photo_1, .invitation_screen .column.with_video .photo_container.photo_2, .invitation_screen .column.with_video .photo_container.photo_3 {display: none!important;}
    .invitation_screen .column {margin-top: 0!important;}
    .invitation_screen .column.with_video .my_video {width: 460px; height: 260px; top: auto; left: auto;}
    
    .lock_screen .question {width: 100%;}
    
    .comment_screen ul li {padding: 40px 40px 60px;}
    .comment_screen #bx-pager a {margin: 0 3px;}
    
    .docs {padding: 30px 0;}
    .docs .fancybox {width: 28%; margin: 10px 1%;}

    footer .column {width: 100%!important;margin: 0 0 20px!important;position: relative!important;}
    footer .column.first_col .top_part {margin-bottom: 0!important;}
    footer .column.first_col .text {margin-bottom: 0!important;}
    footer .column.first_col .bottom_part {position: absolute!important;top: 0;right: 0!important;}
    footer .adres {margin-bottom: 4px!important;}
    footer .adres .sub_title {padding-right: 2px!important;}
    footer .column.third_col {margin-bottom: 0!important;}
    footer .column.first_col .bottom_part .sign {display: none;}
}


@media (max-width : 479px) {
   .limit{width:300px; padding-left: 10px; padding-right: 10px;}
    .google_comments span {display: none!important;}
    .google_comments.fix_class {font-size: 18px!important; height: 48px!important; line-height: 49px!important; margin-top: 40px!important;}
    header .logo {font-size: 22px; line-height: 26px;}
    header .icon-menu {width: 26px; height: 26px; font-size: 22px; line-height: 22px;}
    header .right {height: 26px;}
    header .right .language_set {display: none;}
    header .right .login {height: 26px; line-height: 26px; padding: 0 10px; font-size: 12px;}
    header .left_logo{font-size: 14px!important;}
    header .left_logo img{width: 28px!important;}
    header .left_logo{margin-top: -3px!important;}
    
    .first_screen h2 {font-size: 24px; line-height: 30px; margin-bottom: 40px!important;}
    .first_screen h1 {font-size: 36px; line-height: 50px;}
    .first_screen h1 .box, .first_screen h1 .bg, .first_screen h1 .word {height: 60px; line-height: 60px;}
    .first_screen {padding: 120px 0 60px;}
    
    .video_screen .sub_title {font-size: 18px; line-height: 24px;}
    .video_screen .my_video {width: 280px; height: 160px;}
    .video_screen .quote {font-size: 18px; line-height: 24px;}
    .video_screen .disclaimer {font-size: 14px;}
    
    .questions_screen .question {width: 100%; font-size: 22px; margin-bottom: 15px;}
    .questions_screen .title {margin-bottom: 30px;}
    .questions_screen::before {left: -510px;}
    
    .form_screen {padding: 40px 0;}
    .form_screen .main_text {font-size: 19px; line-height: 30px;}
    .form_screen .basic_form .control_point {width: 100%!important; margin-bottom: 10px;}
    .basic_form .button {margin: 0; width: 100%;}
    .phone_list {font-size: 18px;}
    .phone_list .name {display: none;}
    
    .invitation_screen .photo_container.photo_2 {display: none!important;}
    .invitation_screen .blue_dotted_block {display: none;}
    .invitation_screen {padding: 40px 0;}
    .invitation_screen .photo_container.photo_1 {margin: 0!important; width: 280px!important; height: 280px!important;}
    .invitation_screen .blue_title {font-size: 24px; line-height: 34px;}
    .invitation_screen .contact_info .param {width: auto; padding-right: 10px;}
    .invitation_screen .column.with_video .my_video {width: 280px; height: 160px; border: 0 none;}
    .invitation_screen .column.with_video {margin-bottom: 0;}

    .lock_screen .title {font-size: 22px; line-height: 30px;}
    .lock_screen:before { background-position: -940px 50%;}

    .hi-icon {display: none;}

    footer {padding: 30px 0;}
    
    .modal {width: 300px; padding: 20px;}
    
    .comment_screen {padding-bottom: 40px;}
    .comment_screen:after {display: none;}
    .comment_screen ul li {padding: 20px 20px 66px;}    
    .comment_screen #bx-pager {bottom: -30px; height: 26px;}
    .comment_screen #bx-pager a img {display: none;}
    .comment_screen #bx-pager a {width: 20px!important; height: 20px!important; border: 5px solid #fff; background: transparent!important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0)!important; }
    .comment_screen #bx-pager a.active {border-color: #cc400b;}
    
    .docs {padding: 35px 0;}
    .docs .fancybox {width: 47%; height: 185px; margin: 5px 1%;}
}