.work { display: block; padding: 0; position: relative; }
.work h1 { font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 72px; line-height: 84px; color: #4d4f53; }
.work_desc { font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; font-style: normal; }
.work_desc a { color: #00bf00; }
.work_desc span { padding: 0 30px 0 30px; line-height: 30px; }
.work_price { font-family: 'Lato', "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; margin: 20px 0 20px 0; }
.work_price span { border: 1px solid #989898; border-radius: 6px; line-height: 24px; padding: 10px 20px; text-align: center; }
.work_task, .work_text { font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; font-style: italic; font-weight: 300; max-width: 760px; margin: 0 auto; text-align: left; }
.work p { font-size: 16px; font-weight: 400; font-style: normal; line-height: 24px; }
.work_task span { font-weight: 600; }
.lon-paper-lists { display: block; background: url(../work/lon-site/images/paper-lists.png) no-repeat left top; margin: 0 auto; width: 1207px; height: 1285px; }
.lon-brief { width: 1140px; position: relative;  margin: 0 auto; text-align: left; z-index: 10; height: 805px; }
.lon-brief_title { padding-left: 36px;  margin-bottom: 16px; }
.lon-brief_client { padding-left: 36px;  width: 405px;  margin-bottom: 50px; }
.lon-brief_we { padding-left: 105px;  width: 430px; background: url("../work/lon-site/images/search-icon.png") no-repeat left top; min-height: 83px; }
.lon-brief_image { position: absolute; top: 0; }
.lon-brief_image_1 { display: block; }
.lon-brief_image_2 { display: none; width: 100%; max-width: 750px; margin: 0 auto; }
.lb_60 { font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 700; font-style: normal; font-size: 60px; line-height: 65px; }
.lr_16 { font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; }
.ll_24i { font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 300; font-style: italic; font-size: 24px; line-height: 30px; }
.lon-circle { position: absolute; top: 50%; right: 300px; margin-top: -208px; width: 416px; height: 416px; border-radius: 50%; font-size: 22px; color: #fff; padding-top: 45px; text-align: center; background: #78d229; white-space: pre-line; line-height: 30px; z-index: 100; }
.lon-deadline { width: 820px; position: relative; margin: 25px auto 25px auto; text-align: left; }
.lon-deadline_title { padding-left: 36px; margin-bottom: 16px; }
.lon-deadline_text { padding-left: 36px; }
.lon-deadline_result { margin-top: 20px; padding-left: 105px; background: url("../work/lon-site/images/one-icon.png") no-repeat left top; min-height: 90px; width: 640px; }
.lon-logo-promo { width: 100%; height: auto; min-height: 420px; margin: 25px 0 25px 0; float: left; position: relative; overflow: hidden; background: url("../work/lon-site/images/lon-logo-promo.jpg") no-repeat right top; background-size: 100%; }
.lon-logo-promo_block { text-align: left; margin-top: 5%; padding-left: 15%; }
.lon-logo-promo_title { margin-bottom: 16px; max-width: 60%; }
.lon-logo-promo_text { margin-bottom: 16px; max-width: 45%; }
.paper-button { text-transform: uppercase; font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 700; font-size: 12px; line-height: 40px; color: #fff; padding: 16px 38px; letter-spacing: 2px; max-width: 100%; }
.paper-button:hover { background-color: #00bf00; }
.paper-button_blue { background-color: #556a94; }
.images-max { display:block; position:relative; }
.images-max img { width:auto; display: block; max-width: 100% !important; z-index:9; margin: 0 auto }
.uni-centered { font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; max-width: 760px; margin: 0 auto; text-align: center; font-size: 16px; font-weight: 400; font-style: normal; line-height: 24px; }
.mtb_16 { margin-top: 16px; margin-bottom: 16px; }
.uni-first_title { padding-bottom: 30px; }
.uni-first_problem { padding-bottom: 20px; }
.uni-center-icon { padding-left: 105px; background: url("../work/lon-site/images/seven-icon.png") no-repeat left top; min-height: 83px; max-width: 640px; text-align: left; margin: 30px auto 30px auto; }
.lon-3d-angel { padding-top: 10px; padding-bottom: 40px; background-color: #fff; }
.uni-review { padding: 10px 10px 40px 10px; background-color: #fff; }
.uni-review_text p { padding: 12px 0 12px 0; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; max-width: 760px; margin: 0 auto; text-align: center; font-size: 24px; font-weight: 400; font-style: normal; line-height: 36px; color: #000; }
.uni-review_client { padding: 10px 0 20px 0; }
.uni-review_client_who { padding-top: 30px; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; line-height: 24px;}
.uni-review_client_name { display: block; font-size: 20px; font-weight: 700; }
.uni-review_client_post { display: block; font-size: 16px; font-weight: 400; }
.lon-teasers { padding-top: 40px; padding-bottom: 40px; background-color: #fff; }
.lon-teaser-steps { padding-top: 70px; }
.color_a1 { padding: 20px 10px 0 10px; color: #a1a1a1; max-width: 520px; }
.lon-svg-rulez { padding: 20px 0 20px 0 }
.lon-devil {  width: 1405px; position: relative;  margin: 20px auto 0 auto;  text-align: left;  z-index: 10;  height: 1342px;  }
.lon-devil_content { padding: 110px 0 0 10%; }
.lon-devil_title {  margin-bottom: 16px;  }
.lon-devil_desc {  width: 505px; }
.lon-devil_image {  position: absolute;  top: 0; overflow: hidden }
.lon-devil_image_1 {  display: block; }
.lon-devil_image_2 {  display: none;  width: 100%;  max-width: 1164px;  margin: 0 auto;  }
.pre-footer { font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; padding-top: 50px; padding-bottom: 50px; }
.pf-soc { padding-bottom: 50px; }
.pf-soc_desc { font-size: 24px; font-weight: 300; line-height: 36px; color: #999; }
.pf-soc_action { padding-top: 15px; font-weight: 300; font-style: italic; font-size: 14px; color: #999; text-align: center; }
.pf-soc_action ul { list-style: none; }
.pf-soc_action ul li { display: inline-block; vertical-align: middle; padding: 0 5px; }
.pf-navi { border-top: 1px dotted #d8d8d8; padding-top: 45px; }
.pf-navi_left { float: left; width: 33.33%; text-align: left; min-height: 1px; }
.pf-navi_left_link { display: block; position: relative; }
.pf-navi_left_link:hover span { color: #00cc00; }
.pf-navi_left_icon { position: absolute; top: 0; left: 0; }
.pf-navi_left_title { display: block; padding-left: 40px; color: #4d4f53; font-size: 24px; }
.pf-navi_left_desc { display: block; padding-left: 40px; font-size: 14px; font-style: italic; color: #999; line-height: 36px; }
.pf-navi_center { float: left; width: 33.33%; min-width: 120px; text-align: center; }
.pf-navi_center_all { display: block; position: relative; width: 110px; margin: 0 auto }
.pf-navi_center_all span { display: block; padding-top: 58px; font-weight: 600; text-transform: uppercase; color: #00bf00; font-size: 12px; letter-spacing: 2px; }
.pf-navi_center_all:hover span { color: #00cc00; }
.pf-navi_right { float: left; width: 33.33%; text-align: right; }
.pf-navi_right_link { display: block; position: relative; }
.pf-navi_right_link:hover span { color: #00cc00; }
.pf-navi_right_icon { position: absolute; top: 0; right: 0; }
.pf-navi_right_title { display: block; padding-right: 40px; color: #4d4f53; font-size: 24px; }
.pf-navi_right_desc { display: block; padding-right: 40px; font-size: 14px; font-style: italic; color: #999; line-height: 36px; }
.psss-sprite { background: url("../work/lon-site/images/psss-sprites.png") no-repeat; display: block; }
.go-all { width: 42px; height: 42px; background-position: -5px -5px; position: absolute; top: 0; left: 50%; margin-left: -21px; }
.pf-navi_center_all:hover .go-all { width: 42px; height: 42px; background-position: -57px -5px; }
.go-next { width: 20px; height: 50px; background-position: -149px -5px; }
.pf-navi_right_link:hover .go-next { width: 20px; height: 50px; background-position: -179px -5px; }
.go-prev { width: 19px; height: 50px; background-position: -261px -5px; }
.pf-navi_left_link:hover .go-prev { width: 19px; height: 50px; background-position: -290px -5px; }
.go-facebook { width: 10px; height: 19px; background-position: -109px -5px; }
.go-facebook:hover { width: 10px; height: 19px; background-position: -129px -5px; }
.go-pinterest { width: 16px; height: 20px; background-position: -209px -5px; }
.go-pinterest:hover { width: 16px; height: 20px; background-position: -235px -5px; }
.go-twitter { width: 22px; height: 17px; background-position: -319px -5px; }
.go-twitter:hover { width: 22px; height: 17px; background-position: -351px -5px; }
.go-vk { width: 25px; height: 14px; background-position: -383px -5px; }
.go-vk:hover { width: 25px; height: 14px; background-position: -418px -5px; }
.psss-footer { background: #f5f5f5 url("../work/lon-site/images/psss.png") no-repeat center top; min-height: 408px; overflow: hidden; text-align: center; padding-top: 140px; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; }
.psss-footer span{  display: block;  }
.psss-footer_wedo { padding: 18px 20px 50px 20px; font-size: 16px; max-width: 480px; line-height: 24px; margin: 0 auto; }
.psss-footer_gotmilk { color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; background-color: #00bf00; padding: 19px 40px; letter-spacing: 2px; }
.psss-footer_gotmilk:hover { background-color: #00cc00; }
@media only screen and (min-width: 980px) and (max-width: 1469px) {
    .lon-brief { width: 100%; height: auto }
    .lon-brief_title { padding: 0; }
    .lon-brief_client { padding: 0; width: 100%; }
    .lon-brief_we { width: 100%;  }
    .lon-brief_image {  position: relative;  padding-top: 30px;  }
    .lon-brief_image_1 {  display: none  }
    .lon-brief_image_2 {  display: block  }
    .lon-devil {  width: 100%; height: auto  }
    .lon-devil_content { padding: 0; width: 960px; margin: 0 auto; }
    .lon-devil_title {  margin-bottom: 16px;  }
    .lon-devil_desc {  width: 100%; }
    .lon-devil_image {  position: relative;  padding-top: 30px; }
    .lon-devil_image_1 {  display: none  }
    .lon-devil_image_2 {  display: block  }
    .lon-circle { position: relative; top: 0; right: 0; margin-top: 0; white-space: normal; border-radius: 0; width: 100%; text-align: left; height: auto; padding: 20px 40px;  }
    .lon-deadline {  width: 100%;  margin: 25px 10px  }
    .lon-deadline_title { padding: 0  }
    .lon-deadline_text { padding: 0;  width: 100%  }
    .lon-deadline_result { width: 100% }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .lon-brief { width: 100%; height: auto  }
    .lon-brief_title { padding: 0;  }
    .lon-brief_client { padding: 0;  width: 100%;  }
    .lon-brief_we { width: 100%;  }
    .lon-brief_image { position: relative;  padding-top: 30px;  }
    .lon-brief_image_1 { display: none  }
    .lon-brief_image_2 { display: block }
    .lon-devil {  width: 100%; height: auto  }
    .lon-devil_content { padding: 0; width: 640px; margin: 0 auto; }
    .lon-devil_title {  margin-bottom: 16px;  }
    .lon-devil_desc {  width: 100%; }
    .lon-devil_image {  position: relative;  padding-top: 30px; }
    .lon-devil_image_1 {  display: none  }
    .lon-devil_image_2 {  display: block  }
    .lon-circle { position: relative; top: 0; right: 0; margin-top: 0; white-space: normal; border-radius: 0; width: 100%; text-align: left; height: auto; padding: 20px 40px; }
    .lon-deadline { width: 100%; margin: 25px 10px  }
    .lon-deadline_title {  padding: 0  }
    .lon-deadline_text { padding: 0;  width: 100%  }
    .lon-deadline_result {  width: 100%  }
    .lon-logo-promo { background: url("../work/lon-site/images/lon-logo-promo3.jpg") no-repeat center top; background-size: 100%; }
    .lon-logo-promo_block { display: block; width: 640px; padding: 50% 0 0 0; margin: 5% auto 0 auto; }
    .lon-logo-promo_title { max-width: 100%; }
    .lon-logo-promo_text { max-width: 100%; }
}
@media only screen and (max-width: 767px) {
    .work h1 { font-size: 36px; line-height: 42px; }
    .work_desc span { float: none; display: block; }
    .image-container { padding-bottom: 20px; }
    .work_price span { border: none; }
    .work_price { margin: 10px 0 10px 0; }
    .lon-brief {  width: 100%;  height: auto  }
    .lon-brief_title {  padding: 0;  }
    .lon-brief_client {  padding: 0;  width: 100%;  }
    .lon-brief_we {  width: 100%;  }
    .lon-brief_image {  position: relative;  padding-top: 30px;  }
    .lon-brief_image_1 {  display: none  }
    .lon-brief_image_2 {  display: block  }
    .title_r {  font-size: 36px;  line-height: 42px;  }
    .lon-devil {  width: 100%; height: auto  }
    .lon-devil_content { padding: 0 10px;  width: 320px; margin: 0 auto; }
    .lon-devil_title {  margin-bottom: 16px;  }
    .lon-devil_desc {  width: 100%; }
    .lon-devil_image {  position: relative;  padding-top: 30px; }
    .lon-devil_image_1 {  display: none  }
    .lon-devil_image_2 {  display: block  }
    .lon-circle { position: relative; top: 0; right: 0; margin-top: 0; white-space: normal; border-radius: 0; width: 100%; text-align: left; height: auto;  padding: 20px 40px;  }
    .lon-deadline {  width: 100%;  padding: 0 10px  }
    .lon-deadline_title {  padding: 0  }
    .lon-deadline_text { padding: 0;  width: 100% }
    .lon-deadline_result { width: 100% }
    .lon-logo-promo { background: url("../work/lon-site/images/lon-logo-promo3.jpg") no-repeat center top; background-size: 100%; }
    .lon-logo-promo_block { display: block; width: 320px; padding: 50% 0 0 0; margin: 5% auto 0 auto; }
    .lon-logo-promo_title { max-width: 100%; padding: 0 10px; }
    .lon-logo-promo_text { max-width: 100%; margin-bottom: 0; padding: 0 10px; }
    .lon-logo-promo_button { padding: 0 5px;}
    .paper-button { display: block; padding: 8px 0; width: 100%; text-align: center; line-height: 20px; }
    .pf-navi_left { width: 100%; }
    .pf-navi_center { width: 100%; margin-top: 10px; }
    .pf-navi_right { width: 100%; margin-top: 30px; }
    .uni-review_text p { text-align: left; font-size: 16px; line-height: 24px;}
}