.viz-bl {
	color: #000;
	text-align: justify;
}

.viz-bl .viz-title {
    font-family: Roboto Condensed, sans-serif;
    padding: 4px 10px 4px;
    font-size: 21px;
    color: #fff;
    text-align: center;
    margin: 15px 0 0 0;
    border-radius: 5px;
    background: repeating-linear-gradient(to right,#a21f3f 0%,#4800a0 100%);
}


.viz-bl ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.viz-bl ul li {
    box-shadow: 0 0 2px #4c029d;
    margin: 10px 0 10px;
    padding: 4px 10px 4px 42px;
    border-radius: 5px;
    position: relative;
    color: #000;
    background: #fdfdfd;
}

.viz-bl ul li:before {
    position: absolute;
    content:"\2713";
    display:block;
    top: 5px;
    left: 10px;
    border-radius: 100%;
    border: 1px solid #a01e41;
    width: 18px;
    color: #9f1e42;
    font-size: 14px;
    font-weight: 700;
    height: 18px;
    text-align: center;
}

.viz-body2 {
    box-shadow: 0 0 2px #a01e42;
    padding: 5px;
    border-radius: 4px;
    text-align: justify;
    color: #000;
    font-size: 15px;
    line-height: 21px;
    margin: 10px 0 25px;
}

.viz-body {
    margin: 0 0 25px;
}

ul.chek li {
    box-shadow: none;
    text-align: left;
}

/*=================================*/

.viz-blocks {
    text-align: center;
}

.block {
    width: 320px;
    height: 191px;
    box-shadow: 0px 0px 1px rgba(9, 55, 99, 0.65);
    transition: all 0.5s;
    display: inline-block;
    margin: 0 10px 15px;
    position: relative;
    overflow: hidden;
}

.block .bl-img  img {
    position: relative;
    transition: all 0.5s;
    height: auto;
    max-width: 100%;
    overflow: hidden;
}

.block > .bl-title  {
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif;
    height: auto;
}

.block > .bl-title a  {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    overflow:hidden;
    padding: 91px 0 0 0;
    line-height: 17px;
    top: 0;
    transition: all 0.3s;
    text-decoration: none;
    background: rgba(22, 41, 62, 0.58);
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

.block  .bl-title a:hover {
    position: absolute;
    bottom:0;
    left: 0;
    right:0;
    line-height: 180px;
    overflow:hidden;
    top:0;
    text-align: center;
    margin: 0px;
    background: rgba(51, 51, 51, 0);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0);
}

.block-bot {
    background: repeating-linear-gradient(to right,#a21f3f 0%,#4800a0 100%);
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    font-size: 19px;
    font-family: Roboto Condensed, sans-serif;
}

p.title-bot {
    text-align: center;
    font-size: 25px;
    color: #a72139;
    font-family: Roboto Condensed, sans-serif;
}

/*=============================================*/

.logo-bl {
    text-align: center;
    margin: 60px 0 0 0;
}

.logo-is {
    position: relative;
    width: 275px;
    display: inline-block;
    margin: 30px 15px 30px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    border-radius: 11px;
    box-shadow: 0px -4px 0px 0px #a4213e;
}

.logo-img {
    position: absolute;
    width: 74px;
    height: 74px;
    top: -22%;
    left: 34%;
    overflow: hidden;
    border-radius: 100%;
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 0 1px rgba(164, 33, 62, 0.32), 0 -40px 20px rgb(255, 255, 255) inset;
}

.logo-body {
    margin: 50px 0 10px;
}

/*=========================================*/

.viz-bl table.table1 tr:first-child td {
    background:rgba(72, 0, 160, 0.65);
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    vertical-align: middle;
    font-family: Roboto Condensed, sans-serif;
}

.viz-bl table.table1.pruse tr:nth-child(2) {
    background: rgb(135, 89, 193);
    color: #fff;
    font-size: 17px;
     font-weight: bold;
    font-family: Roboto Condensed, sans-serif;
}

.viz-bl table.table1 {
    border-collapse: separate;
    border-spacing: 4px 4px;
    border: 1px solid #fff;
    margin: 10px 0 10px;
    }

.viz-bl table.table1 td {
    border: 1px solid #c2a8dd;
    width: 19%;
}

.viz-bl ol li {
    list-style: none;
    position: relative;
    line-height: 20px;
    padding: 0px 0px 5px;
    margin: 1px 4px 1px 16px;
    counter-increment: list;
}

.viz-bl ol li:before {
   display: block;
   content: "";
   width: 7px;
   height: 7px;
   background: #8759c1;
   border: 1px solid #8759c1;
   position: absolute;
   top: 5px;
   left: -17px;
   color: #961b4d;
   text-align: center;
   font-size: 15px;
   line-height: 25px;
   border-radius: 100%;
   text-align: center;
}

.viz-bl ol li ul{
    margin: 5px 0 0 0;
}

.viz-bl ol li ul li{
    margin: 0;
    padding: 0 10px 0 41px;
    border-radius: 5px;
    position: relative;
    color: #000;
    background: #fdfdfd;
    box-shadow: none;
    line-height: 28px;
}


.viz-bl ol li ul li:before {
    position: absolute;
    content: "\2713";
    display: block;
    top: 4px;
    left: 12px;
    border-radius: 100%;
    border: 1px solid #8759c1;
    width: 18px;
    color: #9f1e42;
    line-height: 19px;
    background: none;
    font-size: 14px;
    font-weight: 700;
    height: 18px;
    text-align: center;
}

.viz-bl ol {
    padding: 15px;
    width: auto;
    border-radius: 3px;
    line-height: 0;
}

.viz-bl p.prise-title {
    text-align: center;
    font-family: Roboto Condensed, sans-serif;
    font-size: 24px;
}

.viz-bl .prise-bl {
    box-shadow: 0 0 2px #c2a8dd;
    padding: 7px;
    font-size: 16px;
}

/*=======================================*/

.viz-bl table.table1.pruse2 tr:first-child td {
    background:rgba(72, 0, 160, 0.65);
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    vertical-align: middle;
    font-family: Roboto Condensed, sans-serif;
}

.viz-bl table.table1.pruse2 td {
    background: rgba(92, 7, 138, 0.03);
}


.viz-bl table.table1.pruse2 td:nth-child(2){
    font-weight: 400;
    background: rgba(135, 89, 193, 0.17);
}


/*============================================*/

div.my_cont {
    background: #ffffff none repeat scroll 0 0;
    font-size: 15px;
    height: auto;
    margin: -2px 0 5px;
    width: 100%;
}

.demo-in{
	width: auto;
	margin: 30px 0 20px;
	background: #fff;
	box-shadow: 0 0 1px #49009f;
	padding: 10px;
	color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
}

.my_button {
    color: #a4213e;
    font-size: 17px;
    text-decoration: underline;
    cursor:pointer;
}

.my_button:hover {
    text-decoration:none;
}
	
.acord-title {
    margin: 20px 0 20px;
    text-align: center;
    color: #000;
    font-size: 22px;
    font-family: Roboto Condensed, sans-serif;
}	

.anons {
    font-size: 15px;
}

.dl {
    margin: 12px auto 0;
    width: 132px;
}

.dl a {
    background: repeating-linear-gradient(to right,#a21f3f 0%,#4800a0 100%);
    display: block;
    padding: 3px 7px 3px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.2s linear 0.2s;
    color: #fff;
    font-size: 16px;
    width: 155px;
    font-family: Roboto Condensed, sans-serif;
}

.dl a:hover {
	opacity: 0.9;
}

p.img-bls img {
    display: inline-block;
    vertical-align: sub;
}

p.img-bls span {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0;
}

table.pruse3 {
    text-align: center;
}

table.pruse3 td {
    display: inline-block;
    margin: 3px;
}

table.pruse3 td img {
    box-shadow: 0 0 2px rgba(73, 0, 158, 0.51);
}

a.bk {
    background: repeating-linear-gradient(to right,#a21f3f 0%,#4800a0 100%);
    padding: 3px 7px 3px;
    width: 159px;
    text-decoration: none;
    font-family: Roboto Condensed, sans-serif;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    margin: 0 15px 0;
    display: block;
    transition: all 0.5s;
}

a.bk:hover {
    opacity: 0.9;
}

.demo-in.title-ins {
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif;
}

/*=======================================*/

.demo {
    margin: 5px;
}

.viz-title-is {
    width: auto;
    font-family: Roboto Condensed, sans-serif;
    padding: 4px 0px 4px;
    font-size: 25px;
    color: #a4213e;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.demo-in2 {
    width: auto;
    margin: 0px 0px 20px;
    background: #fff;
    box-shadow: 0 0 1px #49009f inset;
    padding: 10px;
    color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
}

.demo-in2 img {
    box-shadow: 0 0 2px rgba(74, 0, 158, 0.25);
}

.demo-in2 ol {
    margin: 0;
    padding: 0;
}

.demo-in2 ol  li {
    list-style: none;
    position: relative;
    line-height: 19px;
    padding: 0 14px 0 37px;
    margin: 10px 0px 10px 7px;
    counter-increment: list;
}

.demo-in2 ol   li:before {
    display: block;
    content: counter(list) " ";
    width: 24px;
    height: 24px;
    border: 1px solid #9e1e43;
    position: absolute;
    top: 0px;
    left: 2px;
    color: #4c029d;
    font-family: Roboto Condensed, sans-serif;
    text-align: center;
    font-size: 17px;
    line-height: 24px;
    border-radius: 100%;
}

.viz-bls {
    margin: 5px;
}

@media (max-width: 750px){

.viz-bl {
    padding: 10px;
}

.block {
    width: auto;
    margin: 0 auto 15px;
}

.viz-bl img {
    max-width: 100%;
    height: auto;
}

.viz-bls img {
    float: none !important;
    width: 100%;
    height: auto;
    margin: 0 !important;
}

}