/* НАЧАЛО - БЛОКИ ВНИМАНИЯ */

.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(/wp-content/plugins/wpm_attention_block/files/img/block_red.png);
}
.okey1{
	background: linear-gradient(45deg, #DEF9E5, #EFFBCE);
}
.okey1::before{
	content: url(/wp-content/plugins/wpm_attention_block/files/img/block_green.png);
}
.vnimanie1{
	background: linear-gradient(45deg, #FFF4D4, #FFEADC);
}
.vnimanie1::before{
	content: url(/wp-content/plugins/wpm_attention_block/files/img/block_yellow.png);
}
.vopros1{
	background: linear-gradient(45deg, #E3F1F4, #E3EDFF);
}
.vopros1::before{
	content: url(/wp-content/plugins/wpm_attention_block/files/img/block_blue.png);
}
.kstati1{
	background: linear-gradient(45deg, #EFE2F6, #F6E2F0);
}
.kstati1::before{
	content: url(/wp-content/plugins/wpm_attention_block/files/img/block_purple.png);
}
.palec_vverh1{
	background: linear-gradient(45deg, #DEF9E5, #EFFBCE);
}
.palec_vverh1::before{
	content: url(/wp-content/plugins/wpm_attention_block/files/img/block_tup.png);
}
.palec_vniz1{
	background: linear-gradient(45deg, #FFE3DB, #FFEBD8);
}
.palec_vniz1::before{
	content: url(/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(/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(/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(/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;
}
}

/* КОНЕЦ - БЛОКИ ВНИМАНИЯ */