<style>
.ing_img1 {
background: #19a0c0 none repeat scroll 0 0;
padding-bottom: 30px;
}
.ing_img1 .ing_header {
background: #75cde2 none repeat scroll 0 0;
margin-bottom: 30px;
margin-top: 5px;
padding: 34px 0;
text-align: center;
width: 100%;
}
.ing_img1 .ing_header span {
color: white;
font-family: "gotham_probold_italic";
font-size: 23px;
}
.ing_img1 .ing_header span.listerine {
border-right: 2px solid white;
font-family: "gotham_probold";
font-size: 54px;
font-weight: 900;
letter-spacing: -5px;
margin-top: 15px;
padding-right: 25px;
padding-top: 0;
}
.ing_img1 .ing_header span.listerine sup {
font-size: 10px;
margin-left: 2px;
top: -16px;
}
.ing_img1 .ing_header span.rule {
display: block;
float: right;
padding-right: 20px;
margin-top: -10px;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
.ing_img1 .ing_header span.listerine {
border-right: none;
padding-right: 0px;
}
.ing_img1 .ing_header span.rule {
display: block;
float: none;
padding-right: 0px;
margin-top: 10px;
}
}
.ing_img1 .ing_header span.delim {
background: white none repeat scroll 0 0;
display: block;
float: left !important;
height: 58px;
margin-left: 26px;
width: 2px;
}
.ing_img1 .ing_step {
color: white;
background: #19a0c0 none repeat scroll 0 0;
}
.ing_img1 .ing_step::after, .ing_img1 .ing_step::before {
clear: both;
content: " ";
display: block;
}
.ing_img1 .ing_step .icon {
float: left;
}
.ing_img1 .ing_step .d {
float: left;
display: block;
font-family: "gotham_probold_italic";
font-size: 40px;
font-weight: 900;
padding-right: 16px;
padding-top: 9px;
margin-left: 50px;
}
.ing_img1 .ing_step.ing_step_1 .d {
margin-left:20px;
}
.ing_img1 .ing_step.ing_step_2 .d {
margin-left:20px;
}
.ing_img1 .ing_step.ing_step_3 .d {
margin-left: 30px;
margin-top: -30px;
}
.ing_img1 .ing_step.ing_step_4 .d {
margin-left:40px;
margin-top: 20px;
}
.ing_img1 .ing_step.ing_step_5 .d {
margin-left:20px;
}
.ing_img1 .ing_step .text {
float: left;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
}
.ing_img1 .ing_step.ing_step_1 .text {width: 150px;}
.ing_img1 .ing_step.ing_step_2 .text {width: 180px;}
.ing_img1 .ing_step.ing_step_3 .text {width: 270px; margin-top: -35px;}
.ing_img1 .ing_step.ing_step_4 .text {width: 140px; margin-top:20px;}
.ing_img1 .ing_step.ing_step_5 .text {width: 180px;}
/*icons*/
.ing_img1 .ing_step .icon {
height: 100px;
width: 100px;
display: block;
}
.ing_img1 .ing_step.ing_step_1 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_1.png") no-repeat scroll 0 0 / contain ;
margin-left: 100px;
}
.ing_img1 .ing_step.ing_step_2 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_2.png") no-repeat scroll 0 0 / contain ;
margin-left: 195px;
}
.ing_img1 .ing_step.ing_step_3 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_3.png") no-repeat scroll 0 0 / contain ;
margin-left: 90px;
}
.ing_img1 .ing_step.ing_step_4 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_4.png") no-repeat scroll 0 0 / contain ;
margin-left: 180px;
}
.ing_img1 .ing_step.ing_step_5 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_5.png") no-repeat scroll 0 0 / contain ;
margin-left: 95px;
}
.ing_img1 .ing_step.ing_step_finish .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-ing_step_finish.png") no-repeat scroll 0 0 / contain ;
}
.ing_img1 .ing_step_icon_finish {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_icon_finish.png") no-repeat scroll 0 0 / contain ;
margin-left: 200px;
height: 100px;
width: 200px;
display: block;
}
/*ways*/
.ing_img1 .ing_step_way {
height: 100px;
}
.ing_img1 .ing_step_way_1 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_way_1.png") no-repeat scroll 0 0 / contain ;
margin-left: 140px;
margin-top: -40px;
}
.ing_img1 .ing_step_way_2 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_way_2.png") no-repeat scroll 0 0 / contain ;
margin-left: 130px;
margin-top: -35px;
}
.ing_img1 .ing_step_way_3 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_way_3.png") no-repeat scroll 0 0 / contain ;
margin-left: 135px;
margin-top: -60px;
}
.ing_img1 .ing_step_way_4 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_way_4.png") no-repeat scroll 0 0 / contain ;
margin-left: 140px;
margin-top: -10px;
}
.ing_img1 .ing_step_way_finish {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-1-step_way_finish.png") no-repeat scroll 0 0 / contain ;
margin-left: 145px;
margin-top: -20px;
}
.ing_img1 .remark {
color: #ffffff;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
margin-left: 160px;
text-align: left;
width: 332px;
}
.ing_img1 .remark b {
color: #ffffff;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 19px;
font-style: italic;
font-weight: 100;
}
.ing_img1 .tip {
color: white;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
margin-left: 210px;
padding: 10px 0;
text-transform: uppercase;
}
.ing_img1 .ing_step_finish_text {
color: #ffffff;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 100;
margin-left: 80px;
text-align: center;
width: 476px;
}
@media screen and (min-width: 0px) and (max-width: 800px) {
.ing_img1 .ing_step.ing_step_1 .icon { margin-left: 10px;}
.ing_img1 .ing_step.ing_step_2 .icon { margin-left: 105px;}
.ing_img1 .ing_step.ing_step_3 .icon { margin-left: 5px;}
.ing_img1 .ing_step.ing_step_4 .icon { margin-left: 90px;}
.ing_img1 .ing_step.ing_step_5 .icon { margin-left: 5px;}
.ing_img1 .ing_step_way_1 { margin-left: 50px;}
.ing_img1 .ing_step_way_2 { margin-left: 40px;}
.ing_img1 .ing_step_way_3 { margin-left: 45px;}
.ing_img1 .ing_step_way_4 { margin-left: 50px;}
.ing_img1 .ing_step_way_finish { margin-left: 55px;}
.ing_img1 .ing_step_icon_finish {margin-left: 90px;}
.ing_img1 .tip {margin-left: 120px;}
.ing_img1 .remark {margin-left: 40px; }
.ing_img1 .ing_step_finish_text {margin-left: 30px; width: 400px;}
}
@media screen and (min-width: 660px) and (max-width: 800px) {
.ing_img1 .ing_step .text {
font-size: 13px;
}
.ing_img1 .ing_step.ing_step_3 .text {
margin-top: -35px;
width: 265px;
}
}
@media screen and (min-width: 0px) and (max-width: 660px) {
.ing_img1 .ing_step.ing_step_3 .d {
margin-left: 10px;
margin-top: 0px;
}
.ing_img1 .ing_step.ing_step_4 .d {
margin-left: 10px;
margin-top: 20px;
}
.ing_img1 .ing_step_way_2 {
margin-left: 40px;
margin-top: -60px;
}
.ing_img1 .ing_step_way_3 {
margin-top: -70px;
}
.ing_img1 .ing_step .text {
font-size: 13px;
}
.ing_img1 .ing_step.ing_step_2 .text {
width: 120px;
}
.ing_img1 .ing_step.ing_step_3 .text {
margin-top: 0px;
width: 240px;
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.ing_img1 .remark {margin-left: 40px; font-size: 12px; }
.ing_img1 .ing_step_finish_text {margin-left: 20px; width: 300px; font-size: 12px;}
}
@media screen and (min-width: 0px) and (max-width: 450px) {
.ing_img1 .ing_step_way { display:none;}
.ing_img1 .ing_step .icon {margin-left: 5px !important;}
.ing_img1 .ing_step {margin-bottom: 20px;}
.ing_img1 .ing_step .d {margin-left: 5px !important; margin-top: 0px!important;}
.ing_img1 .ing_step .text { width: 140px !important; margin-top: 0px!important;}
}
@media screen and (min-width: 0px) and (max-width: 380px) {
.ing_img1 .ing_step_icon_finish{margin-left: 50px !important;}
.ing_img1 .tip {margin-left: 35px;}
.ing_img1 .remark {margin-left: 20px; font-size: 12px; width: 200px !important;}
.ing_img1 .remark b{font-size: 14px; }
.ing_img1 .ing_step_finish_text {margin-left: 20px; width: 200px !important; font-size: 12px;}
}
@media screen and (min-width: 0px) and (max-width: 315px) {
.ing_img1 .ing_step .icon {
height: 30px;
margin-left: 0;
margin-top: 50px;
width: 30px;
}
.ing_img1 .ing_step .d {margin-left: -25px !important; margin-top: 0px!important;}
.ing_img1 .ing_step_icon_finish{ width: 150px !important;}
.ing_img1 .ing_step .text {
margin-top: 0 !important;
width: 175px !important;
}
}
.ing_img2 {
background: #19a0c0 none repeat scroll 0 0;
padding-bottom: 30px;
}
.ing_img2 .ing_header {
background: #75cde2 none repeat scroll 0 0;
margin-bottom: 30px;
margin-top: 5px;
padding: 34px 0;
text-align: center;
width: 100%;
}
.ing_img2 .ing_header span {
color: white;
font-family: "gotham_probold_italic";
font-size: 23px;
}
.ing_img2 .ing_header span.listerine {
border-right: 2px solid white;
font-family: "gotham_probold";
font-size: 45px;
font-weight: 900;
letter-spacing: -5px;
margin-top: 15px;
padding-right: 25px;
padding-top: 0;
}
.ing_img2 .ing_header span.listerine sup {
font-size: 10px;
margin-left: 2px;
top: -13px;
}
.ing_img2 .ing_header span.rule {
display: block;
float: right;
padding-right: 20px;
margin-top: -10px;
}
.ing_img2 .ing_top_text {
color: #ffffff;
padding: 10px;
text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
.ing_img2 .ing_header span.listerine {
border-right: none;
padding-right: 0px;
}
.ing_img2 .ing_header span.rule {
display: block;
float: none;
padding-right: 0px;
margin-top: 10px;
}
}
.ing_img2 .ing_header span.delim {
background: white none repeat scroll 0 0;
display: block;
float: left !important;
height: 58px;
margin-left: 26px;
width: 2px;
}
.ing_img2 .ing_step {
color: white;
background: #19a0c0 none repeat scroll 0 0;
}
.ing_img2 .ing_step::after, .ing_img2 .ing_step::before {
clear: both;
content: " ";
display: block;
}
.ing_img2 .ing_step .icon {
float: left;
}
.ing_img2 .ing_step .d {
float: left;
display: block;
font-family: "gotham_probold_italic";
font-size: 40px;
font-weight: 900;
padding-right: 16px;
padding-top: 9px;
margin-left: 50px;
}
.ing_img2 .ing_step.ing_step_1 .d {
margin-left:20px;
}
.ing_img2 .ing_step.ing_step_2 .d {
margin-left:20px;
}
.ing_img2 .ing_step.ing_step_3 .d {
margin-left: 30px;
margin-top: -30px;
}
.ing_img2 .ing_step.ing_step_4 .d {
margin-left:40px;
margin-top: 20px;
}
.ing_img2 .ing_step.ing_step_5 .d {
margin-left:20px;
}
.ing_img2 .ing_step .text {
float: left;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
}
.ing_img2 .ing_step.ing_step_1 .text {width: 200px;}
.ing_img2 .ing_step.ing_step_2 .text {width: 180px;}
.ing_img2 .ing_step.ing_step_3 .text {width: 270px; margin-top: -35px;}
.ing_img2 .ing_step.ing_step_4 .text {width: 140px; margin-top:20px;}
.ing_img2 .ing_step.ing_step_5 .text {width: 180px;}
/*icons*/
.ing_img2 .ing_step .icon {
height: 100px;
width: 100px;
display: block;
}
.ing_img2 .ing_step.ing_step_1 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_1.png") no-repeat scroll 0 0 / contain ;
margin-left: 100px;
}
.ing_img2 .ing_step.ing_step_2 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_2.png") no-repeat scroll 0 0 / contain ;
margin-left: 165px;
}
.ing_img2 .ing_step.ing_step_3 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_3.png") no-repeat scroll 0 0 / contain ;
margin-left: 90px;
}
.ing_img2 .ing_step.ing_step_4 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_4.png") no-repeat scroll 0 0 / contain ;
margin-left: 180px;
}
.ing_img2 .ing_step.ing_step_5 .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_5.png") no-repeat scroll 0 0 / contain ;
margin-left: 95px;
}
.ing_img2 .ing_step.ing_step_finish .icon {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-ing_step_finish.png") no-repeat scroll 0 0 / contain ;
}
.ing_img2 .ing_step_icon_finish {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_icon_finish.png") no-repeat scroll 0 0 / contain ;
margin-left: 200px;
height: 100px;
width: 200px;
display: block;
}
/*ways*/
.ing_img2 .ing_step_way {
height: 115px;
}
.ing_img2 .ing_step_way_1 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_way_1.png") no-repeat scroll 0 0 / contain ;
margin-left: 140px;
margin-top: -55px;
}
.ing_img2 .ing_step_way_2 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_way_2.png") no-repeat scroll 0 0 / contain ;
margin-left: 130px;
margin-top: -70px;
}
.ing_img2 .ing_step_way_3 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_way_3.png") no-repeat scroll 0 0 / contain ;
margin-left: 135px;
margin-top: -30px;
}
.ing_img2 .ing_step_way_4 {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_way_4.png") no-repeat scroll 0 0 / contain ;
margin-left: 140px;
margin-top: -10px;
}
.ing_img2 .ing_step_way_finish {
background: rgba(0, 0, 0, 0) url("/sites/listerine_ru/files/pozhilym-ljudjam-2-step_way_finish.png") no-repeat scroll 0 0 / contain ;
margin-left: 145px;
margin-top: -20px;
}
.ing_img2 .tip {
color: white;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
margin-left: 210px;
padding: 10px 0;
text-transform: uppercase;
}
.ing_img2 .ing_step_finish_text {
color: white;
font-family: "gotham-htf-medium",Arial,sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 100;
margin-left: 160px;
text-align: center;
width: 240px;
}
@media screen and (min-width: 0px) and (max-width: 800px) {
.ing_img2 .ing_step.ing_step_1 .icon { margin-left: 10px;}
.ing_img2 .ing_step.ing_step_2 .icon { margin-left: 75px;}
.ing_img2 .ing_step.ing_step_3 .icon { margin-left: 5px;}
.ing_img2 .ing_step.ing_step_4 .icon { margin-left: 90px;}
.ing_img2 .ing_step.ing_step_5 .icon { margin-left: 5px;}
.ing_img2 .ing_step_way_1 { margin-left: 50px;}
.ing_img2 .ing_step_way_2 { margin-left: 40px;}
.ing_img2 .ing_step_way_3 { margin-left: 45px;}
.ing_img2 .ing_step_way_4 { margin-left: 50px;}
.ing_img2 .ing_step_way_finish { margin-left: 55px;}
.ing_img2 .ing_step_icon_finish {margin-left: 90px;}
.ing_img2 .tip {margin-left: 120px;}
.ing_img2 .ing_step_finish_text {margin-left: 90px;}
}
@media screen and (min-width: 660px) and (max-width: 800px) {
.ing_img2 .ing_step .text {
font-size: 13px;
}
.ing_img2 .ing_step.ing_step_3 .text {
margin-top: -35px;
width: 265px;
}
}
@media screen and (min-width: 0px) and (max-width: 660px) {
.ing_img2 .ing_step.ing_step_3 .d {
margin-left: 10px;
margin-top: 0px;
}
.ing_img2 .ing_step.ing_step_4 .d {
margin-left: 10px;
margin-top: 20px;
}
.ing_img2 .ing_step_way_2 {
margin-left: 40px;
margin-top: -60px;
}
.ing_img2 .ing_step_way_3 {
margin-top: -45px;
}
.ing_img2 .ing_step .text {
font-size: 13px;
}
.ing_img2 .ing_step.ing_step_2 .text {
width: 120px;
}
.ing_img2 .ing_step.ing_step_3 .text {
margin-top: 0px;
width: 240px;
}
}
@media screen and (min-width: 0px) and (max-width: 450px) {
.ing_img2 .ing_step_way { display:none;}
.ing_img2 .ing_step .icon {margin-left: 5px !important;}
.ing_img2 .ing_step {margin-bottom: 20px;}
.ing_img2 .ing_step .d {margin-left: 5px !important; margin-top: 0px!important;}
.ing_img2 .ing_step .text { width: 140px !important; margin-top: 0px!important;}
}
@media screen and (min-width: 0px) and (max-width: 380px) {
.ing_img2 .ing_step_icon_finish{margin-left: 50px !important;}
.ing_img2 .tip {margin-left: 35px;}
.ing_img2 .ing_step_finish_text {margin-left: 20px; width: 200px; font-size: 12px;}
}
@media screen and (min-width: 0px) and (max-width: 315px) {
.ing_img2 .ing_step .icon {
height: 30px;
margin-left: 0;
margin-top: 50px;
width: 30px;
}
.ing_img2 .ing_step .d {margin-left: -25px !important; margin-top: 0px!important;}
.ing_img2 .ing_step_icon_finish{ width: 150px !important;}
.ing_img2 .ing_step .text {
margin-top: 0 !important;
width: 175px !important;
}
}
</style>