@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700&subset=latin,cyrillic); html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;} html, body { height: 100%;} body { font: bold 15px/20px 'Roboto Slab', serif; color: #34495e; background: #ffffff url("../images/bg.jpg") 50% 0 no-repeat fixed; background-size: cover; /*background-attachment:;*/} img { border: none;} a { cursor: pointer; text-decoration: underline; outline: none;} a:hover { text-decoration: none;} p { margin-bottom: 18px;} h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-family: 'Roboto Slab', serif; font-weight: bold; line-height: normal;} h1 { font-size: 50px;} h2 { font-size: 40px;} h3 { font-size: 28px;} h4 { font-size: 24px;} h5 { font-size: 20px;} h6 { font-size: 16px;} input[type='submit'], input[type='button'] { cursor: pointer;} ol, ul { margin-bottom: 28px;} .head:after, .section_01:after, .smack_list:after, .smack_container:after, .inst_list:after, .inst_container:after, .footer:after { content: ''; display: table; clear: both;} .main { width: 1200px; margin: 0 auto; position: relative; background: #fff; box-shadow: 0 0 10px rgba(146,0,138, 0.5);} .header { width: 1183px; padding: 0 8px 0 9px; position: absolute; top: 0; left: 0; z-index: 100;} .head_01, .head_02, .head { height: 76px; background: url("../images/sprite_01.png") no-repeat;} .head_01 { background-position: 0 0; padding-left: 32px;} .head_02 { background-position: 100% -76px; padding-right: 32px;} .head { background-position: 0 -152px; background-repeat: repeat-x;} .nav { max-width: 690px; padding: 12px 10px 0; float: left;} .nav ul { margin: 0;} .nav li { float: left; margin-right: 12px; list-style: none;} .nav li a { color: #ffffff;} .tel { padding: 13px 8px; float: right; font-size: 20px; color: #ffffff;} .section_01 { height: 760px; padding: 0 13px 0 14px; background: url("../images/fon-1.jpg") no-repeat; color: #ffffff;} .pres_col { width: 412px; padding-top: 83px; float: left;} .ord_col { width: 420px; float: right; position: relative;} .section_01 .ord_col { padding-top: 85px;} .sur_01, .sur_02, .sur, .orig_01, .orig_02, .orig, .order_01, .order_02, .order, .present_01, .present_02, .present { background: url("../images/sprite_02.png") no-repeat;} .sur_01, .orig_01 { width: 412px; padding-top: 32px;} .sur_01 { margin-bottom: 2px;} .sur_02, .orig_02 { background-position: -414px 100%; padding-bottom: 32px;} .sur, .orig { background-position: -828px 0; background-repeat: repeat-y;} .sur { padding: 5px 40px;} .sur h2 { margin-bottom: 13px; font-size: 40px; line-height: 45px;} .sur_tx { margin-bottom: 5px; font-size: 20px; line-height: 25px;} .orig { padding: 4px 40px 7px 132px; font-size: 26px; line-height: 30px; position: relative;} .orig:before { content: ''; display: block; width: 108px; height: 98px; background: url("../images/sprite_03.png") 0 -47px no-repeat; position: absolute; top: 7px; left: 9px;} .order_01, .present_01 { background-position: -1242px 0; padding-top: 32px;} .order_01 { margin-bottom: -16px;} .order_02, .present_02 { background-position: -1664px 100%; padding-bottom: 32px;} .order, .present { background-position: -2086px 0; background-repeat: repeat-y;} .order { padding: 3px 38px 0;} .present { padding: 2px 39px 0;} .price { margin-bottom: 11px; font-size: 94px; line-height: 94px; text-align: right; padding-right: 28px;} .rub { display: inline-block; position: relative;} .rub:after { content: ''; display: block; width: 46px; height: 3px; background: #ffffff; position: absolute; top: 63px; left: 2px;} .old_price { display: block; font-size: 35px; line-height: 40px; text-decoration: line-through;} .balance { margin-bottom: 8px; font-size: 0;} .balance_numb, .balance_tx { display: inline-block; vertical-align: middle;} .balance_numb { width: 136px; padding: 0 5px 0 4px;} .balance_numb span { display: block; width: 36px; height: 50px; margin-left: -5px; padding: 5px 7px 7px 5px; float: left; background: url("../images/sprite_03.png") -111px -47px no-repeat; font-size: 45px; line-height: 45px; text-align: center; position: relative;} .balance_numb span i { display: block; width: 40px; height: 8px; background: url("../images/sprite_03.png") -111px -125px no-repeat; position: absolute; top: 26px; left: 3px;} .balance_tx { width: 198px; font-size: 20px; line-height: 20px; position: relative; top: -3px;} .order_form h3 { margin-bottom: 6px; font-size: 25px;} .i_wr { padding: 6px 0 8px;} .i_wr:first-child { padding-bottom: 10px;} .i_wr input { width: 100%; box-sizing: border-box; border: none; font: bold 20px/48px 'Roboto Slab', serif; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} .i_wr input[type="text"] { height: 48px; padding: 0 19px; background: #ffffff;} .label { color: #b0afb8;} .i_wr .send { display: inline-block; width: 344px; height: 48px; color: #ffffff; padding: 0 0 6px; line-height: 42px; background: #FC00FF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC00FF), to(#8d0085)); background: -webkit-linear-gradient(#FC00FF, #8d0085); background: -moz-linear-gradient(#FC00FF, #8d0085); background: -ms-linear-gradient(#FC00FF, #8d0085); background: -o-linear-gradient(#FC00FF, #8d0085); background: linear-gradient(#FC00FF, #8d0085); -pie-background: linear-gradient(#FC00FF, #8d0085);} @-moz-document url-prefix("") {.i_wr .send { padding: 0 0 5px; line-height: 41px;} } .present h3 { margin-bottom: 4px; padding-left: 10px; font-size: 26px;} .smack { min-height: 49px; padding: 10px 0 0 107px; font-size: 20px; background: url("../images/fruits.png") -13px 0 no-repeat;} .section_02 { padding: 0 30px;} .container { padding: 72px 52px 86px 560px; position: relative;} .container h2 { margin-bottom: 9px; font-size: 26px; line-height: 30px;} .cont_video { width: 469px; height: 312px; position: absolute; top: -42px; left: 48px; background: #fff;} .fr_01, .fr_02, .fr_03, .fr_04, .fr_05, .fr_06, .fr_07, .fr_08, .fr_09, .fr_10, .fr_11, .fr_12, .fr_13, .fr_14 { position: absolute; background: url("../images/sprite_03.png") no-repeat;} .fr_01 { width: 428px; height: 29px; top: -5px; left: -5px; background-position: 0 -15px;} .fr_02 { width: 51px; height: 19px; top: -5px; right: -5px; background-position: -342px -47px;} .fr_03 { width: 33px; height: 2px; top: 14px; right: -5px; background-position: -396px -47px;} .fr_04 { width: 23px; height: 2px; top: 16px; right: -5px; background-position: -396px -52px;} .fr_05 { width: 19px; height: 3px; top: 18px; right: -5px; background-position: -396px -57px;} .fr_06 { width: 15px; height: 270px; top: 21px; right: -5px; background-position: -449px -15px;} .fr_07 { width: 19px; height: 3px; bottom: 18px; right: -5px; background-position: -396px -63px;} .fr_08 { width: 27px; height: 3px; bottom: 15px; right: -5px; background-position: -396px -69px;} .fr_09 { width: 47px; height: 3px; bottom: 12px; right: -5px; background-position: -342px -69px;} .fr_10 { width: 479px; height: 12px; bottom: 0; left: -5px; background-position: 0 0;} .fr_11 { width: 49px; height: 3px; bottom: 12px; left: -5px; background-position: -342px -75px;} .fr_12 { width: 27px; height: 3px; bottom: 15px; left: -5px; background-position: -396px -75px;} .fr_13 { width: 19px; height: 3px; bottom: 18px; left: -5px; background-position: -396px -81px;} .fr_14 { width: 15px; height: 267px; bottom: 21px; left: -5px; background-position: -431px -15px;} .nice_list { margin-bottom: 45px; padding-left: 23px;} .nice_list ul { margin: 0; font-size: 0;} .nice_list li { display: inline-block; vertical-align: top; width: 204px; font-size: 15px; list-style: none; margin: 0 12px 12px 0; text-align: center; cursor: pointer;} .nice_img { display: inline-block; width: 125px; height: 125px; margin-bottom: 2px; position: relative; border: 10px solid #d9dde1; -webkit-border-radius: 74px; -moz-border-radius: 74px; border-radius: 74px;} .nice_img img { width: 125px; height: 125px; position: relative; vertical-align: top; -webkit-border-radius: 62px; -moz-border-radius: 62px; border-radius: 62px;} .section_03 { height: 681px; padding: 39px 65px 0; background: url("../images/fon-2.jpg") no-repeat; text-align: center; color: #ffffff;} .section_03 h2 { margin-bottom: 51px; font-size: 30px; line-height: 30px;} .section_03 h2 span { display: inline-block; height: 35px; padding: 0 9px; margin-bottom: 7px; background: #006dd5;} .smoke_list { margin-bottom: 11px;} .smoke_list ul { margin: 0; font-size: 0;} .smoke_list li { display: inline-block; width: 265px; height: 265px; margin: 0 21px 42px; padding: 20px; position: relative;} .smoke_img { width: 265px; height: 265px;} .smoke_img img { position: relative; -webkit-border-radius: 132px; -moz-border-radius: 132px; border-radius: 132px;} .smoke_round { width: 305px; height: 305px; position: absolute; top: 0; left: 0; background: url("../images/round.png") no-repeat;} .smoke_tx { width: 100%; height: 40px; box-sizing: border-box; padding: 0 60px; font-size: 26px; line-height: 40px; position: absolute; left: 0; bottom: 68px;} .smoke_cont { margin-bottom: 34px; padding: 0 25px; font-size: 25px; line-height: 24px;} .smoke_cont span { display: inline-block; height: 27px; margin-bottom: 4px; padding: 0 8px; background: #4c26c3;} .btn_wr { margin-bottom: 20px; text-align: center;} .order_btn, .start_btn { display: inline-block; width: 273px; height: 48px; font-size: 20px; color: #ffffff; line-height: 45px; text-align: center; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-decoration: none;} .order_btn { width: 273px; background: #FCA61A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCA61A), to(#f95501)); background: -webkit-linear-gradient(#FCA61A, #f95501); background: -moz-linear-gradient(#FCA61A, #f95501); background: -ms-linear-gradient(#FCA61A, #f95501); background: -o-linear-gradient(#FCA61A, #f95501); background: linear-gradient(#FCA61A, #f95501); -pie-background: linear-gradient(#FCA61A, #f95501);} .section_04 { min-height: 160px; padding: 49px 30px 65px; text-align: center; background: url("../images/smoke_sh.png") 66px 100% no-repeat;} .section_04 h1 { margin-bottom: 45px;} .member_list { margin-bottom: 61px;} .member_list ul { margin: 0; font-size: 0;} .member_list li { display: inline-block; vertical-align: top; width: 326px; margin: 0 15px 15px; list-style: none;} .member_img { margin-bottom: 12px;} .member_img img { vertical-align: top; position: relative; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .member_tx { padding: 0 46px; font-size: 15px;} .member_tx span { display: block; margin-bottom: 2px; font-size: 20px;} .start_btn { width: 276px; background: #FC00FF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC00FF), to(#8b0082)); background: -webkit-linear-gradient(#FC00FF, #8b0082); background: -moz-linear-gradient(#FC00FF, #8b0082); background: -ms-linear-gradient(#FC00FF, #8b0082); background: -o-linear-gradient(#FC00FF, #8b0082); background: linear-gradient(#FC00FF, #8b0082); -pie-background: linear-gradient(#FC00FF, #8b0082);} .section_05 { height: 841px; padding: 29px 30px 0; background: url("../images/fon-3.jpg") no-repeat;} .section_05 h2 { margin-bottom: 34px; font-size: 50px; text-align: center;} .smack_sl { margin-bottom: 42px; padding: 0 35px; position: relative;} .smack_list { width: 1004px; margin: 0 auto; padding: 15px 0 31px; overflow: hidden;} .smack_list ul { width: 300%; margin: 0;} .smack_list li { width: 132px; height: 146px; margin: 0 7px; padding: 16px 0 31px; list-style: none; float: left; background: url("../images/sh.png") 50% 100% no-repeat; position: relative; text-align: center;} .smack_list li:hover { padding: 16px 7px 31px; margin: 0;} .smack_hov { display: none; width: 125px; height: 170px; padding: 20px 10px 0; font-size: 12px; line-height: 15px; position: absolute; top: 0; left: 0; background: url("../images/hov_bg.png") repeat; color: #ffffff; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .smack_list li:hover .smack_hov { display: block;} .smack_name { display: block; margin-bottom: 15px; font-size: 15px;} .smack_name span { display: block; margin-bottom: 5px;} .smack_prev, .smack_next { display: block; width: 28px; height: 88px; background: url("../images/sprite_03.png") no-repeat; position: absolute; top: 64px;} .smack_prev { left: 0; background-position: 0 -147px;} .smack_next { right: 0; background-position: -33px -147px;} .smack_container { margin-bottom: 40px; padding: 0 42px 0 84px;} .system_tx { width: 290px; margin-right: 60px; padding-top: 7px; float: left;} .rem { font-size: 12px; line-height: 15px;} .system { width: 89px; height: 281px; float: left; padding: 0 150px 0 0; background: url("../images/system.png") no-repeat; position: relative;} .point_1, .point_2, .point_3, .point_4, .point_5 { width: 112px; position: absolute; left: 114px; font-size: 12px; line-height: 15px;} .point_1 { top: 17px;} .point_2 { top: 84px;} .point_3 { top: 132px;} .point_4 { top: 174px;} .point_5 { top: 230px;} .point_1:before, .point_2:before, .point_3:before,.point_4:before, .point_5:before { content: ''; display: block; height: 6px; background: url("../images/sprite_03.png") no-repeat; position: absolute;} .point_1:before, .point_2:before, .point_3:before, .point_5:before { width: 39px; background-position: -342px -87px;} .point_1:before { top: 12px; left: -49px;} .point_2:before, .point_3:before { top: 6px; left: -48px;} .point_4:before { width: 73px; background-position: -342px -96px; top: 9px; left: -84px;} .point_5:before { top: 11px; left: -49px;} .smack_plus { width: 378px; float: right; text-align: center;} .smack_plus h3 { margin-bottom: 8px; font-size: 40px;} .smack_plus_tx { margin-bottom: 31px; font-size: 26px;} .smack_plus_img { margin-bottom: 10px;} .order_btn.mod { background: #FC00FF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC00FF), to(#8d0085)); background: -webkit-linear-gradient(#FC00FF, #8d0085); background: -moz-linear-gradient(#FC00FF, #8d0085); background: -ms-linear-gradient(#FC00FF, #8d0085); background: -o-linear-gradient(#FC00FF, #8d0085); background: linear-gradient(#FC00FF, #8d0085); -pie-background: linear-gradient(#FC00FF, #8d0085);} .section_6 { padding: 66px 30px 0;} .section_6 h2 { margin-bottom: 48px; font-size: 50px; text-align: center;} .eco_list { margin-bottom: 13px; text-align: center;} .eco_list ul { margin: 0; font-size: 0;} .eco_list li { display: inline-block; vertical-align: top; width: 302px; margin: 0 37px 6px; list-style: none; font-size: 15px;} .eco_img { display: inline-block; width: 265px; height: 265px; margin-bottom: 28px; border: 10px solid #d9dde1; position: relative; -webkit-border-radius: 142px; -moz-border-radius: 142px; border-radius: 142px;} .eco_img img { width: 265px; height: 265px; position: relative; -webkit-border-radius: 132px; -moz-border-radius: 132px; border-radius: 132px;} .eco_list li h3 { margin-bottom: 17px; font-size: 26px;} .eco_help { width: 420px; margin: 0 auto 41px; padding: 25px 20px 31px 107px; border: 2px solid #c2c8ce; position: relative; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .eco_help:before { content: ''; display: block; width: 45px; height: 42px; background: url("../images/sprite_03.png") -229px -47px no-repeat; position: absolute; top: 26px; left: 32px;} .section_7 { padding: 30px 30px 0; height: 821px; background: url("../images/fon-4.jpg") no-repeat;} .section_7 h2 { margin-bottom: 44px; padding: 0 120px; font-size: 50px; color: #ffffff; text-align: center; position: relative;} .section_7 h2:before { content: ''; width: 64px; height: 64px; background: url("../images/sprite_03.png") -162px -47px no-repeat; position: absolute; top: 6px; left: 50px;} .inst_sl { margin-bottom: 43px; padding: 0 50px; position: relative;} .inst_list { width: 1040px !important; overflow: hidden;} .inst_list ul { width: 300%; margin: 0;} .inst_list li { width: 326px; height: 548px; margin-right: 31px; background: url("../images/inst_bg.png") repeat; font-family: Helvetica, sans-serif; color: #ffffff; float: left; list-style: none;} .inst_container { padding: 7px 10px 10px;} .inst_av { width: 37px; height: 37px; padding-top: 3px; float: left; margin-right: 16px;} .inst_info { overflow: hidden;} .inst_info span { display: block; padding-left: 17px; position: relative;} .inst_info span:before { content: ''; display: block; width: 8px; height: 12px; background: url("../images/sprite_03.png") -342px -105px no-repeat; position: absolute; top: 4px; left: 2px;} .inst_img { height: 326px; margin-bottom: 20px;} .inst_like, .inst_comment { padding: 0 15px 0 45px; position: relative;} .inst_like:before, .inst_comment:before { content: ''; display: block; background: url("../images/sprite_03.png") no-repeat; position: absolute; left: 17px;} .inst_like:before { width: 17px; height: 17px; background-position: -353px -105px; top: 1px;} .inst_comment:before { width: 16px; height: 17px; background-position: -373px -105px; top: 5px;} .inst_like { margin-bottom: 16px;} .inst_like span { font-size: 20px;} .inst_comment span { color: #a99fd6;} .inst_prev, .inst_next { display: block; width: 29px; height: 90px; background: url("../images/sprite_03.png") no-repeat; position: absolute; top: 175px;} .inst_prev { left: 0; background-position: -277px -47px;} .inst_next { right: 0; background-position: -310px -47px;} .section_8 { padding-top: 29px; text-align: center; position: relative; z-index: 20;} .section_8 h2 { margin-bottom: 54px; font-size: 50px;} .orig_list { margin-bottom: 30px;} .orig_list ul { margin: 0; font-size: 0;} .orig_list li { display: inline-block; vertical-align: top; width: 257px; margin: 0 18px 15px; list-style: none;} .orig_img { width: 237px; height: 159px; margin-bottom: 20px; padding: 10px; background: #d9dde1; position: relative; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;} .orig_tx { padding: 0 6px; font-size: 15px;} .section_9 { min-height: 125px; margin-top: -92px; padding: 121px 110px 118px; text-align: center; background: url("../images/fon-5.jpg") no-repeat; position: relative; z-index: 10;} .orig_title { font-size: 50px; line-height: 55px; position: relative;} .section_10 { padding: 13px 30px 43px; text-align: center;} .section_10 h3 { margin-bottom: 34px; font-size: 26px;} .work_list ul { margin: 0; font-size: 0; } .work_list li { display: inline-block; vertical-align: top; width: 200px; margin: 0 6px 10px;} .work_img { display: inline-block; width: 125px; height: 125px; margin-bottom: 4px; border: 10px solid #d9dde1; position: relative; -webkit-border-radius: 72px; -moz-border-radius: 72px; border-radius: 72px;} .work_img img { width: 125px; height: 125px; vertical-align: top; position: relative; -webkit-border-radius: 62px; -moz-border-radius: 62px; border-radius: 62px;} .ord_img { display: block; width: 183px; height: 48px; background: url("../images/sprite_03.png") -66px -147px no-repeat; position: absolute; top: 50px; left: 50%; margin-left: -92px;} .work_tx { font-size: 15px;} .section_11 { height: 588px; padding: 52px 35px 0 101px; background: url("../images/fon-6.jpg") no-repeat; color: #ffffff;} .section_11 .ord_col { margin-left: 10px; z-index: 20;} .adv_wr { padding-top: 9px; position: relative; z-index: 10;} .adv_wr h3 { margin-bottom: 53px; font-size: 30px; line-height: 31px;} .adv_wr h3 span { display: inline-block; height: 35px; margin-bottom: 6px; padding: 0 7px; background: #006dd5;} .adv_list { padding-left: 30px;} .adv_01, .adv_02, .adv_03 { position: relative;} .adv_01 { padding: 7px 0 38px 114px;} .adv_02, .adv_03 { padding: 0 0 38px 114px;} .adv_01:before, .adv_02:before, .adv_03:before { content: ''; display: block; width: 79px; background: url("../images/sprite_03.png") no-repeat; position: absolute; left: 0;} .adv_01:before { height: 64px; background-position: -277px -147px; top: 0;} .adv_02:before { height: 50px; background-position: -66px -214px; top: 3px;} .adv_03:before { height: 79px; background-position: -162px -214px; top: 5px;} .adv_01 h4 { margin-bottom: 2px; font-size: 26px;} .adv_02 h5, .adv_03 h5 { margin-bottom: 3px; font-size: 20px;} .footer { padding: 25px 56px 25px 68px; color: #000000;} .foot_c1 { width: 750px; float: left;} .foot_c2 { max-width: 320px; float: right;} .foot_c1 span { margin-right: 18px;} .section_12 { height: 564px; padding: 75px 0 0; background: url("../images/fon-7.jpg") no-repeat; color: #ffffff;} .section_12 h2 { margin-bottom: 33px; font-size: 30px; line-height: 31px; text-align: center;} .section_12 h2 span { display: inline-block; height: 35px; margin-bottom: 6px; padding: 0 6px; background: #2747d4;} .feedback_01, .feedback_02, .feedback { background: url("../images/sprite_02.png") no-repeat;} .feedback_01 { width: 1137px; margin: 0 auto 44px; padding-top: 32px; background-position: -2508px 0;} .feedback_02 { padding-bottom: 32px; background-position: -3647px 100%;} .feedback { padding: 19px 50px 2px; background-position: -4786px 0; background-repeat: repeat-y;} .feedback h3 { margin-bottom: 24px; font-size: 25px; text-align: center;} .feedback_line { padding: 17px 0 20px 12px; font-size: 0;} .l_wr { display: inline-block; width: 170px; margin-right: 12px;} .l_wr label { font-size: 20px; line-height: 48px;} .feedback_line input { height: 48px; margin-right: 16px; padding: 0 19px; background: #ffffff; position: relative; font: bold 20px/48px 'Roboto Slab'; border: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} .city, .mail, .street { width: 225px;} .house { width: 65px;} .index { width: 95px;} .n_spam { margin: 0 8px; font-size: 15px; line-height: 48px;} .send_online { display: inline-block; width: 500px; height: 48px; font: bold 20px/42px 'Roboto Slab', serif; color: #ffffff; padding: 0; border: none; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #FCA61A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCA61A), to(#f95501)); background: -webkit-linear-gradient(#FCA61A, #f95501); background: -moz-linear-gradient(#FCA61A, #f95501); background: -ms-linear-gradient(#FCA61A, #f95501); background: -o-linear-gradient(#FCA61A, #f95501); background: linear-gradient(#FCA61A, #f95501); -pie-background: linear-gradient(#FCA61A, #f95501);} @-moz-document url-prefix("") {.send_online { padding: 0 0 3px; line-height: 40px;} } @media screen and (max-width: 980px) { .adv_list p {font-size: 0.75em; padding-bottom: 0;} .adv_02, .adv_03 { padding-bottom: 10px;} }