html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display: block; }
ol, ul { list-style: outside none none; }
img { max-width: 100%; height: auto; }
a { text-decoration: underline; }
a:hover { cursor: pointer; }
:-moz-placeholder { color: rgb(169, 169, 169); opacity: 1; }
*::-moz-placeholder { color: rgb(169, 169, 169); opacity: 1; }
* { margin: 0px; padding: 0px; }
* { box-sizing: border-box; }
button, input, a { outline: medium none; }
button, input, select { -moz-appearance: none; }
html {  }


@font-face {
	font-family: "Proxima Nova";
	font-style: normal;
	font-weight: 300;
	src: url("subset-proximanova-light.woff2.html") format("woff2"), url("subset-proximanova-light.woff") format("woff"), url("subset-proximanova-light.ttf") format("truetype");
}
@font-face {
	font-family: "Proxima Nova";
	font-style: normal;
	font-weight: 400;
	src: url("subset-proximanova-regular.woff2") format("woff2"), url("subset-proximanova-regular.woff") format("woff"), url("subset-proximanova-regular.ttf") format("truetype");
}
@font-face {
	font-family: "Proxima Nova";
	font-style: normal;
	font-weight: 600;
	src: url("subset-proximanova-semibold.woff2.html") format("woff2"), url("subset-proximanova-semibold.woff") format("woff"), url("subset-proximanova-semibold.ttf") format("truetype");
}
@font-face {
	font-family: "Proxima Nova";
	font-style: normal;
	font-weight: 700;
	src: url("subset-proximanova-bold.woff2") format("woff2"), url("subset-proximanova-bold.woff") format("woff"), url("subset-proximanova-bold.ttf") format("truetype");
}


.m1-form *::-moz-placeholder { color: rgb(153, 153, 153); }
.m1-form :focus::-moz-placeholder { color: transparent; }
.clrfix::after { content: ""; display: block; clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
b, strong { font-weight: 700; }
body { width: 100%; min-width: 320px; padding: 0px; margin: 0px auto; font-family: "Proxima Nova",Arial,Helvetica,sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; color: rgb(51, 51, 51); background: rgb(40, 40, 40) none repeat scroll 0% 0%; }
section { width: 100%; margin: 0px auto; padding: 35px 0px; }
.wrap { position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 480px; height: 100%; padding: 0px; margin: 0px auto; }
.wrap::after { clear: both; content: ""; display: table; }
.button-m { position: relative; display: block; width: 360px; height: 76px; line-height: 76px; margin: 0px auto; border: medium none; text-align: center; font-family: "Proxima Nova",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; color: rgb(255, 255, 255); background: rgb(239, 174, 26) none repeat scroll 0% 0%; box-shadow: 0px 5px 0px rgb(228, 133, 21); border-radius: 38px; transition: all 0.2s ease 0s; -moz-appearance: none; }
.button-m:active { top: 1px; }
h2.title { font-size: 29px; color: rgb(64, 113, 162); line-height: 40px; text-align: center; text-transform: uppercase; }
h2.title span { display: block; font-size: 26px; font-weight: 400; color: rgb(102, 102, 102); }
h2.title.white, h2.title.white span { color: rgb(255, 255, 255); }
h2.title::after { display: block; width: 74px; height: 9px; background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined") no-repeat scroll 50% 0px; margin: 10px auto 0px; content: ""; }
.bullet-list { position: relative; padding-bottom: 10px; }
.bullet-list::before { display: block; position: absolute; left: 44px; top: 50px; bottom: 0px; width: 4px; background: rgb(236, 236, 237) none repeat scroll 0% 0%; content: ""; }
.bullet-list li { position: relative; padding: 0px 0px 38px 110px; color: rgb(77, 77, 77); font-size: 18px; line-height: 24px; }
.bullet-list li:nth-child(3) { padding-top: 13px; }
.bullet-list li::before { position: absolute; top: -10px; left: 0px; display: block; width: 90px; height: 88px; background: rgba(0, 0, 0, 0) url("bullet-icon1.png") no-repeat scroll 0px 0px; border-radius: 50%; content: ""; }
.bullet-list li:nth-child(1)::before { background: rgba(0, 0, 0, 0) url("bullet-icon1.png") no-repeat scroll 0px 0px; }
.bullet-list li:nth-child(2)::before { background: rgba(0, 0, 0, 0) url("bullet-icon1.png") no-repeat scroll 0px 0px; }
.bullet-list li:nth-child(3)::before { background: rgba(0, 0, 0, 0) url("bullet-icon1.png") no-repeat scroll 0px 0px; }
.bullet-list-v2 { position: relative; }
.bullet-list-v2::before { display: block; position: absolute; left: 44px; top: 50px; bottom: 0px; width: 4px; background: rgb(236, 236, 237) none repeat scroll 0% 0%; content: ""; }
.bullet-list-v2 li { position: relative; padding: 0px 0px 0px 110px; margin-bottom: 50px; color: rgb(69, 54, 82); font-size: 18px; line-height: 24px; min-height: 80px; }
.bullet-list-v2 li:last-child { margin-bottom: 35px; }
.bullet-list-v2 li:nth-child(1), .bullet-list-v2 li:nth-child(2) { padding-top: 10px; }
.bullet-list-v2 li::before { position: absolute; top: -10px; left: 0px; display: block; width: 90px; height: 88px; line-height: 88px; font-size: 60px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(212, 44, 35) 0%, rgb(239, 172, 26) 100%) repeat scroll 0% 0%; box-shadow: 0px 1px 15px rgb(190, 203, 255); border-radius: 50%; content: ""; }
.bullet-list-v2 li:nth-child(1)::before { content: "1"; }
.bullet-list-v2 li:nth-child(2)::before { content: "2"; }
.bullet-list-v2 li:nth-child(3)::before { content: "3"; }


.present h2 span::after { content: ""; display: block; width: 100%; height: 4px; background: rgb(255, 210, 0) none repeat scroll 0% 0%; margin-top: -3px; }
.present ul li:nth-child(2n+1) { width: 55%; padding-right: 10px; }
.present ul li:nth-child(2n) { width: 45%; }
.present ul li::before { content: ""; display: block; background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined") no-repeat scroll 0px 0px; width: 26px; height: 26px; float: left; margin: 0px 15px 0px 0px; }
.present ul li::after { clear: both; content: ""; display: table; }
.offer { position: relative; background: rgb(33, 29, 26) url("offer.jpg") no-repeat scroll 50% 0px; padding: 0px; }
.offer .box { position: relative; height: 690px; }
.offer h1 { display: block; background: rgba(46, 43, 40, 0.7) none repeat scroll 0% 0%; font-size: 56px; line-height: 42px; color: rgb(255, 180, 18); letter-spacing: 2.8px; text-align: center; text-transform: uppercase; padding: 10px 0px 20px; }
.offer h1 span { display: block; font-size: 24px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0.24px; }
.offer .sub { margin-top: 34px; width: 270px; font-size: 17px; font-weight: 700; line-height: 30px; color: rgb(255, 255, 255); padding: 1px 0px 0px 15px; text-transform: uppercase; }
.offer .plus { display: block; padding-bottom: 5px; }
.offer .plus li { color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; padding: 15px 25px 15px 70px; }
.offer .plus li:nth-child(2n) { background-color: rgb(46, 43, 40) !important; }
.offer .plus li span { display: block; text-transform: uppercase; }
.offer .plus li:nth-child(1) { background: rgba(46, 43, 40, 0.7) url("plus-icon1.png") no-repeat scroll 26px 50%; }
.offer .plus li:nth-child(2) { background: rgba(0, 0, 0, 0) url("plus-icon2.png") no-repeat scroll 25px 50%; }
.offer .plus li:nth-child(3) { background: rgba(0, 0, 0, 0) url("plus-icon3.png") no-repeat scroll 31px 50%; }
.order_form { background: rgba(0, 0, 0, 0) url("form-bg.png") no-repeat scroll 50% 0px; }
.countbox::after { clear: both; content: ""; display: block; height: 0px; width: 0px; visibility: hidden; }
.price { float: right; width: 190px; padding-top: 20px; text-align: center; text-transform: uppercase; }
.price .old { font-size: 24px; color: rgb(152, 152, 152); }
.price .new { color: rgb(239, 174, 26); font-size: 36px; font-weight: 700; }
.stock { font-size: 17px; text-align: center; padding-top: 68px; color: rgb(255, 255, 255); }
.stock b { display: inline-block; vertical-align: middle; background: rgb(239, 174, 26) none repeat scroll 0% 0%; width: 38px; height: 38px; line-height: 38px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; text-align: center; border-radius: 50%; margin: 0px 3px; }
.b3 { padding: 35px 20px 0px; }
.b1 { background: rgb(255, 255, 255) url("bg1.png") no-repeat scroll 50% 100%; padding-bottom: 0px; }
.b1 > img { display: block; margin: 0px auto; }
.b1 .desc { position: relative; margin: 15px 20px 85px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(102, 102, 102); text-align: center; line-height: 30px; padding: 15px 20px 20px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.2); }
.b1 .desc p { padding-bottom: 15px; }
.b1 .desc p:last-child { padding-bottom: 0px; }
.b1 .desc::after { position: absolute; bottom: -34px; left: 53px; display: block; width: 54px; height: 34px; background: rgba(0, 0, 0, 0) url("arrow-win.png") no-repeat scroll 0px 0px; content: ""; }
.b1 .alert { position: relative; margin: 0px 20px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; text-align: center; font-size: 17px; line-height: 30px; padding: 0px 20px 20px; border-radius: 20px 20px 0px 0px; }
.b1 .alert img { display: inline-block; margin: -61px 0px 38px 6px; }
.b1 .alert p { margin-top: -30px; }
.b2 { background: rgb(14, 52, 90) url("bg2.jpg") no-repeat scroll 50% 0px; }
.list-v1 { padding-bottom: 10px; }
.list-v1 li { position: relative; display: table; height: 170px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-bottom: 20px; }
.list-v1 li:nth-child(2n+1) { margin-left: 10px; padding-right: 140px; border-radius: 10px 0px 0px 10px; }
.list-v1 li:nth-child(2n) { margin-right: 10px; padding-left: 140px; border-radius: 0px 10px 10px 0px; }
.list-v1 li::after { display: block; clear: both; content: ""; }
.list-v1 li img { position: absolute; display: block; top: 0px; }
.list-v1 li:nth-child(2n+1) img { right: 0px; }
.list-v1 li:nth-child(2n) img { left: 0px; }
.list-v1 .txt { display: table-cell; vertical-align: middle; padding: 0px 20px; font-size: 18px; line-height: 24px; }
.list-v1 .txt p { color: rgb(102, 102, 102); }
.b3 h2.title { color: rgb(212, 37, 51); }
.b3 .alert { position: relative; margin: 0px -20px; font-size: 24px; font-weight: 700; text-align: right; text-transform: uppercase; }
.b3 .alert p { position: absolute; right: 20px; top: 41px; line-height: 34px; }
.b3 .alert b { color: rgb(64, 113, 162); font-size: 25px; display: block; }
.b3 .alert strong { color: rgb(64, 113, 162); font-size: 17px; display: block; }
.b3 .alert img { display: block; }
.reviews_vk .item::after { display: table; clear: both; content: ""; }
.reviews_vk .detail li.like::before { display: inline-block; width: 11px; height: 9px; background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined") no-repeat scroll 0px 0px; margin-right: 6px; content: ""; }
.b5 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 35px 20px 0px; }
.b5 h2.title { color: rgb(239, 174, 26); }
.b5 h2.title::after { margin-top: 20px; }
section.image { padding: 0px; }
section.image img { display: block; width: 100%; margin-bottom: 6px; }
.reviews2 { padding-bottom: 0px; }
.reviews-v2 .comment { position: relative; margin-bottom: 40px; }
.reviews-v2 .comment::before { position: absolute; left: 40px; top: 5px; bottom: 10px; display: block; width: 1px; background: rgb(231, 231, 231) none repeat scroll 0% 0%; z-index: 1; content: ""; }
.reviews-v2 .item { position: relative; margin: 0px 20px; padding-left: 115px; z-index: 2; }
.reviews-v2 .item img { position: absolute; left: 0px; top: 7px; }
.reviews-v2 .item h4 { font-size: 16px; line-height: 24px; color: rgb(68, 68, 68); }
.reviews-v2 .item .info { font-size: 14px; }
.reviews-v2 .item .rate { color: rgb(68, 68, 68); }
.reviews-v2 .item .rate::before { position: relative; top: -2px; display: inline-block; vertical-align: middle; width: 91px; height: 14px; background: rgba(0, 0, 0, 0) url("rating.png") no-repeat scroll 0px 0px; margin-right: 10px; content: ""; }
.reviews-v2 .item .like { margin-left: 10px; color: rgb(196, 196, 196); }
.reviews-v2 .item .like::before { position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 22px; height: 23px; background: rgba(0, 0, 0, 0) url("like-comment.png") no-repeat scroll 0px 0px; margin-right: 5px; content: ""; }
.reviews-v2 .item .txt { font-size: 16px; line-height: 30px; color: rgb(51, 51, 51); text-align: left; }
.reviews-v2 .replay { position: relative; margin-left: 70px; border-bottom: 1px solid rgb(229, 229, 229); padding: 15px 0px; z-index: 2; }
.reviews-v2 .replay:last-child { border-bottom: 0px none; }
.reviews-v2 .replay img { position: absolute; display: block; left: -50px; top: 15px; border-radius: 50%; }
.reviews-v2 .replay h4 { font-size: 16px; font-weight: 700; color: rgb(51, 51, 51); }
.reviews-v2 .replay h4 span { color: rgb(196, 196, 196); font-size: 14px; font-weight: 400; padding-left: 5px; }
.order_info { padding: 35px 20px 50px; background: rgb(248, 248, 248) none repeat scroll 0% 0%; }
.order_info .item:nth-child(2n+1) { margin-bottom: 20px; padding-bottom: 75px; background: rgba(0, 0, 0, 0) url("arrow-order1.png") no-repeat scroll 50% 100%; }
.order_info .item:nth-child(2n) { margin-bottom: 20px; padding-bottom: 75px; background: rgba(0, 0, 0, 0) url("arrow-order2.png") no-repeat scroll 50% 100%; }
.order_info .item:last-child { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; padding-bottom: 0px; margin-bottom: 0px; }
.order_info .item::after { display: block; clear: both; content: ""; }
.order_info .item:nth-child(2n) img { float: right; }
.order_info .item img { float: left; width: 145px; box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2); border-radius: 50%; }
.order_info .item h4 { font-size: 18px; color: rgb(64, 113, 162); padding-bottom: 8px; }
.order_info .item .txt { overflow: hidden; font-size: 18px; line-height: 24px; padding: 15px 20px; }
.order_info .item:nth-child(2n) .txt { text-align: right; padding-left: 40px; }
.footer { text-align: center; padding: 30px 20px 25px; }
.footer a { display: inline-block; font-size: 15px; color: rgb(51, 51, 51); margin: 0px 10px; }
.footer a:hover { text-decoration: none; }


#lleo_dialog *::before, #lleo_dialog *::after { content: ""; }
.modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 999999; opacity: 0; transition: opacity 0.2s ease-in 0s; pointer-events: none; margin: 0px; padding: 0px; }
.modal-open { opacity: 1; pointer-events: auto; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; left: calc(50% - 200px); top: calc(50% - 250px); }
.modal-content { position: relative; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined") no-repeat scroll 0% 0% padding-box; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1); border: 1px solid rgb(235, 237, 242); border-radius: 4px; outline: 0px none; max-width: 400px; height: 500px; width: 100%; }
.modal-header { display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: justify; justify-content: center; flex-direction: column; padding: 40px 0px 0px; position: relative; }
.modal-header .img { background: rgba(0, 0, 0, 0) url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined") repeat scroll 0% 0%; width: 84px; height: 84px; }
.modal-title { margin-top: 10px; margin-bottom: 0px; line-height: 1.5; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); }
.close { float: right; font-family: sans-serif; font-size: 24px; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: 0px 1px 0px rgb(255, 255, 255); text-decoration: none; position: absolute; top: 15px; right: 15px; content: url("urn:scrapbook:download:error:http://top-sale.online/partners/paint-p-ro/undefined"); }
.close:focus, .close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.75; }
.modal-body { color: rgb(255, 255, 255); position: relative; padding: 5px 45px; overflow: auto; display: flex; flex-direction: column; text-align: center; font-size: 18px; }
.modal-body p { margin-bottom: 35px; }
.modal-body input {  box-shadow: none; padding: 11px; border-radius: 5px; margin-bottom: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 18px; }
.modal-body button { padding: 11px; border-radius: 5px; font-size: 18px; max-width: 240px; width: 100%; background: rgb(218, 62, 62) none repeat scroll 0% 0%; border: medium none; box-shadow: none; cursor: pointer; color: rgb(255, 255, 255); margin: 10px auto; }


/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, menu, nav, output, ruby, section,
summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {display: block;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
img{max-width: 100%; height: auto;}
a{text-decoration: underline;}
a:hover{cursor: pointer;}
*::-webkit-input-placeholder {color: #a9a9a9; opacity: 1;}
*:-moz-placeholder {color: #a9a9a9; opacity: 1;}
*::-moz-placeholder {color: #a9a9a9; opacity: 1;}
*:-ms-input-placeholder {color: #a9a9a9; opacity: 1;}
*{margin: 0; padding: 0;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
button,input,a{outline: none;}
button, input, select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
html{
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}