@charset "UTF-8";

/*  <!-- RESPONSIVE
============================================ --> */
/* здесь мы пишем медиа запросы */
/* width start */
/* width end */
/* =============================================================================*/
/* <!-- minw start
  ============================================ --> */
@media only screen and (min-width: 480px) {
    .hide_480 {
        display: none;
    }
}

/* <!-- min-width: 480px --> */
@media only screen and (min-width: 576px) {
    .hide_576 {
        display: none;
    }
}

/* <!-- min-width: 576px --> */
@media only screen and (min-width: 768px) {
    .hide_768 {
        display: none;
    }
    
}

/* <!-- min-width: 768px --> */
@media only screen and (min-width: 992px) {
    .hide_992 {
        display: none;
    }
    
}

/* <!-- min-width: 992px --> */
@media only screen and (min-width: 1200px) {
    .hide_1200 {
        display: none;
    }
    .header_resp_nav {
      display: block !important;
    }
    ::-webkit-scrollbar{
    background: #172234;  
    width: 10px;
   }

   ::-webkit-scrollbar-thumb{
    background: #FFA400;
   }
}

/* <!-- min-width: 1200px --> */
@media only screen and (min-width: 1300px) {
    .hide_1300 {
        display: none;
    }
}

/* <!-- min-width: 1300px --> */
@media only screen and (min-width: 1400px) {
    .hide_1400 {
        display: none;
    }
    
}

/* <!-- min-width: 1400px --> */
@media only screen and (min-width: 1500px) {
    .hide_1500 {
        display: none;
    }
}

/* <!-- min-width: 1500px --> */
@media only screen and (min-width: 1600px) {
    .hide_1600 {
        display: none;
    }
}

/* <!-- min-width: 1600px --> */
@media only screen and (min-width: 1700px) {
    .hide_1700 {
        display: none;
    }
    
}

/* <!-- min-width: 1700px --> */
@media only screen and (min-width: 1800px) {
    .hide_1800 {
        display: none;
    }
}

/* <!-- min-width: 1800px --> */
/* <!-- minw end 
  ============================================ --> */
/* <!-- maxw start
  ============================================ --> */
@media only screen and (max-width: 1899px) {
  .hide_1899 {
      display: none;
  }
}

/* <!-- max-width: 1899px --> */
@media only screen and (max-width: 1799px) {
  .hide_1799 {
      display: none;
  }
}

/* <!-- max-width: 1799px --> */
@media only screen and (max-width: 1699px) {
    .hide_1699 {
        display: none;
    }
    .service2_top_img {
        height: 680px;
    }
}

/* <!-- max-width: 1699px --> */
@media only screen and (max-width: 1599px) {
    .hide_1599 {
        display: none;
    }
    body #fullpage {
        line-height: 20px;
    }
    h1{
        font-size: 50px;
        line-height: 50px;
        letter-spacing: 8px;
        margin-bottom: 30px;

    }
    h1 span {
          height: 50px;
          padding-top: 50px;
        }
    h2{
        font-size: 44px;
        line-height: 44px;
        letter-spacing: 6px;
        margin-bottom: 25px;
    }
    h2 span {
          height: 44px;
          padding-top: 44px;
        }
    .item_box_icon {
        width: 130px;
        margin-right: 40px;
    }
    
    
    .item_box_cont h2, .item_box_cont h3, .item_box_cont h4 {
        font-size: 20px;
        line-height: 1;    
        margin-bottom: 12px;
    }
    .item_box {
        line-height: 1.1;
    }
    .item_box_wr {
        padding-top: 50px;
        margin-bottom: 30px;
    }
    .logo_box2 {
        margin-bottom: 30px;
    }
    .logo_box2 img {
        height: 45px;
    }
    .item_box_num_cont h2, .item_box_num_cont h3, .item_box_num_cont h4 {
        font-family: 'kelson_sans_rubold';
        font-size: 18px;
        line-height: 1;
        margin-bottom: 12px;
    }
    .item_box_num {
        line-height: 1.1;
    }
    .item_box_num_cont_offset {
        padding-bottom: 10px;
    }
    .resp_top_offset {
        padding-top: 8vh;
    }
    .contacts_box {
        margin-top: -160px;
    }
    .contacts_item {
        margin-bottom: 15px;
    }
    .contacts_item p:not(:last-child) {
        margin-bottom: 6px;
    }
    .contacts_list li {
        margin-bottom: 10px;
    }
    .top_img_right {
        height: 650px;
    }
    .service3_top_img {
        height: 500px;
    }
    .service2_top_img {
        height: 620px;
    }

}

/* <!-- max-width: 1599px --> */
@media only screen and (max-width: 1499px) {
    .hide_1499 {
        display: none;
    }
    header {
        padding: 20px 30px;
    }
    .header_fix {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .search_box {
        left: 30px;
        right: 30px;
    }
    .footer_section {
        bottom: 30px;
    }
    .btn_section_down {
        left: 30px;
        bottom: 30px;
    }
    .bounceInRight {
      left: 30px !important;
    }

    .top_img_right {
        height: 45vw;
    }
    .service3_top_img {
        height: 500px;
    }
    .service3_top_img img {
        width: 900px;
    }

    .service2_top_img {
        height: 550px;
    }
}

/* <!-- max-width: 1499px --> */
@media only screen and (max-width: 1399px) {
    .hide_1399 {
        display: none;
    }
    h1{
        font-size: 46px;
        line-height: 46px;
        letter-spacing: 8px;
        margin-bottom: 30px;
    }
    h1 span {
          height: 46px;
          padding-top: 46px;
        }
    h2{
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 6px;
        margin-bottom: 25px;
    }
    h2 span {
          height: 40px;
          padding-top: 40px;
        }
    .navigation   .header_list {
        /*top: calc(100% + 10px);*/
        top: 100%;
    }
    .navigation li {
        padding: 10px;

    }
    .item_box {
        font-size: 13px;
    }
    .item_box_num {
        font-size: 13px;
    }
    .section_top .fp-tableCell {
        padding-top: 20vh;
    }
    .section_content_offset_right {
        padding-right: 0;
    }
    .section_content_offset_left {
       padding-left: 0;
    }
}

/* <!-- max-width: 1399px --> */
@media only screen and (max-width: 1299px) {
    .hide_1299 {
        display: none;
    }
    .navigation li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .service2_top_img {
        height: 500px;
    }
}

/* <!-- max-width: 1299px --> */
@media only screen and (max-width: 1199px) {
    .hide_1199 {
        display: none;
    }
    .btn_nav {
        display: block;
    }
    .header_resp_nav {
        display: none;
    }
    .header_resp_nav {
        z-index: 11;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-x: hidden;
        background-color: #1E2838;
        padding: 30px 30px 30px 50px;
        background-image: url(../images/menu_bg.svg);
        background-position: 100% 130px;
        background-repeat: no-repeat;
    }
    .header_resp_nav .header_box {
        position: relative;
        z-index: 2;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }
    .navigation  {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .navigation li {
        display: block;
    }
    .navigation .link_arrow:before {
        display: none;
    }
    .navigation .header_list {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
        max-width: none;
        width: 100%;
        position: static;
        padding: 0;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
    }
    .navigation li {
        padding: 15px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0 !important;
    }
    .navigation .header_list li:last-child {
        padding-bottom: 5px;
    }
    .navigation a {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 13px;
        line-height: 13px;
    }
    .nav_footer {
        padding-top: 60px;
    }
    .btn_header  {
        min-width: 140px;
        text-align: center;
    }
    .btn_search  {
        width: 40px;
        height: 40px;
    }
    h1 span,
    h2 span {
        height: auto !important;
        padding-top: 0 !important;
    }
    #fullpage section {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    #linePage section:first-child,
    #fullpage section:first-child {
      padding-top: 110px;
    }
    .animated.transparent {
        opacity: 1;
    }
    .footer_section {
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        position: relative;
        margin-top: 40px;
    }
    .letter__part path {
        stroke-dasharray: 9999 !important;
        opacity: 1 !important;
    }
    .letter {
        opacity: 1 !important;
        transform: scale(1) !important;
    }
    .section_top .fp-tableCell {
        padding-top: 0;
    }
    .fp-section,
    .fp-tableCell {
        position: relative;
        height: auto !important;
    }
    .item_box_wr {
        padding-top: 0;
    }
    
    .logo a {
        margin-right: 25px;
    }
    .item_box_num,
    .item_box {
        font-size: 14px;
        line-height: 21px;
    }
    .service2_top_img {
        height: 400px;
    }
    .gmap {
      height: 500px;
      margin-top: -50px;
      margin-bottom: 0;
    }
    .section_last {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* <!-- max-width: 1199px --> */
@media only screen and (max-width: 991px) {
	.breadcrumps{
    	margin-top: -50px;
	}
    .hide_991 {
        display: none;
    }
    .item_box_wr [class*="col-"]:nth-child(n) .item_box_icon .anim_line {
        background-color: #0082CA;
    }
    .item_box_wr [class*="col-"]:nth-child(2n) .item_box_icon .anim_line {
        background-color: #172234;
    }
    .item_box_wr [class*="col-"]:nth-child(n) .item_box_icon path {
        fill: #fff;
    }
    .item_box_wr [class*="col-"]:nth-child(2n) .item_box_icon path {
        fill: #FFA400;
    }
    .item_box_wr [class*="col-"]:nth-child(n) .item_box_cont  {
        padding-left: 30px;
        padding-right: 0;
    }
    .item_box_wr [class*="col-"]:nth-child(2n) .item_box_cont  {
        padding-right: 30px;
        padding-left: 0;
    }
    .item_box_wr [class*="col-"]:nth-child(2n) .item_box_icon  {
        right: 0;
    }
    .item_box_icon {
        width: 90px;
        margin-right: 0px;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
    }
    .item_box {
        padding-top: 85px;
        padding-bottom: 0px;
    }
    .item_box .item_box_icon {
        padding: 0;
        padding-top: 24px;
          -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
      }
      .item_box_icon svg,
      .item_box_icon img {
        max-width: 40px;
        max-height: 40px;
    }
    .main_img2 {
        top: 0;
        position: relative;
        padding-top: 20%;
    }
    .main_img2_resp {
        padding-top: 30%;
    }
    .main_img2 img {
        width: 100%;
        top: 0;
        left: 0;
    }
    .main_line3 {
        padding-top: 40vw;
    }
    .main_line2_3,
    .main_line2_2 {
        height: 120px;
        right: -150px;
        left: 0;
        z-index: 1;
    }
    .section_content_offset {
        padding-top: 0px;
        padding-left: 0;
        position: static;
    }
    .main_line4 {
        width: 120px;
        left: -30px;
        top: -30px;
        height: auto;
        bottom: -30px;
    }
    .section5 {
        margin-bottom: 30px;
    }
    .top_img {
        position: relative;
        padding-top: 85%;
        height: auto;
        width: 100%;
        top: 0;
        margin-bottom: 30px;
    }
    .top_img img {
        width: 100%;
        max-width: none;
    }
    .services_img_pos {
        width: 125%;
        left: 30px;
        padding-top: 85%;
        margin-bottom: 40px;
    }
    .services_img_pos2 {
        left: 30px;
    }
    .services_img_pos2 img {
        right: 60px;
        /*width: calc(100% - 60px);*/   
    }

    .item_box2 {
        padding-top: 95px;
    }
    .item_box2 .item_box_icon{
        padding-left: 25px;
        height: 90px;
        width: auto;
        left: 25px !important;
        right: 25px !important;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
    .item_box2 .item_box_cont  {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .title_offset_lg {
        padding-bottom: 10px;
    }
    .cont_offset {
        padding-bottom: 40px !important;
    }
    .top_img_right {
        margin-top: 0 !important;
    }
    .section_offset {
        margin-top: 10px;
    }
    .main_line5 {
        top: -15px;
    }
    .img_pos_full {
        position: relative;
    }
    .col-lg-first {
        webkit-order: -1;
        -moz-order: -1;
        -ms-order: -1;
        -o-order: -1;
        order: -1;
    }
    .img_pos_full_wr {
        position: relative;
    }
    .service3_top_img {
        padding-top: 57%;
    }
    .top_img_right {
        left: 30px;
    }

    .item_offset {
        margin-bottom: 40px;
    }
    figure {
        margin-bottom: 40px;
    }
    .section_content_offset_resp {
        margin-bottom: 30px;
    }
    .main_line_title {
        /*display: none;*/
        position: relative;
        height: 90px;
        margin-bottom: 20px;
    }
    .vacancies_top_img {
        margin-top: 0 !important;
        left: 30px;
    }
    .btn_title_pos {
        position: static;
    }

    .main_line5_lg {
        top: -10px;
    }
    /*.breadcrumps {
        display: none;
    }*/
    .raty_box2 {
        margin-bottom: 40px;
    }
    .blog_box_sm {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-bottom: 20px;
        padding-bottom: 0;
    }
    .blog_box_sm .blog_box_img {
        width: 80px;
        height: 80px;
        position: relative;
        padding-top: 0;
        -webkit-flex-shrink:0; 
        -moz-flex-shrink:0;
        -ms-flex-shrink:0;
        -o-flex-shrink:0;
        flex-shrink:0;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .blog_box_sm .blog_box_img img {
        top: 0;
        left: 0;
        position: absolute;
        -webkit-fit-object: cover;
        -moz-fit-object: cover;
        -o-fit-object: cover;
        object-fit: cover;
        
       
    }
    .js-sticky {
        position: static !important;
    }
    .sticky-wrapper {
        height: auto !important;
    }
}

/* <!-- max-width: 991px --> */
@media only screen and (max-width: 767px) {
ul.navigation  li > ul {
    margin-top: 0px;
}
.navigation .header_list_box {

    padding-bottom: 10px;
}
.link_arrow:before{display: none !important}
    .hide_767 {
        display: none;
    }
    .item_box_num_txt ,
    body {
        font-size: 14px;
        line-height: 21px;
    }
    h1{
        font-size: 32px;
        line-height: 34px;
        letter-spacing: 5px;
        margin-bottom: 30px;
    }
    .main_tile span:first-child {
        font-size: 16px;
        letter-spacing: 2.5px;
    }
    h2{
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 4px;
        margin-bottom: 30px;
    }
    h3,h4, .h4{
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 2.65625px;
        margin-bottom: 10px;
    }
    .post h2 {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 2.65625px;
        margin-bottom: 10px;
    }
    .main_box {
        margin-bottom: 30px;
    }
    #fullpage section {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .logo a{
      width:52px;
      min-width:52px;
    }

    .main_line {
        height: 120px;
        top: auto;
        bottom: 0;
        left: 30px;
    }
    .main_img {
        top: 60px;
        bottom: -160px;
        width: 100%;
    }
    .main_img img {
        height: 100%;
        width: auto;
        left: auto;
        right: 0;
    }
    .main_box {
        padding-bottom: 160px !important;
    }
    .img_txt {
        padding-bottom: 0;
    }
    .item_box_num_cont h2, .item_box_num_cont h3, .item_box_num_cont h4 {
        min-height: 50px;
    }
    .item_box_num_icon {
        width: 40px;
        margin-right: 20px;
    }
    .item_box_num_cont p {
        margin-left: -64px;
    }
    .cont_offset {
        padding-bottom: 30px !important;
    }
    .resp_top_offset .cont_offset {
        padding-bottom: 0px !important;
    }
    footer .copyright_txt {
        padding-top: 0;
    }
    #footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .title_offset_lg {
        padding-bottom: 0px;
    }
    .section_offset {
        margin-top: 0;
        padding-bottom: 40px;
    }
    .main_line5 {
        height: 390px;
    }
    h5{
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 2.65625px;
        margin-bottom: 16px;
    }
    .question_box {
        padding: 20px 0 30px 40px;
        background-position: 0 21px;
    }
    .main_img2_resp {
        padding-top: 30%;
    }
    .filter_sm li:not(:last-child) {
        margin-right: 16px;
      }
    .blog_box {
        padding-bottom: 20px;
    }
    .row_lg.row_offset >*{
        margin-bottom: 30px;
      }
      .post_raty {
        margin-bottom: 30px;
      }
      .author_box {
        margin-bottom: 30px;
      }
      .content_list_wr {
        padding: 30px;
      }
      .content_list > li {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 3.23077px;
        margin-bottom: 16px;
      }
      .content_list > li > ol  li {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 3.25px;
      }
      .content_list > li > ol  li:before {
        font-size: 12px;
      }
      .content_list > li > ol > li > ol li:before {
        font-size: 12px;
      }
      .content_list > li > ol {
        margin-left: -20px;
      }
      .content_list > li > ol > li > ol {
        margin-left: -30px;
      }
      .img_rigth,
        figure[style*="float: right;"] {
            margin-left: 0px;
            width: 100%;
            margin-bottom: 30px;
            float: none !important;
        }
        .img_left,
        figure[style*="float: left;"] {
            margin-right: 0px;
            width: 100%;
            margin-bottom: 30px;
            float: none !important;
        }
        table:not([class]) th,
        table:not([class]) td {
            padding: 20px;
            min-width: 220px;
        }
        table:not([class]) th:before,
        table:not([class]) td:before {
            left: 20px;
            right: 20px;

        } 
        .author_box {
            padding: 30px;
        }
    .icon_txt {
        font-size: 14px;
        line-height: 14px;
        padding-left: 36px;
    }
    .comment_score {
        position: static;
    }
    .comment_list_title {
        margin-bottom: 7px;
    }
    .comment_list_txt {
        margin-top: 0;
        padding-left: 0;
    }
    .comment_list_text {
        padding-right: 0;
    }
    .comment_list_lv2 li {
        padding-left: 0px;
    }
    .comment_list_lv2 li:before {
        left: 0px;
    }
    #page-preloader>div {

  width: 350px;
  height: 350px;
  
  }
}

/* <!-- max-width: 767px --> */
@media only screen and (max-width: 575px) {
	.hide_575 {
        display: none;
    }
    .logo_box2:not(:last-child) {
        margin-right: 20px;
    }
    .service3_top_img .main_top_line {
        height: 120px;
    }
    .item_offset {
        margin-bottom: 30px;
    }
    figure {
        margin-bottom: 30px;
    }
    .box_full {
        margin-left: -30px;
        margin-right: -30px;
    }
    .main_line8 {
        right: -30px;
        height: 120px;
    }
    .pages li {
        width: 40px;
        height: 40px;
    }
    .pages li:not(:last-child) {
        margin-right: -1px;
    }
    .pages li a {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 5px ;
    }
    .table_resp {
        margin-left: -30px;
        margin-right: -30px;
    }
    .box_ava_lg2 {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .box_ava_lg2 .ava_img {
        margin-bottom: 20px;
        width: 50px;
        height: 50px;
    }
    .blue_box {
        padding: 20px;
    }
    .post h4 {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 3.5px;
    }
    .comment_list_form_box {
        padding: 25px 30px;
        margin-bottom: 20px !important;
    }
    .comment_list li {
        margin-bottom: 5px;
        padding: 25px 30px;
    }
}

/* <!-- max-width: 575px --> */
@media only screen and (max-width: 479px) {
    .hide_479 {
        display: none;
    }
    .fancybox-close {
        background-color: transparent !important;
        top: 15px;
        right: 15px;
    }
    .fancybox_style {

        padding: 30px 40px;
        padding-top: 65px;
        min-height: 100vh;  

    }
}

/* <!-- max-width: 479px --> */

@media only screen and (max-width: 359px) {
    .hide_359 {
        display: none !important;
    }
    .logo a {
        margin-right: 12px;
    }
    .container,
    header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .item_box2 .item_box_icon{
        left: 20px !important;
        right: 20px !important;
    }
    .fancybox_style {
        padding-top: 65px
        padding: 30px 20px;
    }
    .box_full {
        margin-left: -20px;
        margin-right: -20px;
    }
    .table_resp {
        margin-left: -20px;
        margin-right: -20px;
    }
    .author_box {
        padding: 20px;
    }
    .comment_list_form_box {
        padding: 25px 20px;
    }
    .comment_list li {
        padding: 25px 20px;
    }
}

/* <!-- max-width: 359px --> */
/* <!-- maxw end 
  ============================================ --> */
@media only screen and (max-height: 455px) {
    .header_resp_nav {
        background-image: none;
    }
    
}

/* <!-- max-width: 359px --> */
