@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0);
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'), url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format('truetype'), url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'), url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format('svg');
    font-weight: 400;
    font-style: normal
}

.icon-action-redo,
.icon-action-undo,
.icon-anchor,
.icon-arrow-down,
.icon-arrow-down-circle,
.icon-arrow-left,
.icon-arrow-left-circle,
.icon-arrow-right,
.icon-arrow-right-circle,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-badge,
.icon-bag,
.icon-ban,
.icon-basket,
.icon-basket-loaded,
.icon-bell,
.icon-book-open,
.icon-briefcase,
.icon-bubble,
.icon-bubbles,
.icon-bulb,
.icon-calculator,
.icon-calendar,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-camera,
.icon-camrecorder,
.icon-chart,
.icon-check,
.icon-chemistry,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-compass,
.icon-control-end,
.icon-control-forward,
.icon-control-pause,
.icon-control-play,
.icon-control-rewind,
.icon-control-start,
.icon-credit-card,
.icon-crop,
.icon-cup,
.icon-cursor,
.icon-cursor-move,
.icon-diamond,
.icon-direction,
.icon-directions,
.icon-disc,
.icon-dislike,
.icon-doc,
.icon-docs,
.icon-drawer,
.icon-drop,
.icon-earphones,
.icon-earphones-alt,
.icon-emotsmile,
.icon-energy,
.icon-envelope,
.icon-envelope-letter,
.icon-envelope-open,
.icon-equalizer,
.icon-event,
.icon-exclamation,
.icon-eye,
.icon-eyeglass,
.icon-feed,
.icon-film,
.icon-fire,
.icon-flag,
.icon-folder,
.icon-folder-alt,
.icon-frame,
.icon-game-controller,
.icon-ghost,
.icon-globe,
.icon-globe-alt,
.icon-graduation,
.icon-graph,
.icon-grid,
.icon-handbag,
.icon-heart,
.icon-home,
.icon-hourglass,
.icon-info,
.icon-key,
.icon-layers,
.icon-like,
.icon-link,
.icon-list,
.icon-location-pin,
.icon-lock,
.icon-lock-open,
.icon-login,
.icon-logout,
.icon-loop,
.icon-magic-wand,
.icon-magnet,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-map,
.icon-menu,
.icon-microphone,
.icon-minus,
.icon-mouse,
.icon-music-tone,
.icon-music-tone-alt,
.icon-mustache,
.icon-note,
.icon-notebook,
.icon-options,
.icon-options-vertical,
.icon-organization,
.icon-paper-clip,
.icon-paper-plane,
.icon-paypal,
.icon-pencil,
.icon-people,
.icon-phone,
.icon-picture,
.icon-pie-chart,
.icon-pin,
.icon-plane,
.icon-playlist,
.icon-plus,
.icon-power,
.icon-present,
.icon-printer,
.icon-puzzle,
.icon-question,
.icon-refresh,
.icon-reload,
.icon-rocket,
.icon-screen-desktop,
.icon-screen-smartphone,
.icon-screen-tablet,
.icon-settings,
.icon-share,
.icon-share-alt,
.icon-shield,
.icon-shuffle,
.icon-size-actual,
.icon-size-fullscreen,
.icon-social-behance,
.icon-social-dribbble,
.icon-social-dropbox,
.icon-social-facebook,
.icon-social-foursqare,
.icon-social-github,
.icon-social-google,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-reddit,
.icon-social-skype,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-steam,
.icon-social-stumbleupon,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-vkontakte,
.icon-social-youtube,
.icon-speech,
.icon-speedometer,
.icon-star,
.icon-support,
.icon-symbol-female,
.icon-symbol-male,
.icon-tag,
.icon-target,
.icon-trash,
.icon-trophy,
.icon-umbrella,
.icon-user,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-vector,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-wallet,
.icon-wrench {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-user:before {
    content: "\e005"
}

.icon-people:before {
    content: "\e001"
}

.icon-user-female:before {
    content: "\e000"
}

.icon-user-follow:before {
    content: "\e002"
}

.icon-user-following:before {
    content: "\e003"
}

.icon-user-unfollow:before {
    content: "\e004"
}

.icon-login:before {
    content: "\e066"
}

.icon-logout:before {
    content: "\e065"
}

.icon-emotsmile:before {
    content: "\e021"
}

.icon-phone:before {
    content: "\e600"
}

.icon-call-end:before {
    content: "\e048"
}

.icon-call-in:before {
    content: "\e047"
}

.icon-call-out:before {
    content: "\e046"
}

.icon-map:before {
    content: "\e033"
}

.icon-location-pin:before {
    content: "\e096"
}

.icon-direction:before {
    content: "\e042"
}

.icon-directions:before {
    content: "\e041"
}

.icon-compass:before {
    content: "\e045"
}

.icon-layers:before {
    content: "\e034"
}

.icon-menu:before {
    content: "\e601"
}

.icon-list:before {
    content: "\e067"
}

.icon-options-vertical:before {
    content: "\e602"
}

.icon-options:before {
    content: "\e603"
}

.icon-arrow-down:before {
    content: "\e604"
}

.icon-arrow-left:before {
    content: "\e605"
}

.icon-arrow-right:before {
    content: "\e606"
}

.icon-arrow-up:before {
    content: "\e607"
}

.icon-arrow-up-circle:before {
    content: "\e078"
}

.icon-arrow-left-circle:before {
    content: "\e07a"
}

.icon-arrow-right-circle:before {
    content: "\e079"
}

.icon-arrow-down-circle:before {
    content: "\e07b"
}

.icon-check:before {
    content: "\e080"
}

.icon-clock:before {
    content: "\e081"
}

.icon-plus:before {
    content: "\e095"
}

.icon-minus:before {
    content: "\e615"
}

.icon-close:before {
    content: "\e082"
}

.icon-event:before {
    content: "\e619"
}

.icon-exclamation:before {
    content: "\e617"
}

.icon-organization:before {
    content: "\e616"
}

.icon-trophy:before {
    content: "\e006"
}

.icon-screen-smartphone:before {
    content: "\e010"
}

.icon-screen-desktop:before {
    content: "\e011"
}

.icon-plane:before {
    content: "\e012"
}

.icon-notebook:before {
    content: "\e013"
}

.icon-mustache:before {
    content: "\e014"
}

.icon-mouse:before {
    content: "\e015"
}

.icon-magnet:before {
    content: "\e016"
}

.icon-energy:before {
    content: "\e020"
}

.icon-disc:before {
    content: "\e022"
}

.icon-cursor:before {
    content: "\e06e"
}

.icon-cursor-move:before {
    content: "\e023"
}

.icon-crop:before {
    content: "\e024"
}

.icon-chemistry:before {
    content: "\e026"
}

.icon-speedometer:before {
    content: "\e007"
}

.icon-shield:before {
    content: "\e00e"
}

.icon-screen-tablet:before {
    content: "\e00f"
}

.icon-magic-wand:before {
    content: "\e017"
}

.icon-hourglass:before {
    content: "\e018"
}

.icon-graduation:before {
    content: "\e019"
}

.icon-ghost:before {
    content: "\e01a"
}

.icon-game-controller:before {
    content: "\e01b"
}

.icon-fire:before {
    content: "\e01c"
}

.icon-eyeglass:before {
    content: "\e01d"
}

.icon-envelope-open:before {
    content: "\e01e"
}

.icon-envelope-letter:before {
    content: "\e01f"
}

.icon-bell:before {
    content: "\e027"
}

.icon-badge:before {
    content: "\e028"
}

.icon-anchor:before {
    content: "\e029"
}

.icon-wallet:before {
    content: "\e02a"
}

.icon-vector:before {
    content: "\e02b"
}

.icon-speech:before {
    content: "\e02c"
}

.icon-puzzle:before {
    content: "\e02d"
}

.icon-printer:before {
    content: "\e02e"
}

.icon-present:before {
    content: "\e02f"
}

.icon-playlist:before {
    content: "\e030"
}

.icon-pin:before {
    content: "\e031"
}

.icon-picture:before {
    content: "\e032"
}

.icon-handbag:before {
    content: "\e035"
}

.icon-globe-alt:before {
    content: "\e036"
}

.icon-globe:before {
    content: "\e037"
}

.icon-folder-alt:before {
    content: "\e039"
}

.icon-folder:before {
    content: "\e089"
}

.icon-film:before {
    content: "\e03a"
}

.icon-feed:before {
    content: "\e03b"
}

.icon-drop:before {
    content: "\e03e"
}

.icon-drawer:before {
    content: "\e03f"
}

.icon-docs:before {
    content: "\e040"
}

.icon-doc:before {
    content: "\e085"
}

.icon-diamond:before {
    content: "\e043"
}

.icon-cup:before {
    content: "\e044"
}

.icon-calculator:before {
    content: "\e049"
}

.icon-bubbles:before {
    content: "\e04a"
}

.icon-briefcase:before {
    content: "\e04b"
}

.icon-book-open:before {
    content: "\e04c"
}

.icon-basket-loaded:before {
    content: "\e04d"
}

.icon-basket:before {
    content: "\e04e"
}

.icon-bag:before {
    content: "\e04f"
}

.icon-action-undo:before {
    content: "\e050"
}

.icon-action-redo:before {
    content: "\e051"
}

.icon-wrench:before {
    content: "\e052"
}

.icon-umbrella:before {
    content: "\e053"
}

.icon-trash:before {
    content: "\e054"
}

.icon-tag:before {
    content: "\e055"
}

.icon-support:before {
    content: "\e056"
}

.icon-frame:before {
    content: "\e038"
}

.icon-size-fullscreen:before {
    content: "\e057"
}

.icon-size-actual:before {
    content: "\e058"
}

.icon-shuffle:before {
    content: "\e059"
}

.icon-share-alt:before {
    content: "\e05a"
}

.icon-share:before {
    content: "\e05b"
}

.icon-rocket:before {
    content: "\e05c"
}

.icon-question:before {
    content: "\e05d"
}

.icon-pie-chart:before {
    content: "\e05e"
}

.icon-pencil:before {
    content: "\e05f"
}

.icon-note:before {
    content: "\e060"
}

.icon-loop:before {
    content: "\e064"
}

.icon-home:before {
    content: "\e069"
}

.icon-grid:before {
    content: "\e06a"
}

.icon-graph:before {
    content: "\e06b"
}

.icon-microphone:before {
    content: "\e063"
}

.icon-music-tone-alt:before {
    content: "\e061"
}

.icon-music-tone:before {
    content: "\e062"
}

.icon-earphones-alt:before {
    content: "\e03c"
}

.icon-earphones:before {
    content: "\e03d"
}

.icon-equalizer:before {
    content: "\e06c"
}

.icon-like:before {
    content: "\e068"
}

.icon-dislike:before {
    content: "\e06d"
}

.icon-control-start:before {
    content: "\e06f"
}

.icon-control-rewind:before {
    content: "\e070"
}

.icon-control-play:before {
    content: "\e071"
}

.icon-control-pause:before {
    content: "\e072"
}

.icon-control-forward:before {
    content: "\e073"
}

.icon-control-end:before {
    content: "\e074"
}

.icon-volume-1:before {
    content: "\e09f"
}

.icon-volume-2:before {
    content: "\e0a0"
}

.icon-volume-off:before {
    content: "\e0a1"
}

.icon-calendar:before {
    content: "\e075"
}

.icon-bulb:before {
    content: "\e076"
}

.icon-chart:before {
    content: "\e077"
}

.icon-ban:before {
    content: "\e07c"
}

.icon-bubble:before {
    content: "\e07d"
}

.icon-camrecorder:before {
    content: "\e07e"
}

.icon-camera:before {
    content: "\e07f"
}

.icon-cloud-download:before {
    content: "\e083"
}

.icon-cloud-upload:before {
    content: "\e084"
}

.icon-envelope:before {
    content: "\e086"
}

.icon-eye:before {
    content: "\e087"
}

.icon-flag:before {
    content: "\e088"
}

.icon-heart:before {
    content: "\e08a"
}

.icon-info:before {
    content: "\e08b"
}

.icon-key:before {
    content: "\e08c"
}

.icon-link:before {
    content: "\e08d"
}

.icon-lock:before {
    content: "\e08e"
}

.icon-lock-open:before {
    content: "\e08f"
}

.icon-magnifier:before {
    content: "\e090"
}

.icon-magnifier-add:before {
    content: "\e091"
}

.icon-magnifier-remove:before {
    content: "\e092"
}

.icon-paper-clip:before {
    content: "\e093"
}

.icon-paper-plane:before {
    content: "\e094"
}

.icon-power:before {
    content: "\e097"
}

.icon-refresh:before {
    content: "\e098"
}

.icon-reload:before {
    content: "\e099"
}

.icon-settings:before {
    content: "\e09a"
}

.icon-star:before {
    content: "\e09b"
}

.icon-symbol-female:before {
    content: "\e09c"
}

.icon-symbol-male:before {
    content: "\e09d"
}

.icon-target:before {
    content: "\e09e"
}

.icon-credit-card:before {
    content: "\e025"
}

.icon-paypal:before {
    content: "\e608"
}

.icon-social-tumblr:before {
    content: "\e00a"
}

.icon-social-twitter:before {
    content: "\e009"
}

.icon-social-facebook:before {
    content: "\e00b"
}

.icon-social-instagram:before {
    content: "\e609"
}

.icon-social-linkedin:before {
    content: "\e60a"
}

.icon-social-pinterest:before {
    content: "\e60b"
}

.icon-social-github:before {
    content: "\e60c"
}

.icon-social-google:before {
    content: "\e60d"
}

.icon-social-reddit:before {
    content: "\e60e"
}

.icon-social-skype:before {
    content: "\e60f"
}

.icon-social-dribbble:before {
    content: "\e00d"
}

.icon-social-behance:before {
    content: "\e610"
}

.icon-social-foursqare:before {
    content: "\e611"
}

.icon-social-soundcloud:before {
    content: "\e612"
}

.icon-social-spotify:before {
    content: "\e613"
}

.icon-social-stumbleupon:before {
    content: "\e614"
}

.icon-social-youtube:before {
    content: "\e008"
}

.icon-social-dropbox:before {
    content: "\e00c"
}

.icon-social-vkontakte:before {
    content: "\e618"
}

.icon-social-steam:before {
    content: "\e620"
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr,
fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ul li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

img {
    max-width: 100%;
    height: auto
}

.wrapper {
    max-width: 1110px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:830px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
}

h1 {
    font-family: Century;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 71px;
    letter-spacing: .01em;
    color: #000
}

.header {
    background-size: cover;
    min-height: 800px;
    margin-bottom: 150px
}

a {
    text-decoration: none;
    color: #fff
}

a,
button,
h1,
h2,
h4,
input,
li,
p,
span {
    font-family: Cambria;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6e6075
}

a:hover {
    color: #beadc5;
    -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    transition: all 280ms cubic-bezier(0, 0, .58, 1)
}

.section__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #9e8ba7;
    border-radius: 10px;
    background-color: #9e8ba7;
    min-height: 95px
}

.section__menu .section__title .section__title__left {
    width: 265px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section__menu .section__title .section__title__left img {
    width: 110px
}

.section__menu .section__title .section__title__left a {
    font-size: 22px;
    color: #fff
}

.section__menu .section__title__two {
    text-align: center
}

.section__menu .section__title__two h2 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 4px
}

.section__menu .section__title__two p {
    font-size: 19px;
    color: #fff;
    text-transform: none;
    margin-bottom: 4px
}

.section__btn {
    margin-bottom: 30px
}

.section__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section__btn ul li {
    margin-right: 35px;
    margin-bottom: 15px;
    background-color: #9e8ba7;
    border-radius: 7px;
    padding: 7px
}

.section__btn ul li a {
    color: #fff
}

.section__btn ul li:hover {
    -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    transition: all 280ms cubic-bezier(0, 0, .58, 1);
    background-color: #beadc5
}

.section__btn ul li:hover a {
    color: #fff
}

input[type=text] {
    color: #6e6075
}

input[type=text]::-webkit-input-placeholder {
    color: #6e6075
}

input[type=text]::-moz-placeholder {
    color: #6e6075
}

input[type=submit] {
    color: #fff !important;
    background: #9e8ba7
}

input[type=submit]:hover {
    -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    transition: all 280ms cubic-bezier(0, 0, .58, 1);
    color: #fff !important;
    background: #beadc5
}

.first__screan {
    background: url(/images/dest/kniga-lezhit-divan-biblioteka.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 180px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.first__screan .first__screan__title {
    background-color: rgba(250, 250, 250, .8);
    padding: 50px;
    margin: 0 auto;
    min-width: 30%;
    padding: 10px
}

.first__screan .first__screan__title h1 {
    font-size: 28px;
    text-align: center;
    line-height: 28px
}

.first__screan .banner_caption {
    text-align: justify;
    max-width: 400px;
    height: 314px;
    background-color: rgba(250, 250, 250, .95);
    padding: 50px
}

.first__screan .banner_caption h4 {
    font-size: 18px;
    margin-bottom: 20px
}

.first__screan .banner_caption span {
    text-transform: none;
    font-size: 16px
}

.first__screan .banner_caption p {
    margin-top: 20px;
    text-transform: none;
    font-size: 16px
}

.rectangle {
    margin-bottom: 50px
}

.rectangle__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rectangle__item .title__search {
    width: 100%;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    background-color: #9e8ba7;
    border-radius: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rectangle__item .title__search p {
    font-size: 19px;
    color: #fff;
    text-transform: none
}

.rectangle__item .input,
.rectangle__item select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase;
    color: #727272
}

.rectangle__item .input div ul,
.rectangle__item select div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.rectangle__item .input div .postform,
.rectangle__item select div .postform {
    height: 52px;
    width: 344px;
    letter-spacing: 1px
}

.rectangle__item .input input,
.rectangle__item .input select,
.rectangle__item select input,
.rectangle__item select select {
    border: 1px solid;
    padding-left: 10px;
    height: 50px;
    border: 1px solid #9e8ba7;
    margin-bottom: 25px;
    width: 332px;
    color: #6e6075;
    border-radius: 10px
}

.rectangle__item .btn {
    width: 100%;
    text-align: right
}

.rectangle__item .btn button {
    width: 160px;
    height: 50px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    color: #727272;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .05em
}

.second__screan .title {
    text-align: center;
    margin-bottom: 50px
}

.second__screan .title h1 {
    font-size: 30px;
    line-height: 28px
}

.second__screan .box__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.second__screan .box__item .items {
    border: 3px solid #9e8ba7;
    border-radius: 25px;
    width: 200px;
    height: 180px;
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
    margin-bottom: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    background-color: #fff
}

.second__screan .box__item .items:hover {
    -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
    transition: all 280ms cubic-bezier(0, 0, .58, 1);
    background-color: #fafafa
}

.second__screan .box__item .items a {
    margin: 0 auto;
    font-size: 18px;
    line-height: 22px;
    text-transform: none
}

.thre__screan {
    margin-bottom: 50px
}

.thre__screan .title {
    text-align: center;
    margin-bottom: 50px
}

.thre__screan .title h1 {
    font-size: 30px;
    line-height: 28px
}

.thre__screan .desc span {
    font-size: 16px
}

.thre__screan .desc p {
    text-transform: none;
    font-size: 16px;
    margin-bottom: 30px;
    letter-spacing: .1em
}

.foot {
    background: #9e8ba7;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    border-radius: 10px
}

.foot p {
    color: #fff
}

.tree__screan {
    height: 160px
}

.section__list {
    margin-bottom: 50px
}

.section__list ul {
    background-color: rgba(250, 250, 250, .8);
    padding: 30px
}

.section__list ul li {
    margin-bottom: 10px
}

.section__list ul li a {
    font-size: 16px;
    text-transform: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.section__list ul li a:hover {
    margin-left: 1%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.section__list ul li a::before {
    content: '\2192';
    margin-right: 5px
}

.datatree__title h1 {
    font-size: 24px;
    line-height: 28px
}

.data__item__list {
    border: 1px solid #beadc5;
    background-color: rgba(250, 250, 250, .8);
    margin-bottom: 20px;
    padding: 20px
}

.data__item__list .document__title {
    margin-bottom: 20px
}

.data__item__list .document__title h1 {
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .06em
}

.data__item__list .document__attribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.data__item__list .document__attribute .attribute__box {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.data__item__list .document__attribute .attribute__box .doc__item {
    margin-right: 10px
}

.data__item__list .document__attribute .attribute__box .doc__item p {
    text-transform: none;
    letter-spacing: .06em;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #727272
}

.data__item__list .download__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.data__item__list .download__file a {
    font-size: 46px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.data__item__list .download__file a:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.data__item__list .download__file .btn button {
    border: 1px solid #dadada;
    background-color: rgba(250, 250, 250, .8);
    font-size: 20px;
    padding: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.data__item__list .download__file .btn button:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid red;
    background-color: rgba(250, 250, 250, .8)
}

.register__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff
}

.register__item .title__search {
    width: 100%;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    background-color: #9e8ba7;
    padding-left: 10px
}

.register__item .title__search p {
    font-size: 14px
}

.register__item .title__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.register__item .title__desc .title__desc__p {
    color: #dadada;
    margin-bottom: 10px
}

.register__item .input,
.register__item select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase;
    color: #727272
}

.register__item .input div ul,
.register__item select div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.register__item .input div .postform,
.register__item select div .postform {
    height: 52px;
    width: 344px
}

.register__item .input input,
.register__item .input select,
.register__item select input,
.register__item select select {
    border: 1px solid;
    padding-left: 10px;
    height: 50px;
    border: 1px solid #dadada;
    margin-bottom: 25px;
    width: 50%
}

.register__item button {
    width: 51%;
    height: 50px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #efefef;
    color: #181717;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .05em
}

.register__item button:hover {
    background: #9e8ba7;
    color: #181717;
    -webkit-transition: .33s all ease;
    -o-transition: .33s all ease;
    transition: .33s all ease
}

@media (max-width:1100px) {
    .rectangle {
        margin-bottom: 50px
    }

    .rectangle__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff
    }

    .rectangle__item .title__search {
        width: 100%;
        margin-bottom: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        background-color: #9e8ba7;
        padding-left: 10px
    }

    .rectangle__item .title__search p {
        font-size: 14px
    }

    .rectangle__item .input,
    .rectangle__item select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-transform: uppercase;
        color: #727272
    }

    .rectangle__item .input div ul,
    .rectangle__item select div ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .rectangle__item .input div .postform,
    .rectangle__item select div .postform {
        height: 52px;
        min-width: 344px
    }

    .rectangle__item .input input,
    .rectangle__item .input select,
    .rectangle__item select input,
    .rectangle__item select select {
        border: 1px solid;
        padding-left: 10px;
        height: 50px;
        border: 1px solid #dadada;
        margin-bottom: 25px;
        min-width: 332px
    }

    .rectangle__item .btn {
        width: 100%;
        text-align: right
    }

    .rectangle__item .btn button {
        width: 160px;
        height: 50px;
        border: 1px solid #dadada;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: 0 0;
        color: #727272;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .05em
    }
}

@media (max-width:768px) {
    .section__menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

    .section__menu .section__title {
        margin-bottom: 10px
    }

    .section__menu .section__title__two h2 {
        line-height: 25px
    }

    .section__menu .section__title__two p {
        margin-bottom: 10px
    }

    ul {
        margin: 15px 0 15px 0
    }
}

@media (max-width:576px) {
    .second__screan .title {
        text-align: center;
        margin-bottom: 50px
    }

    .second__screan .title h1 {
        font-size: 30px
    }

    .second__screan .box__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .second__screan .box__item .items {
        border: 1px solid #dadada;
        min-width: 200px;
        height: 200px;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
        margin-bottom: 49px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 15px
    }

    .second__screan .box__item .items:hover {
        -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
        -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
        transition: all 280ms cubic-bezier(0, 0, .58, 1);
        background-color: #dadada
    }

    .second__screan .box__item .items a {
        margin: 0 auto;
        font-size: 18px
    }
}

@media (max-width:480px) {
    .second__screan .title {
        text-align: center;
        margin-bottom: 50px
    }

    .second__screan .title h1 {
        font-size: 30px
    }

    .second__screan .box__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .second__screan .box__item .items {
        border: 1px solid #dadada;
        min-width: 80%;
        height: 200px;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
        margin-bottom: 49px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 15px
    }

    .second__screan .box__item .items:hover {
        -webkit-transition: all 280ms cubic-bezier(0, 0, .58, 1);
        -o-transition: all 280ms cubic-bezier(0, 0, .58, 1);
        transition: all 280ms cubic-bezier(0, 0, .58, 1);
        background-color: #dadada
    }

    .second__screan .box__item .items a {
        margin: 0 auto;
        font-size: 18px
    }
}