/*
Striped 2.0 by HTML5 Up!
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic */
/*********************************************************************************/

input, textarea
{
font-size: 11pt;
}

html, body {
    /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden;
}

body
{
font-size: 12pt;
overflow-x: hidden;
}

/*********************************************************************************/

/*********************************************************************************/

/* Стили для текстового поля СЃ РєРЅРѕРїРєРѕ©Р№ "Далее" */
.limiter {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.limiter .bottom {
  position: absolute; /* Если прыгает - можно попробовать sticky */
  bottom: 0;
  width: 100%;
  height: 60px;
  opacity: 1;
  transition: 0.3s;
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}
.read-more-checker:checked ~ .limiter {
  max-height: none;
}
.read-more-checker:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  content: "Развернуть »";
}
.read-more-checker:checked ~ .read-more-button:before {
  content: "Свернуть «";
}
.read-more-button {
  cursor: pointer;
  display: inline-block;
  color: #777;
  text-decoration: underline;
}


.is-post
{
}

.is-post h2
{
font-size: 25px;
margin: 30px 0px;
color: #2638c4;
text-transform: uppercase;
}

.is-post header
{
    border: 0px solid #000;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px;
    background: #2638c4;
    padding: 30px 0px 0px 50px;
}
.is-post header.h2
{
    color: #08263c;
}

.is-post header p
{
    color: white;
	margin: 10px 0px 0px 0px;
	text-align: justify;
}

.is-post .byline
{
font-size: 2.25em;
line-height: 1.5em;
position: relative;
top: -0.65em;
margin-bottom: -0.65em;
}

.is-post .info
{
position: absolute;
width: 5.5em;
overflow: hidden;
background-color: #fff;
left: -10.5em;
top: 0;
padding: 1.5em 1em 1.5em 1em;
border-top-left-radius: 0.4em;
border-bottom-left-radius: 0.4em;
box-shadow: 0.25em 0 0 0 #fbfbfb, 0 0 0.25em 0em rgba(0,0,0,0.25);
}

.is-post .info:after
{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url('images/bg2.png');
opacity: 0.5;
z-index: 0;
}

.is-post .info .date
{
position: relative;
z-index: 1;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 400;
text-align: center;
display: block;
font-size: 1.5em;
color: #999;
border-bottom: solid 1px #ddd;
padding: 0 0 1em 0;
margin: 0 0 0.75em 0;
}

.is-post .info .date .year,
.is-post .info .date .month span
{
display: none;
}

.is-post .info .date .day
{
display: block;
margin: 0.25em 0 0 0;
font-size: 1.5em;
font-weight: 700;
color: #1b252a;
}

.is-post .info .stats
{
position: relative;
z-index: 1;
}

.is-post .info .stats li
{
margin: 0.35em 0 0 0;
}

.is-post .info .stats li a
{
display: block;
text-align: right;
padding: 0 0.5em 0 0.5em;
}

/*********************************************************************************/
/* Content   */
/*********************************************************************************/

  /* Three columns side by side */
.columnapp {
    float: left;
    width: 30%;
    margin-bottom: 16px;
    padding: 0 8px;
    max-width:400px;
}

.app-opisanie {
  width: 70%;float: left;padding: 0px 30px;
}

.app-opisanie p {
text-align: justify;
}

.app-opisanie a {
}

.app-opisanie a:hover {
	text-decoration: none;
}

.otzivi {
width: 80%;margin: 0 auto;
}

.other-app {
  margin: 0px 0px 30px 0px;
}
.other-app h2 {
  font-size: 22px;margin: 10px 0px;color: #2638c4;text-transform: uppercase;text-align: center;line-height: 40px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 50px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
    .columnapp {
        width: 100%;
        display: block;
    }
}

.app-screen {
  margin-bottom:20px;
}

.app-screen img {
display: inline-block;margin: 0px auto;width: 181px;height: 322px;text-align: center;
}

/* Add some shadows to create a card effect */
.cardapp {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.cardapp {
  width:100%
}

.cardapp img {
  width: 100%;
  max-width:400px;
}

.cloumrow {
display: flex;
padding: 0px 10px !important;
width: 100%;
}

.cloumrow h2 {
  font-size: 23px;margin: 0px 0px 20px 0px;color: #2638c4;text-transform: uppercase;text-align:center;
}

.cloumrow-colum {
    flex: 50%;
}

.inform-os {
    background-color: #e7f3fe;
    border-left: 6px solid #59d71e;
}

.inform-os p {
margin: 0px;
}

@media screen and (max-width: 600px) {
    .cloumrow-colum {
    display: inline-block;
    width: 100%;
    }
}

table.app-sravni {
border-collapse: collapse;
border-spacing: 0;
width: 80%;
border: 1px solid #2638c4;
margin: 0px 10%;
}

table.app-sravni p { 
margin-bottom: 0px !important;
}

table.app-sravni th {
	border-bottom: 1px solid #2638c4;
    color: black;font-weight: 600;
}

table.app-sravni th, td {
    text-align: center;
    padding: 16px;
}

table.app-sravni th:first-child, td:first-child {
    text-align: left;
}

table.app-sravni tr:nth-child(even) {
    background-color: #f2f2f2
}

table.app-sravni .fa-check {
    color: green;
}

table.app-sravni .fa-remove {
    color: red;
}

table.app-sravni a {
font-family: Arial Rounded MT Bold, sans-serif;color: #2638c4;letter-spacing: 1px;text-transform: uppercase;font-size: 14px;font-weight: 600;
}
table.app-sravni a:hover {
  text-decoration: none;
}

/* Some left and right padding inside the container */
.containerapp {
    padding: 0 15px 20px 15px;
}

/* Clear floats */
.containerapp::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

.containerapp h2 {
    font-size: 18px;
}

.titleapp {
    color: grey;
}

.rowapp {
margin: 10px 50px 0px 50px;
}

.quick_info_section {
background: #f1f3f4;
padding: 28px;
width: 100%;
border-radius: 14px;
margin: 10px 0px;
position: relative;
padding-bottom: 0;
}


.quick_info_section h2 {
font-size: 24px;
margin: 0 0 24px;
border-bottom: 1px solid #daddde;
padding-bottom: 25px;
text-shadow: none;
font-weight: 600;
}

.quick_info_section ul {
list-style: none;
display: flex;
flex-flow: wrap;
}

.quick_info_section ul li {
flex: 0 0 50%;
padding-left: 10px;
padding-bottom: 14px;
}

.quick_info_section span.text_qi {
display: block;
font-size: 16px;
color: #2e3246;
padding: 10px 0px;
}

.quick_info_section span.title_qi {
color: #2e3246;
font-size: 16px;
font-weight: 700;
display: block;
}

.pros-cons{display:flex;padding-bottom:15px;border-bottom:1px solid #f3f3f3;margin-bottom:0px}

.pros-cons ul{width:50%}

.pros-cons ul.pros li{background-image:url("/theme/striped/css/images/icon-plus.svg")}

.pros-cons ul.cons li{background-image:url("/theme/striped/css/images/icon-minus.svg")}

.pros-cons ul li{text-align:left;list-style:none;background-size:10px;background-position:left center;background-repeat:no-repeat;padding-left:25px;height:auto!important;font-size:16px;line-height:1.2em;padding-top:5px;padding-bottom:5px}

 .steps {
margin: 20px;
}

.steps span {
align-items: center;
background-color: #0039a6;
border-radius: 50%;
color: #ffffff;
display: flex;
font-size: 16px;
font-weight: 700;
height: 40px;
justify-content: center;
line-height: 0;
margin-right: 22px;
position: relative;
width: 40px;
}

.steps li {
align-items: center;
display: flex;
justify-content: flex-start;
}

.steps li:not(:last-child) {
margin-bottom: 0px;
}

.steps li:not(:last-child) span:after {
background-color: #000;
bottom: -98%;
content: "";
display: inline-block;
height: 100%;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 1px;
z-index: 0;
}

.steps p {
width: calc(100% - 60px);
}

table.tablerating
{
  border: #ccc solid 1px;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  font-family: Arial Rounded MT Bold, sans-serif;
}
table.tablerating img
{
  text-align: center;
  width: 100%;
  max-width: 180px;
}
table.tablerating caption
{
  font-size: 1.3em;
  margin: 0.5em 0 0.75em;
}
table.tablerating tr
{
  background: #f8f8f8;
  border: #ddd solid 1px;
  padding: 0.35em;
}
table.tablerating th, table td
{
  padding: 0.625em;
  text-align: center;
  vertical-align: middle !important;
}
@media screen and (max-width:900px)
{
table.tablerating
{
  border: 0;
}
table.tablerating caption {
font-size: 13px;
font-weight: 400;
text-align: center;
margin: 15px 0px 0px 0px;
letter-spacing: 0.5px;
color: white;
}
	
table.tablerating thead
{
  display: none;
}
table.tablerating tr
{
  border-bottom: 3px solid #ddd;
  display: block;
  margin: 0.8em;
}
table.tablerating td
{
  border-bottom: 1px solid #ddd;
  display: block;
  text-align: right;
}
table.tablerating td:before
{
  content: attr(aria-label);
  float: left;
  font-weight: bold;
}
table.tablerating td:last-child
{
  border-bottom: 0;
}
}

#content
{
padding: 0em;
}

body.left-sidebar #content
{
margin-left: 0; /* = sidebar width + 1 */
}

body.right-sidebar #content
{
margin-right: 14em; /* = sidebar width */
margin-left: 1em;
}

.knopki {width: 80% !important;
margin: 10px 10% 20px 10% !important;
	font-size: 15px !important;}

.knopki-new {
width: 200px !important;
margin: 10px 0 20px 0 !important;
font-size: 15px !important;
padding: 10px 0px !important;
}

@media (max-width: 900px) {
.is-post header {margin:auto !important;} .is-post h2 {font-size: 20px !important;} .kjnk {width: 95% !important}}
.fdlk {
font-family: Arial, Helvetica, sans-serif;
color: #4e4cd6;
font-size: 12px;
text-shadow: 1px 1px 0px #fff;
background: #ffffff;
border: rgba(3, 87, 168, 0.24) 3px solid;
border-collapse: separate;
padding: 10px 20px;
height: 450px;
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .2);
width: 280px; margin: 16px; display: inline-block;
border-radius: 5px;
}
.sduk{text-align:center}
.homp {margin: 1em 0 0.8em 1em;display: inline-block;text-align:left}
.fdlk img {padding: 10px 0px;text-align: center;margin: auto;display: block;}
.fdlk ol {float: left;font-size: 15px; color: #000000; padding: 5px 0px; margin-bottom: 0px;}
.fdlk ol li.sass {list-style-image: url(/theme/striped/css/4.gif);}
.fdlk ol li img{margin-right:5px;margin-bottom:-3px;}
.otziv {
font-family: Avenir Next, Arial, Helvetica, sans-serif;
color: #4e4cd6;
font-size: 10px;
text-shadow: 1px 1px 0px #fff;
background: #ffffff;
border: rgba(3, 87, 168, 0.24) 3px solid;
border-collapse: separate;
padding: 20px 20px;
height: 320px;
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .2);
width: 280px; margin: 16px; display: inline-block;
border-radius: 5px;
text-align: justify;
}

p.sass2 {text-align: justify;text-indent: 20px; margin: 0px 0px; padding: 5px 0px; border: 0; font-size: 12px; vertical-align: baseline; color: black;}

.mapp {display:none;text-align:center}
.mapp img {width:80%;max-width:300px;height:auto}
.mapp p {font-size: 13px; margin: 0px 20px 0px 20px;}
  
.otziv img {
max-width: 100px;
max-height: 100px;
text-align: left;
margin: 0px 0px 0px 0px;
display: inline-block;
float: left;
}
.otziv a:hover {text-decoration: none;}
.otziv ol {float: left;font-size: 15px; color: #000000; padding: 5px 0px; margin-bottom: 0px;}
.otziv ol li.sass {list-style-image: url(/theme/striped/css/4.gif);}
.otziv ol li img{margin-right:5px;margin-bottom:-3px;}
p.sass {text-align: left;margin: 0px 0px; padding: 5px 0px; border: 0; font-size: 14px; vertical-align: baseline; color: black;}
img.hdsl {margin: 0px 10px 0px 0px; display: inherit; float: left; padding: 5px 0px;max-height: 35px; width: auto;}
p.name {display:none;color: #1b252a; font-weight: 500; margin: 10px 0px; padding: 0; border: 0; font-size: 15px; vertical-align: baseline; font-family: inherit; letter-spacing: 3px;}
p.prik {text-shadow: 0px 0px 0px #fff;font-weight: 800; color: #05044c; font-family: sans-serif;margin: 10px 0px; font-size: 15px;}
.clicks {font-weight: 700; font-weight: 500; color: white; text-decoration: none; text-transform: uppercase;padding: 20px 10px; border-radius: 3px; background: #2638c4; box-shadow: 0 -3px rgba(10, 46, 89, 0.48) inset; transition: 0.2s; text-shadow: none; font-size: 16px; margin: 15px 30px 0px 0px; display: inline-block; width: 100%; text-align: center; letter-spacing: 3px;} 
.clicks:hover {background: rgb(53, 167, 110); }
.clicks:active {background: rgb(33,147,90);box-shadow: 0 3px rgb(33,147,90) inset;}
.clicks-app {background: #6b77da}
.clicks-app-net {background: #666666}
.clicks-app-net:hover {background: #666666}
.company {color: #c94663; font-weight: 700;}
.banans {text-shadow: 1px 1px 0px #fff; background: #002bff00; padding: 20px 10px; border: #ccc 1px solid;margin: 10px 50px 30px 50px;}
.banans a {margin: 0px 0px;}
.banans .img {max-height:336px;width:auto}
.pkc {font-weight: bold; margin: 10px 0px;}
.pds {margin-left: 18px;}
.footstep { background: #2638c4; padding: 0px 0px 0px 50px; border-top: #ccc 1px solid; }
.footstep a {font-size: 14px;color: #ffffffff;}
.kjnk {margin-left: 15px; margin-top: 20px; font-size: 18px; text-shadow: 1px 1px 0px #fff; background: #ffffff; border: #0357a8 1px solid; border-collapse: separate; padding: 20px; display: inline-block; width: 48%;}
.kjnk a {color: #05044c;}
.kjnk a:hover {text-decoration:none}
.kjnk ul {margin: 0px 20px;}
.kjnk ul li {margin: 0px 0px 5px 5px;}
.sadc {margin: 20px 50px; font-size: 15px; text-shadow: 1px 1px 0px #fff; background: #ffffff; border: #0357a8 1px solid; border-collapse: separate; padding: 20px; display: inline-block; text-align: justify;}
@media screen and (max-width: 350px) {#content { padding: 0em 0em !important}}
@media screen and (max-width: 350px) {.banans .img {max-height:250px;width:auto !important}}
#message a { /* display: block before hiding */ display: block; display: none; /* link is above all other elements */ z-index: 999; /* link doesn't hide text behind it */ opacity: .8; /* link stays at same place on page */ position: fixed; /* link goes at the bottom of the page */ top: 100%; margin-top: -80px; /* = height + preferred bottom margin */ /* link is centered */ left: 50%; margin-left: -160px; /* = half of width */ /* round the corners (to your preference) */ -moz-border-radius: 24px; -webkit-border-radius: 24px; /* make it big and easy to see (size, style to preferences) */ width: 300px; line-height: 48px; height: 48px; padding: 10px; background-color: #000; font-size: 24px; text-align: center; color: #fff;}
#blink1 {
  -webkit-animation: blink1 4s linear infinite;
  animation: blink1 4s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
.xcw {color: #2638c4c7; font-size: 25px; line-height: 150%; margin: 0px 0px 20px 0px; text-decoration: none; border-radius: 3px; transition: 0.2s; text-shadow: none; display: inline-block; width: 100%; letter-spacing: 3px; font-family: inherit;}
.xcw2 {
  padding: 30px 0px 30px 50px;text-transform: uppercase;text-align: left;
  color: #2638c4; font-size: 25px; line-height: 150%; margin: 0px 0px 0px 0px; font-weight: 700; text-decoration: none; border-radius: 3px; transition: 0.2s; text-shadow: none; display: inline-block; width: 100%; letter-spacing: 3px;font-family: 'Source Sans Pro', sans-serif;
}

.xcw2-home {
	text-align: center;
	padding: 20px 0px;
}

.kijoyu a {
    z-index: 4;
    width: auto;
    background: #2638c4 url(/theme/striped/images/khome.png) 10px 18px no-repeat;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    -moz-transition: all 0.2s 0.01s ease;
    -o-transition: all 0.2s 0.01s ease;
    -webkit-transition: all 0.2s 0.01s ease;
}
.kijoyu a::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 2px;
  width: 0;
  background: #35a76e;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.kijoyu a:hover::after { 
  width: 100%; 
  left: 0;
  color: 35a76e;
}
.kijoyu a.android {
 background: #2638c4 url(/theme/striped/css/images/android.png) 10px 15px no-repeat !important; 
}
.kijoyu a.apple {
 background: #2638c4 url(/theme/striped/css/images/apple.png) 10px 15px no-repeat !important; 
}
div.ssdsl a {
font-size: 30px;margin: 0px;color: white;text-decoration: none;
}
div.ssdsl a:hover {
color: color(srgb 0.955 0.955 0.955);
}
#hnmkk {
    z-index: 1000;
    border: 0px solid #000;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0px;
    margin-top: 0px;
}
#hnmkk ul {
    display: block;
    z-index: 999999;
	margin-bottom:0em;
}
#hnmkk ul li {
    display: inline-block;
    margin-right: -4px;
    position: relative;
}
#hnmkk ul p {
color: white; margin: 0px; padding: 15px 0px 0px 0px;
}
#hnmkk ul li a {
    padding: 17px 20px 0px 50px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    position: relative;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
    letter-spacing: 1.3px;
    text-decoration: none;
}

#hnmkk ul li a::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 2px;
  width: 0;
  background: #35a76e;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
#hnmkk ul li a:hover::after { 
  width: 100%; 
  left: 0;
  color: 35a76e;
}
.nigmhjnds {
border-bottom: 7px solid #59d71d;
width:100%;
background:#2638c4;
height:62px;
z-index: 4;
position relative;
}
.menu-menyu-3-container {
  width: 100%;
}
.nigmhjnds2 {
border-bottom: 7px solid #59d71e;
    width: 100%;
    background: #2638c4;
    height: 62px;
    z-index: 4;
    position: relative;
}
.mtitle {margin: 20px 20px 0px 20px; font-size: 24px; color: black;}
.vbvba {text-align: right; margin: 0px 60px;}
.vbvba p {font-size: 15px; vertical-align: baseline; color: black;margin: 0px}
.vbvba a {
    font-size: 16px;
    color: #2638c4;
    font-weight: 700;
}
table {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  border-collapse: collapse;
  color: #686461;
  margin-bottom:0px;
}
caption {
  padding: 10px;
  color: white;
  background: #8FD4C1;
  font-size: 18px;
  text-align: left;
  font-weight: bold;
}
th {
  border-bottom: 3px solid #B9B29F;
  padding: 10px;
  text-align: left;
}
td {
  padding: 10px;
}
tr:nth-child(odd) {
  background: white;
}
tr:nth-child(even) {
  background: #E8E6D1;
}
.ewqcxd {float:right}
.gnhgfnf {width:60%;margin-right: 20px;float:right}
.gnhgfnf p {color: black; text-align: justify; margin: 0px 20px 0px 20px; text-indent: 20px; font-size: 15px;}
ul.jkj {
    list-style: none;
    padding-left: 0;
    margin-top: 25px;
    background: #2638c4;
    height: 50px;
    margin: 25px 50px 0px 50px;
}
ul.jkj a {
    text-decoration: none;
    background: #2638c4;
    color: #fff;
    padding: 0px 15px;
    font-family: arial;
    line-height: 50px;
    display: block;
    border-right: 1px solid #004b94;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}
ul.jkj a:hover {
  background:green;/*добавляем эффект при наведении*/
}
ul.jkj li {
  float:left; /*Размещаем список горизонтально для реализации меню*/
}
ul.jkjs {
    list-style: none;
    padding-left: 0;
    height: 30px;
    margin: 15px 50px 0px 50px;
    float: right;
}
ul.jkjs a {
    text-decoration: none;
    background: #2638c4;
    color: #fff;
    padding: 0px 15px;
    font-family: arial;
    line-height: 30px;
    display: block;
    border-right: 1px solid #004b94;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
    font-size: 15px;
}
ul.jkjs a:hover {
  background:green;
}
ul.jkjs li {
  float:left;
}

.sadsadqw {    display: inline-block;}
.hjlk {float: right; display: block; width: 100%;}

.banans2 {margin-top: 0px;margin-bottom: 0px;text-align:center}


.clicks2, .nedaut, .banans2 h2, .banans2 hr {display:none}

.razmerzaima {
  
font-size: 24px;
margin: 15px 0px 20px 0px;
letter-spacing: 1.5px;
color: color(srgb 0.0129 0.454 0.0051);
text-transform: uppercase;
}

.onlymobile {display:inline}

.fdlk3 {
font-family: Arial, Helvetica, sans-serif;
color: #4e4cd6;
font-size: 12px;
text-shadow: 1px 1px 0px #fff;
background: #ffffff;
border: rgba(3, 87, 168, 0.24) 3px solid;
border-collapse: separate;
padding: 10px 20px;
height: 450px;
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .2);
width: 280px;
margin: 16px;
display: inline-block;
border-radius: 5px;
}

.fdlk3 img {
padding: 10px 0px;
text-align: center;
margin: auto;
display: block;
width: 120px;
}

p.sass3 {
text-align: left;
margin: 0px 0px;
padding: 5px 0px;
border: 0;
font-size: 13px;
vertical-align: baseline;
color: black;
}

.clicks3 {
font-weight: 500;
color: white;
text-decoration: none;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 3px;
background: #2638c4;
box-shadow: 0 -3px rgba(10, 46, 89, 0.48) inset;
transition: 0.2s;
text-shadow: none;
font-size: 14px;
margin: 15px 30px 0px 0px;
display: inline-block;
width: 100%;
text-align: center;
letter-spacing: 3px;
}

.clicks3:hover {background: rgb(53, 167, 110); }
.clicks3:active {background: rgb(33,147,90);box-shadow: 0 3px rgb(33,147,90) inset;}

@media screen and (min-width: 1250px) {

.pc1900 {display:none !important}
	
.onlymobile {display:none !important}
	
}

@media screen and (max-width: 850px) {

.dopmfo {display:none !important}
	
ul.jkjs a {padding: 0px 5px !important}
ul.jkj {display: inline-block !important;width: 50% !important;}
ul.jkj a {border-bottom:1px solid #004b94}
.is-post header {margin: 0px  !important; padding: 20px 0px 20px 20px !important}
}

@media screen and (max-width: 750px) {
.hjlk {display:none !important;}ul.jkj li {   float: none !important;} 
 .homeikon {display:none !important}
#hnmkk ul li a {
padding: 17px 20px 0px 50px !important;
text-align: center;
margin: 0 auto;
}
}
@media screen and (max-width: 700px) {
.banans2 h2, .banans2 hr {display:block !important;}
.clicks2 { font-weight: 700; font-weight: 500; color: white; text-decoration: none; text-transform: uppercase; padding: 20px 10px; border-radius: 3px; background: #2638c4; box-shadow: 0 -3px rgba(10, 46, 89, 0.48) inset; transition: 0.2s; text-shadow: none; font-size: 16px; margin: 15px 30px 0px 0px; display: inline-block; width: 100%; text-align: center; letter-spacing: 3px; }
.clicks2:hover { background: rgb(53, 167, 110); }
.clicks2:active {background: rgb(33,147,90);box-shadow: 0 3px rgb(33,147,90) inset;}
.is-post header {height:auto !important;}
.is-post h2 {font-size:18px !important;}
.sadc {margin: 30px !important}
  
.footstep {padding: 0px !important}
  #hnmkk ul li  {width:50%}
  #hnmkk ul p {padding: 0px !important; margin: 0px !important}
  
}
  	
@media screen and (max-width: 600px) {
  
.otzivi {
     width: 100% !important;
  }
  
table.app-sravni {
min-width: 100%;
margin: 0px !important;
width: 100%;
  } 
  
.cloumrow {
display: inline-block;
margin: 0px !important;
  }

div.ssdsl a {
font-size: 20px !important;
}
.xcw2 {
padding: 20px 0px 10px 0px !important;
font-size: 22px !important;
text-align: center !important;
}
  
.app-opisanie {
width: 100% !important;
padding: 0px 0px !important;
margin-top: 10px !important;
}
  
.rowapp {margin: 10px 20px 0px 20px !important;}
 
.cardapp img {width:50% !important}
.pros-cons { display: block!important}
.pros-cons ul {margin-bottom: 0px !important;width:100% !important}
.pros-cons ul li {padding:10px 0px 10px 25px !important}
.quick_info_section ul li {flex:0 0 100% !important}
  
} 
@media screen and (min-width: 400px) and (max-width: 600px) {
.banney {max-width: 300px !important;width:80%}
.banans {margin: 0px !important;border: #ccc 0px solid;padding: 0px 0px !important;}
.is-post header {height:auto !important;}
.is-post header p {font-size:14px;margin:0px}
.h2 {margin: 0px !important;font-size:20px !important;}
.sadc {margin: 10px !important}
.widgetvk {display:inline !important;}	
#hnmkk ul li a {padding: 17px 20px 0px 50px !important;text-align: center;margin: 0 auto;}
#hnmkk ul p {padding: 0px !important; margin: 0px !important}
div.nedaut {	
display: block !important;
text-shadow: 1px 1px 0px #fff;
padding: 10px 10px;
margin: 0px 10px 20px 10px;
border: #0357a8 1px solid;
color: rgba(0, 0, 0, 0.89);
font-size: 14px;
box-shadow: 0 1px 100px 50px #e1eafb inset;
width: 95% !important;
}
.nedaut h2 {	
display: block;
color: #2638c4;
font-size: 18px !important;
text-align: center;
letter-spacing: 2px;
}
.nedaut p {
text-align: justify;text-indent: 20px;padding: 10px 0px 0px 0px;
}
.pc1900 {display:none !important}
		
.mapp {display:block}
}

@media screen and (max-width: 400px) {
  
#hnmkk ul li a {font-size:12px}
#hnmkk ul p {font-size:12px}
.mapp {display:block}
}
@media screen and (min-width: 350px) and (max-width: 399px) {
.xcw2 {font-size:20px !important}
.banney {max-width: 300px !important;width:80%}
.banans {margin: 0px !important;border: #ccc 0px solid;padding: 0px 0px !important;}
.is-post header {height:auto !important;}
.is-post h2 {font-size: 16px !important}
.is-post header p {font-size:14px !important;margin:0px}
.sadc {font-size: 13px !important;margin: 10px !important}
.banney {width:90% !important;height:auto !importnant;}
.widgetvk {display:inline !important;margin:0px 30px}
.containerapp, .clicks  {font-size:13px !important;}
div.nedaut {	
display: block !important;
text-shadow: 1px 1px 0px #fff;
padding: 10px 10px;
margin: 0px 10px 20px 10px;
border: #0357a8 1px solid;
color: rgba(0, 0, 0, 0.89);
font-size: 14px;
box-shadow: 0 1px 100px 50px #e1eafb inset;
width: 95% !important;
}
.nedaut h2 {	
display: block;
color: #2638c4;
font-size: 18px !important;
text-align: center;
letter-spacing: 2px;
}
.nedaut p {
text-align: justify;text-indent: 20px;padding: 10px 0px 0px 0px;
}
.nigmhjnds {}
	
.cloumrow h2, div.ssdsl a {
font-size: 17px !important;
}
.is-post header p {
font-size: 12px !important;
margin: 0px;
}
	
.inform-os p, .app-opisanie p {
font-size: 14px !important;
	}
	
table.app-sravni, .clicks2, p.sass, .pros-cons ul li {
font-size: 13px !important;
	}

}

	
@media screen and (max-width: 349px) {
.is-post h2 {font-size: 15px !important; }
.is-post header p {font-size:11px !important;;margin:0px}
.is-post header {height:auto !important;}
.sadc {margin: 10px !important}
.banney {width:90% !important;height:auto !importnant;}
.widgetvk {display:inline !important;margin:0px 30px}
div.nedaut .nigmhjnds {display:none !important;}
.pc1900 {display:none !important}
.cloumrow h2, div.ssdsl a {
font-size: 16px !important;
}
	
.containerapp {
padding: 0 5px 20px 5px !important;
font-size: 13px !important;
}
	
.sadc, table.app-sravni a, .clicks, .pros-cons ul li, .app-opisanie p {
font-size: 13px !important;
}
	
.quick_info_section ul li {padding-left: 0px !important}

}

.info-mfo-net {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
  margin:20px 0px;
  padding:20px;
}

.info-mfo-net p {
margin-bottom: 20px;
}


.info-mfo-net ul {
  margin-left: 20px;
  margin-top: 20px;
}

.info-mfo-net ul li {
  text-align:left;
}