/*#1a2248;*/
/*#rgba(221,21,56,1);*/

//.color {color: #1a2248;}

/*Оформление страницы*/
.block.type1 {
    background: #ecf1f6 url("/include/svg/block1.svg") right 40px bottom 40px no-repeat; 
    border-radius: 12px;
    font-size: 20px;
    padding: 40px 80px 80px 80px;
    font-weight: 500;
    border-radius: 12px;
}
.block.type2 {
    background: #ecf1f6; 
    border-radius: 12px;
    font-size: 20px;
    padding: 40px 80px;
    font-weight: 500;
    font-size: 26px;
    border-radius: 12px;
}
.block.type3 {border-radius: 12px; padding: 30px; margin: 30px 0; -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3);}
.block.type4 {border-radius: 12px; color: #FFFFFF; background-color: #1a2248; padding: 30px; margin: 30px 0; -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3);}


.sep {position: relative; padding: 30px 0; width: 100%;}
.sep.type1:after {background-color: #1a2248; content: ''; position: absolute; top: 30px; width: 100%; height: 1px;}
.sep.type2:after {background-color: #1a2248; content: ''; position: absolute; top: 30px; width: 50px; height: 5px; left: 50%; margin-left: -25px;}
.sep.type2:after {background-color: #1a2248; content: ''; position: absolute; top: 30px; width: 50px; height: 5px; left: 50%; margin-left: -25px;}
.sep.type3:after {
    content: '';
    background-image: url('data:image/svg+xml,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 16.5">\
      <path fill="rgba(49,145,45,1)" d="M71 16.5l-11.5-8-11.5 8-11.5-8-11.5 8-11.5-8L4 15.1 0 9.4 13.5 0 25 8l11.5-8L48 8l11.5-8L71 8l11.5-8L96 9.4l-4 5.7-9.5-6.6z"/>\
      </svg>');
    position: absolute; top: 30px; width: 90px; height: 15px; left: 50%; margin-left: -45px; background-size: 100%;
}
.sep.type4:after {content: ''; background: url(/images/svg/zigzag.svg);  position: absolute; top: 30px; width: 90px; height: 15px; left: 50%; margin-left: -45px; background-size: 100%;}
.sep.type5:after {
    content: '';
    background-image: url('data:image/svg+xml,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 16.5">\
      <path fill="rgba(0,0,0,1)" d="M71 16.5l-11.5-8-11.5 8-11.5-8-11.5 8-11.5-8L4 15.1 0 9.4 13.5 0 25 8l11.5-8L48 8l11.5-8L71 8l11.5-8L96 9.4l-4 5.7-9.5-6.6z"/>\
      </svg>');
    position: absolute; top: 30px; width: 90px; height: 15px; left: 50%; margin-left: -45px; background-size: 100%;
}
ul.styled, ul.styled2, ul.styled3, ul.styled4, ul.styled5 {list-style: none; padding: 0; text-align: left; margin: 10px 0 20px 0;}
ul.styled li, ul.styled2 li, ul.styled3 li, ul.styled4 li,  ul.styled5 li {background: none!important; position: relative; padding: 4px 0; list-style: none; padding-top: 5px; line-height: 22px; padding-left: 15px; margin-left: 0px;}
ul.styled li::before, ul.styled2 li:before, ul.styled3 li:before, ul.styled4 li:before, ul.styled5 li:before {
    background-color: var(--OPTION_BASE_COLOR); content:''; position: absolute;
}
ul.styled li:before {width: 4px; height: 4px; left:0; top: 13px; border-radius: 50%;}
ul.styled2 li:before {width: 8px; height: 2px; left:0; top: 15px; border-radius: 50%;}
ul.styled3 li {line-height: 1.5rem; font-size: 1.3rem; padding-left: 75px;}
ul.styled3 li:before {top: 16px; left: 0; width: 56px; height: 6px;}
ul.styled4 li {padding-left: 22px; line-height: 1.2;}
ul.styled4 li:before {font-size: 1.1rem; color: #1a2248; content: "\f046"; font-family: "FontAwesome"; top: 5px; left: 0; background: none;}



/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .block.type2 {padding: 40px 60px; font-size: 22px;}    
} 
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .block.type1 {padding: 20px 40px;}    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}