/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii

Version:  5.90 14.06.14 e
Num:      783
----------------------------------------------- */
/*---------------------- basic styles --------------------------------------*/
@import url("bases.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic&subset=latin,cyrillic);

/*---------------------- end basic styles ----------------------------------*/
/*---------------------- global --------------------------------------*/
html {
    height: 100%;
    overflow-y: scroll;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    background: #f6f6f6;
    height: 100%;
    color: #676767;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: left;
    word-wrap: break-word;
}

input,
button,
select,
textarea,
html {
    font-family: Roboto, sans-serif;
}

a {
    color: #8eaf27;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.nu a:hover,
a.nu:hover {
    text-decoration: underline;
}

.nu a,
a.nu {
    text-decoration: none;
}

a.link_dashed,
.link_dashed a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

a.link_dashed:hover,
.link_dashed a:hover {
    border: 0;
    text-decoration: none;
}

.h1 {
    margin: 0 0 82px;
    padding-left: 45px;
    position: relative;
    color: #fff;
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 2px 2px 0 #0d4155;
    text-transform: uppercase;
}

.h1:before {
    content: '';
    background: #fff;
    width: 27px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 8px;
}

.h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 0.83em;
}

.h3 {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
    margin: 0 0 1em;
}

.h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 1.33em;
}

.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 1.67em;
}

.h6 {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0 0 2.33em;
}

/*colors*/
/*end colors*/
/*fonts*/
.f-10 {
    font-size: 10px;
    font-size: 1rem;
}

.f-11 {
    font-size: 11px;
    font-size: 1.1rem;
}

.f-12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.f-13 {
    font-size: 13px;
    font-size: 1.3rem;
}

.f-14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.f-15 {
    font-size: 15px;
    font-size: 1.5rem;
}

.f-16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.f-17 {
    font-size: 17px;
    font-size: 1.7rem;
}

.f-18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.f-20 {
    font-size: 20px;
    font-size: 2rem;
}

.f-22 {
    color: #245163;
    font-size: 22px;
    font-size: 2.2rem;
}

/*end fonts*/
/*forms fields*/
.field {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 12px 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.field:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
    -moz-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
    box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
}

.field:-moz-placeholder {
    opacity: 1;
    color: gray;
    font-style: italic;
}

.field::-moz-placeholder {
    opacity: 1;
    color: gray;
    font-style: italic;
}

.field::-webkit-input-placeholder {
    opacity: 1;
    color: gray;
    font-style: italic;
}

.field:-ms-input-placeholder {
    opacity: 1;
    color: gray;
    font-style: italic;
}

.field.placeholder {
    color: gray;
    font-style: italic;
}

.field.invalid {
    border-color: red;
}

.parent_field {
    display: inline-block;
    vertical-align: top;
}

.invalid_message {
    display: block;
    color: red;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}

.valid_message {
    display: none;
    color: green;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}

/*end forms fields*/
/*over blocks*/
.o {
    overflow: hidden;
}

.cx:before,
.cx:after {
    content: "";
    display: table;
}

.cx:after {
    clear: both;
}

.ct {
    display: table;
}

.ct:after {
    content: '. . . . . . . . . . .';
    display: block;
    word-spacing: 99in;
    height: 0;
    overflow: hidden;
    font-size: 0.05em;
    line-height: 0.05em;
}

/*end over blocks*/
/*other*/
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    margin: 0 0 10px;
    height: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #a5b136;
}

img::-moz-selection {
    background-color: transparent;
    -moz-box-shadow: none;
}

img::selection {
    background-color: transparent;
    box-shadow: none;
}

.h-90 {
    height: 90px;
}

/*end other*/
/*---------------------- end global ----------------------------------*/
/*---------------------- wrapper ------------------------------------*/
.wrapper {
    min-width: 1000px;
    min-height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.inner {
    max-width: 2000px;
    margin: 0 auto 111px;
}

.inner:before,
.inner:after {
    content: "";
    display: table;
}

.inner:after {
    clear: both;
}

/*---------------------- *** ----------------------------------------*/
.btn_1 {
    background: #bbd43d;
    border-radius: 4px;
    border: 0;
    display: inline-block;
    height: 51px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 51px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.btn_2 {
    background: #b2ca37;
    border: 0;
    border-top: 4px solid #c0d940;
    border-bottom: 4px solid #9bae3a;
    border-radius: 5px;
    display: inline-block;
    height: 61px;
    padding: 0 20px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 61px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #81922a;
}

.btn_3 {
    background: #a8b7bd;
    border: 0;
    display: inline-block;
    padding: 12px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
}

.btn_4 {
    background: #a2c43a;
    border-radius: 4px;
    border: 0;
    display: inline-block;
    height: 47px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 47px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/*---------------------- header -------------------------------------*/
.header {
    height: 840px;
    position: relative;
}

.header> .in {
    width: 1000px;
    margin: auto;
    position: relative;
}

.header .mbg {
    background: url("../images/pic7.jpg") no-repeat 50% 0 fixed;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}

.header .lbg {
    background: url("../images/pic2.png") no-repeat;
    width: 199px;
    height: 990px;
    position: absolute;
    top: 0;
    left: 0;
}

.header .rbg {
    background: url("../images/pic3.png") no-repeat;
    width: 199px;
    height: 1016px;
    position: absolute;
    top: 0;
    right: 0;
}

.header .cbg {
    background: url("../images/pic17.png") no-repeat 50% 0;
    height: 97px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.slogan {
    width: 550px;
    position: absolute;
    top: 63px;
    left: 0px;
    color: #5b6d7e;
    font-size: 20px;
    font-size: 1.6rem;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}

.logo {
    background: url("../images/pic1.png") no-repeat 50% 50%;
    width: 190px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
}

.logo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -1000em;
    bottom: 0;
    z-index: -1;
}

.logo .link {
    display: block;
    width: 190px;
    height: 72px;
}

.contacts {
    position: absolute;
    top: 26px;
    right: 0;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
    text-align: right;
background: url("../images/pic6.png") no-repeat 10px 0px;
width: 280px;
}

.contacts .number {
    position: relative;
    color: #0d4156;
    font-size: 28px;
    font-size: 2.8rem;
}

.contacts .number:before {
    content: '';
  /*  background: url("../images/pic6.png") no-repeat;   */
    width: 42px;
    height: 40px;
    position: absolute;
    top: -10px;
    left: -56px;
}

.contacts .email {
    color: #dded8c;
    font-size: 20px;
    font-size: 2rem;
}

.contacts .email .link {
    color: #8b9b51;
}

.nav {
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 10;
}

.nav .list .item {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

.nav .list .item:first-child .ico {
    border-radius: 3px 0 0 0;
}

.nav .list .item:last-child .ico {
    border-radius: 0 0 0 3px;
}

.nav .ico {
    background: #3e5d6a;
    display: block;
    width: 44px;
    height: 43px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav .ico .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.nav .text {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px #748c97;
    -moz-box-shadow: 0px 1px 1px #748c97;
    box-shadow: 0px 1px 1px #748c97;
    display: none;
    height: 29px;
    margin: auto 10px auto 0;
    padding: 0 14px;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    color: #0d4156;
    line-height: 29px;
    white-space: nowrap;
    word-wrap: normal;
}

.nav .text:before {
    content: '';
    background: url("../images/pic14.png") no-repeat;
    width: 7px;
    height: 14px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -7px;
}

.nav .link {
    display: block;
    text-decoration: none;
}

.nav .link:hover .text {
    display: block;
}

.nav .link:hover .ico {
    background: #0d4156;
}

.request_form {
    background: #8b9b51;
    border-radius: 4px;
    width: 360px;
    padding: 25px;
    position: absolute;
    top: 160px;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.request_form .head {
    background: #fff;
    border-radius: 6px 6px 0 0;
    margin: -25px -25px 28px;
    padding: 10px 14px;
    position: relative;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
}

.request_form .head .free {
    color: #abc331;
}

.request_form .head:before {
    content: '';
    background: url("../images/pic15.gif") no-repeat;
    width: 39px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.request_form .invalid_message {
    color: #fff;
}

.about_company {
    width: 340px;
    position: absolute;
    bottom: -100px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0c3c50;
}

.main_plane {
    background-color: rgba(0, 0, 0, 0.33);
    width: 640px;
    padding: 45px 16px;
    position: absolute;
    top: 286px;
    left: 0;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    text-shadow: 2px 2px 0 #0d4155;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main_plane .list .item {
    margin-top: 26px;
    padding-left: 30px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
}

.main_plane .list .item:first-child {
    margin: 0;
}

.main_plane .list .item:before {
    content: '';
    background-color: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: 0;
}

.main_plane .head {
    position: absolute;
    top: 96px;
    left: 324px;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.main_plane .head:before {
    content: '';
  /*  background: url("../images/pic16.png") no-repeat;   */
    width: 45px;
    height: 149px;
    position: absolute;
    top: -65px;
    left: -52px;
}

/*---------------------- end header ----------------------------------*/
/*---------------------- content -------------------------------------*/
.content {
    position: relative;
    z-index: 2;
}

.content:before,
.content:after {
    content: "";
    display: table;
}

.content:after {
    clear: both;
}

.content> .in {
    width: 1000px;
    margin: auto;
}

.services_box {
    position: relative;
}

.services_box .h1 {
    position: absolute;
    top: -136px;
    left: 0;
}

.services_list {
    margin-bottom: 65px;
    margin-left: 10px;
    letter-spacing: -0.3em;
    line-height: 0;
    text-align: left;
}

.services_list x:-o-prefocus,
.services_list {
    word-spacing: -0.3em;
}

.services_list> .item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1.2;
    vertical-align: top;
    z-index: 1;
}

.services_list> .item {
    width: 290px;
    margin: 0 0 0 60px;
    font-size: 14px;
    font-size: 1.4rem;
}

.services_list> .item:first-child {
    margin-left: 0;
}

.services_list .caption {
    margin-bottom: 30px;
    color: #0d4156;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.services_list .list {
    border-left: 1px dashed #c1ccd1;
}

.services_list .list .item {
    margin-top: 8px;
    padding-left: 18px;
    position: relative;
    z-index: 1;
}

.services_list .list .item:before {
    background: #b2ca37;
    border: 2px solid #304d59;
    border-radius: 50px;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -7px;
    top: 0;
    z-index: -1;
}

.services_list .list .item:last-child:after {
    content: '';
    background: #f6f6f6;
    display: block;
    width: 10px;
    position: absolute;
    top: 0;
    left: -6px;
    bottom: 0;
    z-index: -2;
}

.services_list .list .item:first-child {
    margin: 0;
}

.services_list .ico {
    border: 3px solid #a8b7bd;
    border-radius: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 12px;
    position: relative;
}

.services_list .ico .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.services_box .dashed_box .caption {
    margin-bottom: 45px;
    color: #0d4156;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    position: relative;
}

.services_box .dashed_box .caption:before,
.services_box .dashed_box .caption:after {
    content: '';
 /*   background: #a8b7bd;   */
    width: 126px;
    height: 3px;
    position: absolute;
    top: 14px;
    left: 0;
}

.services_box .dashed_box .caption:after {
    left: auto;
    right: 0;
}


.send_request {
  /*  border: 1px dashed #a7b8bf;  */
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 28px;
    color: #245163;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
    text-transform: uppercase;
}

.send_request .free {
    color: #b2ca37;
    font-size: 29px;
    font-size: 2.9rem;
}

.equipment_box {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.equipment_box> .in {
    width: 1000px;
    margin: auto;
    padding-top: 355px;
    position: relative;
}

.equipment_box .h1 {
    position: absolute;
    top: 170px;
    left: 0;
}

.equipment_box .about_equipment {
    width: 336px;
    position: absolute;
    top: 135px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0c3c50;
}

.equipment_box .caption {
    margin-bottom: 28px;
    padding: 0 230px;
    position: relative;
    color: #0d4156;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 300;
    text-align: center;
}

.equipment_box .caption:before {
    content: '';
    background: #a8b7bd;
    width: 180px;
    height: 3px;
    position: absolute;
    top: 14px;
    left: 26px;
}

.equipment_box .caption:after {
    content: '';
    background: #a8b7bd;
    width: 180px;
    height: 3px;
    position: absolute;
    top: 14px;
    right: 26px;
}

.equipment_box .dashed_box {
    border: 1px dashed #a7b8bf;
    border-radius: 11px;
    padding: 18px 12px;
}

.equipment_box .dashed_box .dashed_box {
    padding: 12px;
}

.equipment_box .make_order {
    margin-right: 10px;
    color: #245163;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
}

.equipment_box .make_order .free {
    color: #b2ca37;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
}

.equipment_box .cbg {
    background: url("../images/pic21.jpg") no-repeat 50% 50% fixed;
    height: 342px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -3;
}

.equipment_box .tbg {
    background: url("../images/pic24.png") no-repeat 50% 0;
    height: 97px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.equipment_box .bbg {
    background: url("../images/pic25.png") no-repeat 50% 0;
    height: 96px;
    position: absolute;
    top: 246px;
    left: 0;
    right: 0;
    z-index: -2;
}

.equipment_box .lbg {
    background: url("../images/pic22.png") no-repeat;
    width: 199px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.equipment_box .rbg {
    background: url("../images/pic23.png") no-repeat;
    width: 170px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.about_equipment_list {
    margin-bottom: 20px;
    letter-spacing: -0.3em;
    line-height: 0;
    text-align: left;
}

.about_equipment_list x:-o-prefocus,
.about_equipment_list {
    word-spacing: -0.3em;
}

.about_equipment_list> .item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1.2;
    vertical-align: top;
    z-index: 1;
}

.about_equipment_list> .item {
    width: 177px;
    margin: 0 0 0 15px;
    color: #80939b;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

.about_equipment_list p {
    margin-bottom: 12px;
}

.about_equipment_list .title {
    margin-bottom: 2px;
    color: #0d4156;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.about_equipment_list .fig {
    border: 4px solid #fff;
    border-radius: 3px;
    display: block;
    width: 169px;
    height: 104px;
    margin-bottom: 15px;
    position: relative;
}

.about_equipment_list .fig:before {
    content: '';
    background: url("../images/pic26.png") no-repeat;
    width: 186px;
    height: 13px;
    margin-left: -93px;
    position: absolute;
    bottom: -17px;
    left: 50%;
}

.about_equipment_list .fig .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.about_equipment_list .btn_3 {
    display: block;
}

.our_projects_box {
    position: relative;
    z-index: 1;
}

.our_projects_box .h1 {
    position: absolute;
    top: 183px;
    left: 0;
}

.our_projects_box .about_our_projects {
    width: 350px;
    position: absolute;
    top: 153px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0d4155;
}

.our_projects_box> .in {
    width: 1000px;
    margin: auto;
    padding: 410px 0 0;
    position: relative;
}

.our_projects_box .cbg {
    background: url("../images/pic27.jpg") no-repeat 50% 0 fixed;
    height: 367px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.our_projects_box .lbg {
    background: url("../images/pic28.png") no-repeat;
    width: 199px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.our_projects_box .rbg {
    background: url("../images/pic29.png") no-repeat;
    width: 199px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.our_projects_box .tbg {
    background: url("../images/pic31.png") no-repeat;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_projects_box .bbg {
    background: url("../images/pic30.png") no-repeat;
    height: 82px;
    position: absolute;
    top: 287px;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_projects_carousel {
    padding: 0 47px;
    overflow: hidden;
    position: relative;
}

.our_projects_carousel .in {
    margin: -4px;
    padding: 4px;
    overflow: hidden;
    position: relative;
}

.our_projects_carousel .list {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.our_projects_carousel .list:before,
.our_projects_carousel .list:after {
    display: none;
}

.our_projects_carousel .list> .item {
    display: table-cell;
    width: 281px;
    padding-right: 33px;
    vertical-align: top;
    color: #0d4156;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}

.our_projects_carousel .list> .item:before,
.our_projects_carousel .list> .item:after {
    display: none;
}

.our_projects_carousel .prev,
.our_projects_carousel .next {
    width: 47px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.our_projects_carousel .prev:before,
.our_projects_carousel .next:before {
    content: '';
    background: url("../images/pic32.png") no-repeat;
    width: 29px;
    height: 49px;
    position: absolute;
    top: 70px;
    left: 0;
}

.our_projects_carousel .next {
    left: auto;
    right: 0;
}

.our_projects_carousel .next:before {
    background: url("../images/pic33.png") no-repeat;
    position: absolute;
    top: 70px;
    left: auto;
    right: 0;
}

.our_projects_carousel .fig {
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 0px 4px #bcbcbc;
    -moz-box-shadow: 0px 0px 4px #bcbcbc;
    box-shadow: 0px 0px 4px #bcbcbc;
    display: block;
    width: 272px;
    height: 174px;
    margin-bottom: 8px;
    position: relative;
}

.our_projects_carousel .text {
    display: block;
}

.our_benefits_box {
    position: relative;
    z-index: 1;
}

.our_benefits_box> .in {
    width: 1000px;
    margin: auto;
    padding-top: 560px;
    padding-bottom: 10px;
    position: relative;
}

.our_benefits_box .h1 {
    position: absolute;
    top: 345px;
    left: 0;
}

.our_benefits_box .about_our_benefits {
    width: 340px;
    position: absolute;
    top: 320px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0d4155;
}

.our_benefits_box .order_form {
    border: 2px dashed #fff;
    border-radius: 11px;
    padding: 22px 16px;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
}

.our_benefits_box .order_form .invalid_message {
    color: #fff;
}

.our_benefits_box .order_form .caption {
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.our_benefits_box .order_form p {
    margin: 0;
        color: #fff;
    font-weight: bold;
}

.our_benefits_box .cbg {
    background: url("../images/pic21.jpg") no-repeat 50% 50% fixed;
    height: 536px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.our_benefits_box .tbg {
    background: url("../images/pic31.png") no-repeat 50% 0;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_benefits_box .bbg {
    background: url("../images/pic30.png") no-repeat 50% 0;
    height: 82px;
    position: absolute;
    top: 454px;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_benefits_box .lbg {
    background: url("../images/pic35.png") no-repeat;
    height: 536px;
    width: 199px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.our_benefits_box .rbg {
    background: url("../images/pic36.png") no-repeat;
    height: 536px;
    width: 199px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.our_benefits_list {
    margin: -18px 0 0 -15px;
    letter-spacing: -0.3em;
    line-height: 0;
    text-align: left;
}

.our_benefits_list x:-o-prefocus,
.our_benefits_list {
    word-spacing: -0.3em;
}

.our_benefits_list> .item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1;
    vertical-align: top;
    z-index: 1;
}

.our_benefits_list> .item {
    width: 480px;
    margin: 18px 0 0 15px;
    color: #0d4156;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
}

.our_benefits_list .ico {
    border: 3px solid #a8b7bd;
    border-radius: 50%;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 14px;
    vertical-align: middle;
    position: relative;
}

.our_benefits_list .ico .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.our_benefits_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 380px;
}

.how_we_work_box {
    position: relative;
    z-index: 1;
}

.how_we_work_box .in {
    position: relative;
    width: 1000px;
    padding: 395px 0 27px;
    margin: auto;
}

.how_we_work_box .h1 {
    position: absolute;
    top: 173px;
    left: 0;
}

.how_we_work_box .cbg {
    background: url("../images/pic49.jpg") no-repeat 50% 50% fixed;
    height: 364px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.how_we_work_box .tbg {
    background: url("../images/pic31.png") no-repeat 50% 0;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.how_we_work_box .bbg {
    background: url("../images/pic30.png") no-repeat 50% 0;
    height: 82px;
    position: absolute;
    top: 283px;
    left: 0;
    right: 0;
    z-index: -2;
}

.how_we_work_box .lbg {
    background: url("../images/pic50.png") no-repeat;
    height: 364px;
    width: 197px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.how_we_work_box .rbg {
    background: url("../images/pic51.png") no-repeat;
    height: 364px;
    width: 199px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.how_we_work_box .how_we_work_scheme {
    background: url("../images/pic52.png") no-repeat;
    width: 964px;
    height: 207px;
    margin: 0 auto 80px;
    position: relative;
    font-size: 19px;
    font-size: 1.9rem;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
}

.how_we_work_box .how_we_work_scheme .item {
    position: absolute;
    color: #0d4156;
    text-align: center;
}

.how_we_work_box .map {
    border: 5px solid #a8b7bd;
    border-radius: 7px;
    float: right;
    width: 479px;
    height: 356px;
}

.how_we_work_box .map .img {
    vertical-align: top;
}

.how_we_work_box .dashed_box {
    border: 1px dashed #a7b8bf;
    border-radius: 11px;
    padding: 28px 45px;
}

.how_we_work_box .dashed_box:before,
.how_we_work_box .dashed_box:after {
    content: "";
    display: table;
}

.how_we_work_box .dashed_box:after {
    clear: both;
}

.how_we_work_box .dashed_box .caption {
    margin-bottom: 45px;
    position: relative;
    color: #0d4156;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1;
    text-align: center;
}

.how_we_work_box .dashed_box .caption:before,
.how_we_work_box .dashed_box .caption:after {
    content: '';
    background: #a7b8bf;
    width: 200px;
    height: 3px;
    position: absolute;
    top: 17px;
    left: 0;
}

.how_we_work_box .dashed_box .caption:after {
    left: auto;
    right: 0;
}

.about_how_we_work {
    width: 340px;
    position: absolute;
    top: 146px;
    right: 0;
    color: #fff;
    font-style: italic;
    text-shadow: 1px 1px 0 #0d4155;
}

.region_list .item {
    margin-top: 12px;
    padding-left: 33px;
    position: relative;
    color: #6e8188;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}

.region_list .item:first-child {
    margin: 0;
}

.region_list .item:before {
    content: '';
    background: url("../images/pic54.png") no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -3px;
    left: 0;
}

.garanty_box {
    position: relative;
    z-index: 1;
}

.garanty_box .in {
    width: 1000px;
    margin: auto;
    padding: 446px 0 30px;
    position: relative;
}

.garanty_box .h1 {
    position: absolute;
    top: 187px;
    left: 0;
}

.garanty_box .dashed_box {
    border: 1px dashed #8da6b0;
    border-radius: 11px;
    padding: 22px 30px 40px;
}

.garanty_box .dashed_box .caption {
    margin-bottom: 45px;
    color: #0d4156;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    position: relative;
}

.garanty_box .dashed_box .caption:before,
.garanty_box .dashed_box .caption:after {
    content: '';
 /*   background: #a8b7bd;   */
    width: 126px;
    height: 3px;
    position: absolute;
    top: 14px;
    left: 0;
}

.garanty_box .dashed_box .caption:after {
    left: auto;
    right: 0;
}

.garanty_box .cbg {
    background: url("../images/pic55.jpg") no-repeat 50% 50% fixed;
    height: 387px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.garanty_box .tbg {
    background: url("../images/pic31.png") no-repeat 50% 0;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.garanty_box .bbg {
    background: url("../images/pic30.png") no-repeat 50% 0;
    height: 82px;
    position: absolute;
    top: 306px;
    left: 0;
    right: 0;
    z-index: -2;
}

.garanty_box .lbg {
    background: url("../images/pic56.png") no-repeat;
    height: 387px;
    width: 199px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.garanty_box .rbg {
    background: url("../images/pic57.png") no-repeat;
    height: 387px;
    width: 198px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.about_garanty_box {
    width: 336px;
    position: absolute;
    top: 165px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0d4155;
}

.garanty_list {
    margin: -68px 0 65px -20px;
    letter-spacing: -0.3em;
    line-height: 0;
    text-align: left;
}

.garanty_list x:-o-prefocus,
.garanty_list {
    word-spacing: -0.3em;
}

.garanty_list> .item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1.2;
    vertical-align: top;
    z-index: 1;
}

.garanty_list .item {
    width: 400px;
    margin: 68px 0 0 20px;
    padding-left: 88px;
    position: relative;
    color: #0d4156;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
}

.garanty_list .item:before {
    content: '';
    background: url("../images/pic58.png") no-repeat;
    width: 73px;
    height: 88px;
    position: absolute;
    top: 0;
    left: 0;
}

.garanty_list p {
    margin: 0;
}

.garanty_list .title {
    margin-bottom: 4px;
    color: #0d4156;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
}

.partners_list {
    margin: -45px 0 0 -55px;
    letter-spacing: -0.3em;
    line-height: 0;
    text-align: center;
}

.partners_list x:-o-prefocus,
.partners_list {
    word-spacing: -0.3em;
}

.partners_list> .item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1.2;
    vertical-align: middle;
    z-index: 1;
}

.partners_list .item {
    margin: 45px 0 0 55px;
}

.partners_list .img {
    vertical-align: top;
}

.our_reviews_box {
    position: relative;
    z-index: 1;
}

.our_reviews_box .in {
    width: 1000px;
    margin: auto;
    padding: 431px 0 40px;
    position: relative;
}

.our_reviews_box .in:before,
.our_reviews_box .in:after {
    content: "";
    display: table;
}

.our_reviews_box .in:after {
    clear: both;
}

.our_reviews_box .h1 {
    position: absolute;
    top: 173px;
    left: 0;
}

.our_reviews_box .about_our_reviews {
    width: 338px;
    position: absolute;
    top: 148px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    text-shadow: 1px 1px 0 #0d4155;
}

.our_reviews_box .cbg {
    background: url("../images/pic68.jpg") no-repeat 50% 50% fixed;
    height: 366px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.our_reviews_box .tbg {
    background: url("../images/pic31.png") no-repeat 50% 0;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_reviews_box .bbg {
    background: url("../images/pic30.png") no-repeat 50% 0;
    height: 82px;
    position: absolute;
    top: 285px;
    left: 0;
    right: 0;
    z-index: -2;
}

.our_reviews_box .lbg {
    background: url("../images/pic69.png") no-repeat;
    height: 366px;
    width: 199px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.our_reviews_box .rbg {
    background: url("../images/pic70.png") no-repeat;
    height: 366px;
    width: 199px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.our_reviews_box .video_player {
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    float: left;
    width: 587px;
    height: 342px;
    margin-right: 18px;
}

.our_reviews_box .video_player img {
    vertical-align: top;
}

.our_reviews_list .item {
    background: #e5e9eb;
    border-radius: 3px;
    margin-top: 17px;
    padding: 8px 8px 20px;
    position: relative;
    color: #6d6d6d;
    
    font-size: 16px;
    font-size: 1.6rem;
 */   font-style: italic;  */
}

.our_reviews_list .item:first-child {
    margin: 0;
}

.our_reviews_list p {
    margin: 0;
}

.our_reviews_list .name {
    margin: 0 0 4px 65px;
    padding-top: 18px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-style: italic;
    line-height: 1;
font-weight: bold;
}

.our_reviews_list .position {
    margin: 0 0 20px 65px;
    color: #a7a7a7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    line-height: 1;
}

.our_reviews_list .avatar {
    border-radius: 50%;
    width: 51px;
    height: 51px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    left: 8px;
}

.our_reviews_list .avatar .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.question_box {
    height: 352px;
    position: relative;
    z-index: 1;
}

.question_box .in {
    width: 1000px;
    margin: auto;
    position: relative;
}

.question_box .question_form {
    border: 2px dashed #fff;
    border-radius: 11px;
    padding: 22px 16px;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
}

.question_box .question_form .invalid_message {
    color: #fff;
}

.question_box .question_form .caption {
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.question_box .question_form p {
    margin: 0;
        color: #fff;
    font-weight: bold;
}

.question_box .cbg {
    background: url("../images/pic34.jpg") no-repeat fixed 50% 50%;
    height: 352px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -3;
}

.question_box .tbg {
    background: url("../images/pic31.png") no-repeat 50% 0;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.question_box .lbg {
    background: url("../images/pic69.png") no-repeat;
    height: 366px;
    width: 199px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.question_box .rbg {
    background: url("../images/pic70.png") no-repeat;
    height: 366px;
    width: 199px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.contacts_box:before,
.contacts_box:after {
    content: "";
    display: table;
}

.contacts_box:after {
    clear: both;
}

.contacts_box .in {
    width: 1000px;
    margin: auto;
}

.contacts_box p {
    margin: 0;
}

.contacts_box .context {
    float: left;
    padding: 60px 0 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.contacts_box .company {
    color: #4e5558;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

.contacts_box .address {
    margin-bottom: 18px;
    color: #4e5558;
    font-size: 14px;
    font-size: 1.4rem;
}

.contacts_box .phone {
    color: #788990;
    font-size: 14px;
    font-size: 1.4rem;
}

.contacts_box .number {
    color: #0d4156;
}

.contacts_box .email {
    margin-bottom: 18px;
    color: #788990;
    font-size: 14px;
    font-size: 1.4rem;
}

.contacts_box .email .link {
    color: #8eaf27;
}

.contacts_box .name {
    color: #788990;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
}

.contacts_box .phones {
    color: #0d4156;
    font-size: 14px;
    font-size: 1.4rem;
}

.contacts_box .map {
    float: right;
    margin-right: -500px;
}

.contacts_box .map .img {
    vertical-align: top;
}

.captcha {
    display: inline-block;
    padding-right: 120px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.captcha .field {
    width: 100%;
}

.captcha .fig {
    background: #ffffff;
    border-radius: 4px;
    width: 110px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.captcha .fig img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: top;
}

.modal {
    position: fixed;
    z-index: 1000;
}

.modal .x1 {
    background: #fff;
    border-radius: 6px 6px 0 0;
    margin: -26px -26px 0;
    padding: 21px 0;
    position: relative;
    color: #6a6a6a;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.modal .x1:before {
    content: '';
    background: url("../images/pic75.gif") no-repeat;
    width: 39px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.modal .x1 .green {
    color: #abc331;
}

.modal .form {
    background: #e8e8e8;
    border-radius: 0 0 6px 6px;
    margin: 0 -26px -26px;
    padding: 26px;
}

.modal__inner {
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal,
.modal__bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal__horisontal_inner {
    display: table;
    height: 100%;
    margin: auto;
}

.modal__vertical_inner {
    display: table-cell;
    vertical-align: middle;
}

.modal__bg {
    background: #000;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.show .modal__bg {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modal__content {
    background: #fff;
    border-radius: 6px;
    padding: 26px;
    position: relative;
}

.modal__close_btn {
    background: url("../images/pic74.png") no-repeat 50% 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -1000em;
    z-index: 2;
}

.lightbox__prev,
.lightbox__next {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.lightbox__next {
    left: auto;
    right: 0;
}

.lightbox__title {
    padding: 12px 0 0;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
}

.lightbox__image img {
    vertical-align: top;
}



/*---------------------- end content ----------------------------------*/
/*---------------------- footer ---------------------------------------*/
.footer {
    background: #f8f8f8;
    border-top: 1px solid #bdbdbd;
    height: 110px;
    margin: -110px 0 0 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

.footer .in {
    width: 1000px;
    margin: auto;
}

.copyright {
    float: left;
    padding: 22px 0 0;
    color: #949494;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    
}

.securitypolicy {
    float: left;
    padding: 22px 0 0;
    color: #949494;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
}

.securitypolicy .link {
    color: #a2c43a;
}

.design {
    float: right;
    padding: 22px 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
}

.design .link {
    color: #a2c43a;
}
.counter { 
    float: right;
    padding: 42px 0 0;  
}
.counter .item {
    float: right;
    margin-left: 8px;
}

/*---------------------- end footer -----------------------------------*/
/* media queries */
/* small screens (portrait and landscape) */
/* small screens (landscape) */
/* small screens (portrait) */
/* medium small screens */
/* medium screens (excludes iPad & iPhone) */
/* ipads (portrait and landscape) */
/* ipads (landscape) */
/* ipads (portrait) */
/* medium large screens */
/* large screens */
/* extra large screens */
/* iphone 4 and high pixel ratio (1.5+) devices */
/* iphone 4 and higher pixel ratio (2+) devices (retina) */
/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
/* print media */
@media print {
    * {
        color: black !important;
        background: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        float: none !important;
        clear: none !important;
    }

    html,
    body,
    article,
    header,
    section,
    footer,
    aside,
    div {
        width: 100% !important;
    }

    a,
    a:link,
    a:visited,
    a:hover,
    a:active,
    abbr,
    acronym {
        text-decoration: none;
        border-bottom: 0 none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li {
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    nav {
        display: none;
    }
}