/*-------------------------
СТИЛИ ВИЗУАЛЬНОГО РЕДАКТОРА
--------------------------*/

.editor *, .editor *:before, .editor *:after {
    -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
    -moz-box-sizing: border-box; /* Needed for Firefox */
    box-sizing: border-box;
    outline: none;
}

.editor{ line-height: 1.4em; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.editor .intro{ font-size: 1.28571em; line-height: 1.6em; }
.editor h2{ line-height: 1.4em; text-transform: uppercase; font-weight: 800; color: #b94708; }
.editor ul{ list-style: none; padding: 0; margin: 30px 0; }
.editor ul li{ background: url(/bitrix/templates/main/img/ip_li_bg.png) left top no-repeat transparent; padding: 0 0 0 40px; margin: 12px 0 12px 0; }
.editor .col-2-2{ width: auto; }
.editor .col-2-2 .col{ width: 47%; margin: 30px 0; float: left; padding: 0 20px; border: 1px dashed #dedede; min-height: 50px; }
.editor .col-2-2 .col:nth-child(1){ padding-left: 0;}
.editor .col-2-2 .col:nth-child(2){ padding-right: 0;}
.editor .col-2-2 .col img{ max-width: 100%; height: auto; margin: auto; display: block; }
.editor .cl{ clear: both; width: auto; height: 0; font-size: 0; line-height: 0; } 

.editor .imp{ font-size: 1.28571em; line-height: 1.6em; color: #0061a6; }

.editor table{ border-collapse: collapse; margin: 30px 0; }
.editor table tr{  }
.editor table tr td{ border: 1px solid #d4dee6; padding: 10px 20px; }
.editor table tr:nth-child(odd) td{ background: #f2f5f8; }
.editor table tr td p{ margin: 0; }
.editor table tr th{ background: #0061a6; border: 1px solid #0061a6; padding: 10px 20px; color: #fff; }
.editor table tr th p{ margin: 0; }

.editor .iconed_block{ padding: 0 0 0 200px; margin: 0 0 30px 0; position: relative; }
.editor .iconed_block .title{ display: block; font-weight: 700; font-size: 18px; margin: 0 0 10px 0; color: #0061a6; }
.editor .iconed_block .ico{ display: block; width: 180px; height: 180px; text-align: center; position: absolute; left: 0; top: 0; }
.editor .iconed_block .ico img{ display: block; margin: auto; max-width: 100%; height: auto; width: auto; }

.editor .image_block{ text-align: center; margin: 30px 0; border: 1px dashed #dedede; }
.editor .image_block img{ display: block; margin: auto; max-width: 100%; height: auto; }


/*-------------------------
END :: СТИЛИ ВИЗУАЛЬНОГО РЕДАКТОРА
--------------------------*/