.ostorozhno1, 
.okey1, 
.vnimanie1, 
.vopros1, 
.kstati1, 
.palec_vverh1, 
.palec_vniz1, 
.quote, 
.blink, 
.pro{
padding:4% 4% 3% 4%;
margin:3% 0;
position:relative;
}
.ostorozhno1 p, 
.ostorozhno1 > img, 
.ostorozhno1 > div, 
.okey1 p, 
.okey1 > img, 
.okey1 > div, 
.vnimanie1 p, 
.vnimanie1 > img, 
.vnimanie1 > div, 
.vopros1 p, 
.vopros1 > img, 
.vopros1 > div, 
.kstati1 p, 
.kstati1 > img, 
.kstati1 > div, 
.palec_vverh1 p, 
.palec_vverh1 > img, 
.palec_vverh1 > div, 
.palec_vniz1 p, 
.palec_vniz1 > img, 
.palec_vniz1 > div, 
.quote p, 
.quote > img, 
.quote > div, 
.blink p, 
.blink > img, 
.blink > div, 
.pro p,
.pro > img,
.pro > div
{
margin:0 0 1% 10%;
font-size:120%;
}
.ostorozhno1 a, 
.okey1 a, 
.vnimanie1 a,
.vopros1 a, 
.kstati1 a, 
.palec_vverh1 a, 
.palec_vniz1 a, 
.quote a, 
.blink a,
.pro a{
color:#000000;
text-decoration: underline;
}
.ostorozhno1::before,
.okey1::before,
.vnimanie1::before,
.vopros1::before,
.kstati1::before,
.palec_vverh1::before,
.palec_vniz1::before,
.quote::before,
.blink::before,
.pro::before
{
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 3em;
position: absolute;
top:50%;
margin-top:-30px;
left:3.5%;
width:50px;
height:50px;
}
.ostorozhno1{
background: linear-gradient(45deg, #FFE3DB, #FFEBD8);
}
.ostorozhno1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_red.png);
}
.okey1{
background: linear-gradient(45deg, #DEF9E5, #EFFBCE);
}
.okey1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_green.png);
}
.vnimanie1{
background: linear-gradient(45deg, #FFF4D4, #FFEADC);
}
.vnimanie1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_yellow.png);
}
.vopros1{
background: linear-gradient(45deg, #E3F1F4, #E3EDFF);
}
.vopros1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_blue.png);
}
.kstati1{
background: linear-gradient(45deg, #EFE2F6, #F6E2F0);
}
.kstati1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_purple.png);
}
.palec_vverh1{
background: linear-gradient(45deg, #DEF9E5, #EFFBCE);
}
.palec_vverh1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_tup.png);
}
.palec_vniz1{
background: linear-gradient(45deg, #FFE3DB, #FFEBD8);
}
.palec_vniz1::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_tdown.png);
}
.quote{
background: linear-gradient(45deg, #E5FEFF, #DDF5F6);
font-size:100%;
border:none;
font-style:normal;
}
.quote::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_quote.png);
z-index:1;
}
.quote p{
color:#444444;
margin-left:4%;
}
.quote p:before{
content: '';
}
.blink{
background: linear-gradient(45deg, #FFFBEA, #FFF7D5);
}
.blink .button_block{
display:block;
padding:1% 0% 0% 0%;
text-align:center;
text-decoration:underline;
margin-top:.5%;
text-transform: capitalize;
float:right;
}
.blink .button_block:hover:before,
.blink .button_block:focus:before{
width:0%;
}
.blink .button_block:hover{
color:#DEB200;
}
.blink::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_link.png);
}
.pro{
border:1px solid #B5D043;
background-color: rgba(128,128,128,0.05);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 1) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 75%, transparent 0);
background-size: 50px 50px;
animation: bg-animate 5s linear infinite;
}
@keyframes bg-animate {
0%{background-position: 0 0;}
100%{background-position: 100px 0;}
}
.pro::before{
content: url(//xn--80aaa3ajbbvprgrd4e0f.xn--p1acf/wp-content/plugins/wpm_attention_block/files/img/block_pro.png);
}
.pro a:hover:before,
.pro a:focus:before{
width:0%;
}
.pro a:hover,
.pro a:focus{
color:#B5D043;
}
#button_promo{
display:block;
height:50px;
background:#B5D043;
padding:1%;
max-width:300px;
border-radius:50px;
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:#fff;
font-size:120%;
margin:2% auto 0;
}
.myellow{
padding:2px 2px;
background:rgba(243,156,18,0.15);
}
.mred{
padding:2px 2px;
background:rgba(231,76,60,0.15);
}
.mgreen{
padding:2px 2px;
background:rgba(46,204,113,0.15);
}
.msilver{
padding:2px 2px;
background:rgba(127,140,141,0.15);
}
.lblue{
padding-bottom: 1px;
border-bottom: 1px solid #3498DB;
}
.lred{
padding-bottom: 1px;
border-bottom: 1px solid #e74c3c;
}
.lgreen{
padding-bottom: 1px;
border-bottom: 1px solid #2ecc71;
}
.lyellow{
padding-bottom: 1px;
border-bottom: 1px solid #f39c12;
}
@media (max-width: 770px){
.blink .button_block{
float:none;
}
.ostorozhno1::before,
.okey1::before,
.vnimanie1::before,
.vopros1::before,
.kstati1::before,
.palec_vverh1::before,
.palec_vniz1::before,
.quote::before,
.blink::before,
.pro::before{
content:none;
}
.ostorozhno1 p, 
.okey1 p, 
.vnimanie1 p, 
.vopros1 p, 
.kstati1 p, 
.palec_vverh1 p, 
.palec_vniz1 p, 
.quote p, 
.blink p,
.pro p{
margin:0px;
}
}