@import url('https://fonts.googleapis.com/css?family=Comfortaa');

@font-face {
    font-family: 'Pragmatica';
    src: url("../fonts/Pragmatica.eot");
    src: url("../fonts/Pragmatica.eot?#iefix") format("embedded-opentype"), url("../fonts/Pragmatica.woff") format("woff"), url("../fonts/Pragmatica.ttf") format("truetype");
  }
  /* @font-face {
    font-family: 'Pragmatica Book';
    src: url("../fonts/Pragmatica.eot");
    src: url("../fonts/Pragmatica.eot?#iefix") format("embedded-opentype"), url("../fonts/Pragmatica.woff") format("woff"), url("../fonts/Pragmatica.ttf") format("truetype");
  } */
  @font-face {
    font-family: 'Pragmatica Light';
    src: url("../fonts/Pragmatica_light.eot");
    src: url("../fonts/Pragmatica_light.eot?#iefix") format("embedded-opentype"), url("../fonts/Pragmatica_light.woff") format("woff"), url("../fonts/Pragmatica_light.ttf") format("truetype");
  }
  @font-face {
    font-family: 'Pragmatica Extra Light';
    src: url("../fonts/Pragmatica_extra_light.eot");
    src: url("../fonts/Pragmatica_extra_light.eot?#iefix") format("embedded-opentype"), url("../fonts/Pragmatica_extra_light.woff") format("woff"), url("../fonts/Pragmatica_extra_light.ttf") format("truetype");
  }
body {
    font-family: 'Pragmatica Light';
}

p {
    font-size: 16px;
}

.main-wrapper {
    z-index: 9;
    width: 100%;
    max-width: 5000px;
    margin: auto;
    position: absolute;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-wrapper.sticky {
    position: fixed;
    width: 100%;
    background: #03293f;
    text-align: left;
    padding: 12px 0;
}

.advantages a:hover {
    text-decoration: none;
}

.video_block {
    margin: 40px 0;
}

.new_one .img-responsive {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}

.fix-hed {
    position: relative;
}

.fix-hed .nav a {
    color: #333;
}

.fix-hed .nav-wrapper {
    padding: 36px 0;
}

.nav-wrapper {
    width: 100%;
    margin: auto;
    display: block;
    padding: 20px 0;
}

.nav {
    margin-left: 25%;
}

.nav a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Pragmatica';
}

.logo {
    position: absolute;
    top: 15px;
    margin: 0px;
    margin-left: 10%;
}

.logo img {
    width: 100%;
    max-width: 100px;
}

.nav ul {
    margin-top: 15px;
}

.nav ul li {
    transition: 0.3s ease;
    display: inline-block;
    padding: 15px 20px;
    font-family: 'Montserrat', sans-serif;
    color: white;
}

.nav ul li:hover{
    background-color: rgba(2, 63, 99, 0.7);
}
.nav ul li a:hover{
    text-decoration: none;
}

/* mobile bar view */

.mobile-nav {
    width: 100%;
    height: 50px;
    display: none;
}

.link_document {
    display: block;
}

.title_doc {
    margin: 20px 0;
}

.service-index .desc p {
    color: #000000;
}

.date span {
    color: #9b9ea5;
}

.read a {
    color: #000000;
}
.catalog_index_block {
    position: relative;
    padding: 0 10%;
}
.catalog_index_block img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.catalog_index_block a{
    display: block;
    text-align: center;
    position: absolute;
    background-color: #eef0f3;
    transition: 0.3s ease;
    bottom: 0;
    padding: 30px 0;
    width: 80%;
    color: #000000;
    font-size: 17px;
}
.catalog_index_block a:hover{
    color: #fff;
    background-color: rgba(0,0,0,0.1);
    text-decoration: none;
}
.advantages.product_index{
    margin: 100px 0;
}

#box-container a{
    margin-left: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 130px;
    height: 130px;
}
#box-container a img{
    max-width: 100%;
    height: 100%;
}

/* mobile view */




/*One-block*/

.one-block {
    position: relative;
    color: #fff;
    height: 100vh;
    width: 100%;
    text-align: center;
    padding: 350px 0;
}

.bg_contain {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.one-block .bg_image {
    z-index: -2;
    position: absolute;
    background-image: url(../image/main_page_bg.jpeg);
}

.one-block .bg_cover_black {
    z-index: -1;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

.one-block .text_info {
    position: absolute;
    width: 100%;
    opacity: 0.8;
}

.one-block a {
    color: #fff;
    padding: 15px 15px;
    background-color: transparent;
    border: 2px solid #034164;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 20px;
    text-decoration: none;
    transition: .3s ease;
}

.one-block a:hover {
    background-color: #034164;
    border: 1px solid #034164;
}

.one-block h1 {
    font-weight: bold;
    font-size: 50px;
}
.one-block .text_info {
    margin-top: 3%;
}

.one-block h2 {
    padding-bottom: 40px;
}


/*One-block*/


/*Наши сервисы*/

.service-index {
    /* padding: 200px 0; */
}

.service-index .contact_head h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
}

.zagys {
    width: 100%;
    position: relative;
}

.zagys hr {
    width: 100px;
    height: 2px;
    background-color: #034164;
    position: absolute;
    left: 15px;
    top: -7px;
}

/* .service-index h3 {
    padding-bottom: 2%;
    padding-left: 5%;
} */

.service-index h2 {
    font-weight: bold;
}

.service-index p {
    color: #9b9ea5;
}


/*Наши сервисы*/


/*Advantages*/

.advantages {
    width: 100%;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.one-advantages {
    background-image: url(../img/asd.jpg);
    background-size: cover;
    height: 70vh;
    position: relative;
    z-index: 6;
    cursor: pointer;
}

.brbr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    content: ' ';
    background: #000000;
    opacity: .2;
    transition: .3 ease;
}

.one-advantages:hover .brbr {
    opacity: .5;
}

.one-advantages h4 {
    position: relative;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.wrap-he-ad a{
    padding: 150px 50px;
    display: block;
}

.one-advantages h4:after {
    position: absolute;
    content: ' ';
    top: -10px;
    left: 0;
    width: 30%;
    height: 2px;
    background: #034164;
}


/*Advantages*/


/*Почему мы?*/

.whymy {
    padding: 60px 0;
    text-align: center;
}

.info-why {
    padding-bottom: 50px;
}

.info-why h3 {
    padding-bottom: 20px;
}

.whymy h3 {
    font-size: 35px;
}

.whymy p {
    color: #9b9ea2;
    font-size: 20px;
}

.whymy h4 {
    font-size: 30px;
    font-weight: bold;
}

.news_head h3 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
}

.contact_form_head {
    margin: 30px 0;
    text-align: center;
}

.contact_form_head h3 {
    font-size: 32px;
}

.field-contactform-recaptcha {
    padding-left: 20%;
}


/*Почему мы?*/


/*Parallax*/


/*One-block*/

.parallax {
    background-image: url(../img/par.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    height:  400px;
    width: 100%;
    text-align: center;
    /* padding: 250px 0; */
}

.parallax a {
    color: #fff;
    padding: 15px 15px;
    background-color: transparent;
    border: 2px solid #034164;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 20px;
    text-decoration: none;
    transition: .3s ease;
}

.parallax a:hover {
    background-color: #034164;
    border: 1px solid #034164;
}

.parallax h3 {
    font-weight: bold;
    font-size: 38px;
    margin-top: 10%;
}


/*One-block*/


/*Parallax*/


/*Marketing*/

.marketing {
    padding: 150px 0;
}

.zagys1 {
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

.zagys1 hr {
    width: 100px;
    height: 2px;
    background-color: #034164;
    position: absolute;
    left: 15px;
    top: 0;
}

.zagys1 h3 {
    padding-left: 15%;
}

.zagys1 p {
    padding-left: 15%;
    color: #9b9ea2;
}

.marketing a {
    color: #333;
    padding: 15px 25px;
    background-color: transparent;
    border: 2px solid #034164;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 20px;
    text-decoration: none;
    transition: .3s ease;
}

.marketing a:hover {
    background-color: #034164;
    border: 1px solid #034164;
    color: #fff;
}

.mar-block p {
    padding-bottom: 20px;
    color: #9b9ea2;
}

.mar-block h3 {
    font-size: 35px;
}


/*Marketing*/


/*Consult*/

.consult {
    background-color: #51adf0;
    padding: 50px 0;
    color: #fff;
}

.consult p {
    font-size: 36px;
    color: #fff;
}

.acons {
    padding: 40px 0;
}

.acons a {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 30px;
    text-decoration: none;
    color: #333;
    font-size: 22px;
    transition: .3s ease;
}

.acons a:hover {
    background-color: #333;
    color: #fff;
}


/*Consult*/


/*Footer*/

footer {
    padding: 50px 0;
    background-color: #25292c;
    color: #9b9ea2;
}

footer img {
    width: 100px;
}

footer p {
    padding: 14px 0;
}

footer h3 {
    color: #fff;
}

footer p i {
    font-size: 20px !important;
}

footer ul {
    padding-left: 0;
}

footer ul li {
    padding: 5px 0;
    list-style-type: none;
}

footer ul li:before {
    display: inline-block;
    top: 50%;
    left: 15px;
    font: 14px/14px FontAwesome;
    color: #4488c0;
    content: "\f00c";
    text-align: center;
}

footer ul li a {
    color: #9b9ea2;
}

.bot-footer {
    background-color: #1f2225;
    padding: 20px 0;
    color: #9b9ea2;
}


/*Footer*/

.c-go-top {
    background: none repeat scroll 0 0 padding-box #1099dd;
    bottom: 20px;
    border: 1px solid #1099dd;
    border-radius: 4px;
    color: #eee;
    display: none;
    font-size: 12px;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    right: 40px;
    text-decoration: none;
    z-index: 999;
}

.c-go-top:hover,
.c-go-top:focus,
.c-go-top:active,
.c-go-top:visited {
    color: #fff;
    outline: 0;
    text-decoration: none;
}


/*Catalog*/

.cat-top {
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
}

.cat-top .text_info {
    position: absolute;
    top: 0;
    padding: 141px 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 5;
    opacity: 0.8;
}

.cat-top .bg_cover_black {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 3;
    min-height: 400px;
    top: 0;
    left: 0;
}

.cat-top .bg_image {
    min-height: 400px;
    background-image: url(../image/main_page_bg.jpeg);
    background-attachment: fixed;
    background-position: 6% 70%;
}

.cat-top h1 {
    font-weight: bold;
    font-size: 50px;
}

.category-catalog {
    padding: 150px 0;
    text-align: center;
}

.category-catalog h2 {
    color: #034164;
}

.category-catalog p {
    color: #9b9ea2;
}

.category-catalog a.button {
    color: #333;
    padding: 15px 25px;
    background-color: transparent;
    border: 3px solid #034164;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 20px;
    text-decoration: none;
    transition: .3s ease;
}

.category-catalog a.button:hover {
    background-color: #034164;
    /* border: 1px solid #034164; */
    color: #fff;
}

.category-catalog p {
    padding: 5px 0;
}

.category-catalog .col-md-4 {
    padding-top: 30px;
}

.info-cat p {
    line-height: 32px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}


/*Catalog*/

.search_block h6 {
    text-align: center;
    font-size: 32px;
    margin: 30px auto;
}

.search_block .btn {
    margin: 0 auto;
    display: block;
    padding: 10px 30px;
}

a.button {
    margin-top: 20px;
    display: block;
}

.item_image img {
    height: 100px;
    width: 100px;
}

.pod_cat h2 {
    display: block;
    height: 150px;
}

.info-cat {
    margin-top: 40px;
}

.info-cat p {
    text-align: left;
}

.info-cat li {
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
}

.item_news .image_desc {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    background-size: cover;
}

.bg_news_img {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    background-size: contain;
}

.news_page {
    margin: 80px 0;
}

.item_news .desc {
    margin-top: 20px;
    font-size: 16px;
}

.date span {
    font-weight: 700;
}

.item_news p {
    font-size: 20px;
}

.bg_news_img {
    margin-bottom: 40px;
}

.body_one {
    margin: 80px 0;
}

.body_one p {}

h2.catalog {
    margin-bottom: 40px;
}

img.product_img {
    display: block;
    width: 300px;
    margin: 10px auto;
}

.row.text_info {
    margin-bottom: 20px;
}

.row.text_info p {
    font-size: 18px;
    font-weight: 500;
}

.row.text_info p span {
    color: #034164;
    font-weight: 700;
}

.product_image {
    width: 100%;
    cursor: zoom-in;
}

.row.list_img {
    margin: 40px 0;
}

.row.image_head {
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    background-size: contain;
    background-position: center;
}

.modal-dialog {
    width: 80%;
}

.modal-backdrop {
    z-index: -9;
}

.modal-dialog {
    z-index: 9;
}

.img_block_modal img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 1000px;
}

.newspaper {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/newspaper.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.compass {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/compass.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.agreement {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/agreement.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.diploma {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/diploma.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.contract {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/contract.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.bell {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/bell.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.envelope {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/envelope.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.settings {
    display: inline-block;
    width: 121px;
    height: 121px;
    background: url(/pobedit/upload/settings.svg);
    background-size: 121px 121px;
    text-indent: -9999px;
    position: relative;
    vertical-align: -3px;
    margin-top: 29px;
}

.hov {
    cursor: pointer;
}

.hov:hover {
    background-color: #edeef0;
}

.row.contact_head {
    margin: 30px auto;
}

.contact button.btn {
    width: 70%;
    padding: 20px 0;
    color: #03293f;
    font-weight: 900;
    font-size: 18px;
    background-color: transparent;
    border: 2px solid #03293f;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    transition: 0.3s linear;
}

.contact button.btn:hover {
    color: #fff;
    background-color: #03293f;
}

.contact_form {
    padding: 0 30%
}

.contact_form input {
    border: 1px solid #03293f;
}

.contact_form textarea {
    border: 1px solid #03293f;
}

.item_product_ul ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
}

.item_product_ul ul li {
    list-style: none;
}

.item_product_ul ul li a {
    display: block;
    margin-left: 15px;
    margin-bottom: 10px !important;
}

.item_product_ul li ul {
    padding-left: 15px;
}

.item_product a.list-group-item {
    margin-bottom: 10px;
}
/* .list-group .item_product:hover{
    background-color: #023f63;
    color: #d9e5e8;
} */
a.list-group-item:hover{
    background-color: #023f63;
    color: #d9e5e8;
}
.about_content{
    margin-bottom: 60px;
}
.row.mobile_ostatki{
    display: none;
    text-align: center;
    border-bottom: 2px solid #03293f;
    border-top: 2px solid #03293f;
    margin: 20px 0;
}
.tug_contain .title_block{
    margin-bottom: 40px;
}
.tug_contain h3, .tug_contain h4{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}
.tug_contain p{
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
}
.tug_contain .table_desc{
    margin: 20px 0;
}
.table_block table{
    width: 100%;
}
.table_block table td{
    padding: 10px !important;
}
.mouse {
    display: block;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 17px;
    height: 50px;
    width: 30px;
    display: block;
    z-index: 10;
  }
  .mouse .wheel {
    position: relative;
    border-radius: 4px;
    background:#fff;
    width: 2px;
    height: 7px;
    margin: auto;
  }
.mouse .wheel {
  -webkit-animation-name: wheel;
          animation-name: wheel;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes wheel {
  0% {
    top: 3px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 18px;
    opacity: 0;
  }
}

@keyframes wheel {
  0% {
    top: 3px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 18px;
    opacity: 0;
  }
}
.img_new_view {
    margin-bottom: 60px;
    width: 100%;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.news-cart-img-nav .slick-slide{
    cursor: pointer;
    margin: 0 5px;
}
.item_news a{
    cursor: pointer;
    color: #000000;
}
.item_news a:hover{
    color: #000000;
    text-decoration: none;
}
.advantages.product_index{
    margin: 40px 0;
}
.advantages.product_index .one-advantages{
    height: 50vh;
}
a.our_link{
    font-size: 18px;
    font-weight: 700;
    color: #9b9ea2;
    transition: 0.3 lianer;
}
a.our_link:hover{
    color: #f8aa51;
    text-decoration: none;
}
.cat-top{
    margin-bottom: 40px;
}
img.one_img{
    max-width: 450px;
}