#page {position: relative;
z-index: 0; }
h1 {font-size: 36px; font-weight: 500;  font-family: 'Roboto';}


#textcols, #textcols1, #textcols2, #textcols3, #textcols4, #textcols6 {white-space: nowrap; margin-top: 40px;}
#textcols a, #textcols1 a, #textcols2 a, #textcols3 a, #textcols4 a,  #textcols6 a{text-decoration:none;}

.textcols-item {
	white-space: normal;	
	display: inline-block;
	width: 48%;
	vertical-align: top;}

#textcols .textcols-item:first-child {margin-right: 4%;}

#row_ol {position: relative; width: 18.3em;  margin: 14px;  }


.polygon_ol_start {
  background: linear-gradient(90deg, rgba(255,86,89,1) 30%, rgba(253,151,87,1) 70%, rgba(255,195,92,1) 95%);
  width: 17em;
  height: 5.8em;
  clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%);
  shape-outside: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%);
  margin: auto;
}
.polygon_ol_start:hover{filter:hue-rotate(135deg)}

.polygon_ol_start a {
  font-family: 'Roboto';
  color: #000;
  font-size: 35px;
  padding-top: 13px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0px;
}

.polygon_ol_start span {
  font-family: 'Roboto';
  color: #000;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  font-weight: 800;
  margin-left: 20px;
  padding-top: 7px;
}





.polygon_ol_baza {
  background: linear-gradient(90deg, rgba(125,205,132,1) 30%, rgba(158,207,90,1) 70%, rgba(172,206,60,1) 95%);
  width: 17em;
  height: 8.3em;
  clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%);
  shape-outside: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%);
  margin-top: 10px;
  margin-bottom: 25px;
}

.polygon_ol_baza:hover{filter:hue-rotate(135deg)}

.polygon_ol_baza a {
  font-family: 'Roboto';
  color: #000;
  font-size: 17px;
  padding-top: 10px;
  display: block;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.05em;
}



.ol_range {padding-top: 17px !important;}
.ol_razmer {font-size: 14.5px !important;
line-height: 1.1em !important;}





.time_ol {
  border: 1px solid #c9c9c9;
  max-width: 60px;
  margin: auto;
  color: #000;	
  text-align: center;
  font-size: 12px;
  font-family: Roboto;
  padding: 2px;
  margin-top: 10px;
  font-weight: 600;
}


.time_ol_baza {
  border: 1px solid #79a02b;
  max-width: 120px;
  margin: auto;
    margin-top: auto;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-family: Roboto;
  padding: 2px;
  margin-top: 9px;
  font-weight: 600;
  line-height: 1.2em;
}

.ol_uroven {
  color: #000;
  font-family: Roboto;
  font-weight: 800;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 40px;
}








.ur1c_ol {
  background: #cd2429;
  border-radius: 10px;
  width: 210px;
  padding: 10px;
  margin: auto;
  position:relative;
}


.ur1c_ol p {
color: #fff;
font-size: 16px;
font-family: Roboto;
text-align: left;
text-transform: uppercase;
font-weight: 600;
padding: 0px;
margin: 0px;
 margin-left: 25px;
}


.ur1c_ol span {
  display: block;
  position: absolute;
  background: #f0e239;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #000;
  font-weight: 800;
  line-height: 34px;
  font-size: 24px;
  font-family: Roboto;
  left: -12px;
}


.baza {border: 1px dashed #333; padding:10px; margin-top:50px; }
.baza2 {margin-top: 40px;
border: 1px solid #9b9b9b;
padding-top: 25px;
border-radius: 5px; position: relative;}

.baza4 {margin-top:40px; position: relative;}
.baza5 {margin-top:40px; position: relative;}

.row_prof { margin-top: 180px !important; }


.prof_ol {
	background: #455ba6;
border-radius: 5px;
width: 220px;
padding: 5px;
margin: auto;
margin-bottom: 15px; position:relative;}

.prof_ol:hover{background: #5e75c3;}
.polygon_ol_start:hover{filter:hue-rotate(135deg)}
	
.prof_ol a {
  font-family: 'Roboto';
  color: #fff;
  font-size: 15px;
  padding-top: 5px;
  display: block;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  line-height: 1.1em;
}

.profka {color: #fff;
border-color: #fff;
max-width: 65px;
padding: 1px;   
margin-bottom: 5px;
  font-size: 12px;
  opacity: 0.8;
  font-weight: 300;
}

.ekzamen_ol {background:#dd852e; border-radius:0; min-height: 65px; display: table; box-shadow: rgba(0, 0, 0, 0.6) 0px 22px 6px -20px;}
.ekzamen_ol a {display: table-cell;
vertical-align: middle;
padding-top: 0px; line-height: 1em;}
.ekzamen_ol:hover{background: #ff8f0a;}

.fiol_ol {background:#674697;}
.fiol_ol:hover{background: #835cbb;}
.kras_ol {background:#c65036;}
.kras_ol:hover{background: #da654b;}

.edt_ol {width: 450px; padding: 5px; margin-top: 25px;
margin-bottom: 25px; }

.ser_ol {background:#d8d8d8;}
.ser_ol:hover{background: #bcb9b9;}
.ser_ol a {color:#000 !important;}

.expert {color:#000 !important; border-color:#000;}
.exp_ol {  width: 240px;}




.expert_border {width: 650px;
margin-left: 300px;
border: 1px solid #9b9b9b;
border-radius: 5px; padding-top: 20px;}

.ol_erp_shema {width:60% !important;}
.ol_erp_top {margin-top: 20px;}

.ol_erp_obsch {white-space: nowrap;}
.ol_blue {color:#119ae0; display:inline-block;}


.ol_shema1 {margin-top: 100px !important;}

.ol_shema1_ur {width: 100% !important;}
.ol_shema1 .prof_ol {width: 100%; !important;}
.ol_shema1 .profka {max-width: 135px !important;}
.ol_shema1 a {font-weight: 350;}
.ol_uroven_vn {color: #000; font-family: Roboto; font-weight: 500; font-size: 14px; text-align: center; margin-top: -7px;}

.ol_otstup_row {margin-right:5% !important;}

.ol_shema1_ekz {min-height: 40px; min-width: 600px; padding: 3px; margin: 0px; text-align: center;}
.ol_vertical {transform: rotate(270deg); width: 3% !important; margin-top: 900px !important;}

.ol_shema1_border {border:none !important; padding-top: 0px !important;}


.ol_ramka_baza {border: 1px dashed #333; padding: 10px; padding-bottom: 0px; margin-bottom: 10px;}
.ol_ramka_baza1  {padding: 20px; padding-bottom: 4px; margin-bottom: 10px; background: #F8F8F8;}






#button-design_icon .b-orange,#button-design_icon .b-orange:before{background:#ffc107;background:-moz-linear-gradient(45deg,#ffc107 0,#ff5722 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#ffc107),color-stop(100%,#ff5722));background:-webkit-linear-gradient(45deg,#ffc107 0,#ff5722 100%);background:-o-linear-gradient(45deg,#ffc107 0,#ff5722 100%);background:-ms-linear-gradient(45deg,#ffc107 0,#ff5722 100%);background:linear-gradient(45deg,#ffc107 0,#ff5722 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc107',endColorstr='#ff5722',GradientType=1)}

#button-design_icon .button2{display:inline-block;font-size:1.2em;margin: 10px 0 0 20px;padding:.5em;border-radius:5px;transition:all .5s;filter:hue-rotate(0);color:#FFF;text-decoration:none;   min-width: 145px; text-align: right;}
#button-design_icon .rot-135:hover{filter:hue-rotate(135deg)}
#button-design_icon {margin-bottom:20px;}


#button-design .b-green,#button-design .b-green:before{background:#499bea;background:-moz-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#499bea),color-stop(100%,#1abc9c));background:-webkit-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-o-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-ms-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:linear-gradient(45deg,#499bea 0,#1abc9c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea',endColorstr='#1abc9c',GradientType=1)}
#button-design .button2{display:inline-block;font-size:1.0em;margin: 10px 0 0 20px;padding:.5em;border-radius:5px;transition:all .5s;filter:hue-rotate(0);color:#FFF;text-decoration:none;   line-height: 1.3em;
}
#button-design .rot-135:hover{filter:hue-rotate(135deg)}




.ol_mobile_ex::before {content: no-close-quote !important;}
.ol_mobile_ex a {color:#fff; text-decoration:none;}







/**ERP**/

.ol_position {width: 5px;height: 5px;position: absolute;}
#textcols3 .str_7 {right: 0;}
#textcols3 .str_8 {bottom: 0;left: 32%;}
#textcols3 .str_9 {bottom: 0;right: 32%;}
#textcols3 .str_10 {top: 0;left: 32%;}
#textcols3 .str_11 {top: 0;right: 32%;}
#textcols3 .str_12 {bottom: 0;left: 32%;}
#textcols3 .str_14 {top: 0;left: 32%;}
#textcols3 .str_15 {top: 0;left: 9.7%;}
#textcols3 .str_16 {bottom: 0;left: 50%;}
#textcols3 .str_17 {top: 0;left: 50%;}
#textcols3 .str_18 {bottom: 0;right: 32%;}
#textcols3 .str_19 {top: 0;right: 32%;}

#textcols3 .str_20 {bottom: 0;left: 32%;}
#textcols3 .str_21 {bottom: 0;left: 50%;}
#textcols3 .str_22 {bottom: 0;right: 32%;}

#textcols3 .str_23 {top: 0;right: 49.4%;}
#textcols3 .str_24 {top: 0;right: 9.7%;}



.ol_shema2 {width:70% !important; margin-top: 100px !important;}
.ol_shema2 .baza2 {border:none; margin:0px; padding:0px;}

.ol_shema2 .ur1c_ol {width: 100% !important; border-radius: 50px 0px 0px 50px; margin-bottom: 20px;}
.ol_shema2 .ur1c_ol p {font-size:18px;}

.ol_shema2 .prof_ol {width:100%;}
.ol_shema2 .prof_ol a {margin: 0px; padding:0px; text-transform: uppercase;}

.ol_shema2 .ur1c_ol span {top:3px; left: -5px;}
.ol_shema2 .time_ol_baza {border-color:#fff; color:#fff; margin-top: 4px; font-weight: 300;}

.ol_shema2 .ekzamen_ol {min-height: auto; padding: 3px; width:100%; display:block; text-align:center; background: #d17b42; margin-bottom: 20px; position: relative;}
.ol_shema2 .ekzamen_ol a {margin:0px; padding:10px; color:#fff; font-size: 24px; font-weight: 600; text-transform: uppercase; display: inline-block;}



.flex_prof {display: grid; overflow: hidden; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px; margin-top: 70px;}
.flex_prof .padding_top {padding-top:10px !important;}
.flex_prof .prof_ol {background-color:#109ae2; padding: 2px; min-height: 60px;}
.flex_prof .time_ol_baza {max-width: 110px;}

.ol_shema2 .flex_prof .prof_ol:hover {background-color:#0881c0;}
.ol_shema2 .ekzamen_ol:hover {background-color:#d46114;}
.ol_shema2 .flex_spec1 .prof_ol:hover {opacity:0.8;}
.ol_shema2 .flex_spec2 .prof_ol:hover {opacity:0.8;}
.ol_shema2 .flex_spec3 .prof_ol:hover {opacity:0.8;}


.flex_spec1 {display: grid; overflow: hidden; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px;}
.flex_spec1 .prof_ol {background-color:#45539c; min-height: 100px;}
.flex_spec1 .prof_ol img {}

.flex_spec2 {display: grid; overflow: hidden; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px; margin-left: 15%; margin-right: 15%;}
.flex_spec2 .prof_ol {background-color:#45539c; min-height: 100px;}

.flex_spec3 {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-column-gap: 35px; margin: 0px; padding:0px;}
.flex_spec3 .prof_ol {background-color:#72449c; min-height: 144px;}

/**ERP**/





/**PREDPR**/


#textcols4 .str_3 {right: 0;}
#textcols4 .str_10 {bottom: 0;left: 10.8%;}
#textcols4 .str_11 {bottom: 0;left: 36.5%;}
#textcols4 .str_12 {bottom: 0;right: 36.5%;}
#textcols4 .str_13 {bottom: 0;right: 10.8%;}
#textcols4 .str_14 {bottom: 0;right: 20%;}
#textcols4 .str_15 {bottom: 0;right: 15%;}
#textcols4 .str_16 {top: 0;right: 47%;}
#textcols4 .str_17 {top: 0;left: 21%;}



.ol_shema3 .flex_prof .prof_ol:hover {background-color:#0881c0;}
.ol_shema3 .ekzamen_ol:hover {background-color:#d46114;}
.ol_shema3 .flex_spec1 .prof_ol:hover {opacity:0.8;}
.ol_shema3 .flex_spec5 .prof_ol:hover {opacity:0.8;}

.ol_shema3 {width:70% !important; margin-top: 100px !important;}
.ol_shema3 .baza2 {border:none; margin:0px; padding:0px;}


.ol_shema3 .ur1c_ol {width: 100%; border-radius: 50px 0px 0px 50px; margin-bottom: 20px;}
.ol_shema3 .ur1c_ol p {font-size:18px;}


.ol_shema3 .prof_ol {width:100%;}
.ol_shema3 .prof_ol a {margin: 0px; padding:0px; text-transform: uppercase;}

.ol_shema3 .ur1c_ol span {top:3px; left: -5px;}
.ol_shema3 .time_ol_baza {border-color:#fff; color:#fff; margin-top: 4px; font-weight: 300;}

.ol_shema3 .ekzamen_ol {min-height: auto; padding: 3px; width:100%; display:block; text-align:center; background: #d17b42; margin-bottom: 20px; position: relative;}
.ol_shema3 .ekzamen_ol a {margin:0px; padding:10px; color:#fff; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block;}



.ol_shema3 .flex_prof {display: grid; overflow: hidden; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px; margin-top: 70px;}
.ol_shema3 .flex_prof .padding_top {padding-top:10px;}
.ol_shema3 .flex_prof .prof_ol {background-color:#455ba6; padding: 4px; min-height: 78px;}
.ol_shema3 .flex_prof .prof_ol a {font-size:13px;}
.ol_shema3 .flex_prof .time_ol_baza {max-width: 110px;}

.ol_shema3 .flex_prof4 {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px; margin-top: 30px; width:70%;}
.ol_shema3 .flex_prof4 .ekzamen_ol a {font-size: 16px; text-transform:none;}

.ol_shema3 .flex_spec5 {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; grid-column-gap: 35px; margin: 0px; padding:0px; margin-top: 50px; width:70%;}
.ol_shema3 .flex_spec5 .prof_ol	{background-color:#79286d;}
.ol_shema3 .flex_spec5 .ekzamen_ol a {font-size: 16px; text-transform:none;}
.ol_shema3 .flex_spec5 .ekzamen_ol {margin-top: 50px;}


.strich {background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, #171717 49.9%, #222 60%, rgba(0, 0, 0, 0) 60%) fixed, linear-gradient(45deg, #484848 10%, rgba(0, 0, 0, 0) 10%) fixed;  background-size: auto, auto; background-size: 0.5em 0.5em; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2;}
.ol_razrabotka {position:absolute; background: linear-gradient(90deg, rgba(198,85,55,1) 30%, rgba(222,127,105,1) 100%); border-radius:25px; color:#fff; padding: 5px;
font-size: 13px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 2px; top: -25px; z-index: 10;}

#textcols4 .ol_shema3 .ex_mob {display:none;}

/**PREDPR**/





/**PROVERKA**/

#textcols5 .ol_shema4 {width:100% !important; margin-top: 70px !important;}
#textcols5 .ol_shema4 .holder {border: 2px solid #888484; width: 60%; margin: auto; border-radius: 15px; position: relative; height: 130px;}
#textcols5 .ol_shema4 .holder .zagolovok {position: absolute; top: -10px; z-index: 100; text-transform: uppercase; font-weight: 600; font-size: 20px; background: #fff; height: 20px; text-align: center; width: 250px; margin-left: auto; margin-right: auto; left: 0; right: 0;}
#textcols5 .ol_shema4 .holder .ur1c_ol {background: linear-gradient(90deg, rgba(219,154,52,1) 30%, rgba(246,214,113,1) 100%); height: 60px; width: 80%; position: absolute; margin-left: auto;
margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; text-align: center; line-height: 42px; padding: 10px; text-transform: uppercase;}
#textcols5 .ol_shema4 .holder .ur1c_ol a {text-align: center; color: #000; font-weight: 600; font-size: 22px;}


#textcols5 .ol_block2 .holder {height: 330px; margin-top:50px;}

#textcols5 .ol_block2 .holder .flex_prof {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); overflow:inherit; padding: 20px; margin-top: 40px;}
#textcols5 .ol_block2 .holder .flex_prof .prof_ol {width:100%; padding-top: 15px;}
#textcols5 .ol_block2 .flex_prof .prof_ol:hover {opacity:0.8;}
#textcols5 .ol_shema4 .holder .ur1c_ol:hover {opacity:0.8;}
#textcols5 .ol_shema4 .holder .ur1c_ol a:hover {text-decoration:none;}
#textcols5 .ol_block2 .flex_prof .prof_ol a {color:#000; font-size:18px; font-weight: 600;}
#textcols5 .ol_block2 .flex_prof .prof_ol a:hover {text-decoration:none;}
#textcols5 .ol_block2 .holder .flex_prof .ol_left_bl {background:#71296b; padding-top: 5px;}
#textcols5 .ol_block2 .holder .flex_prof .ol_left_bl a {color:#fff;}
#textcols5 .ol_block2 .holder .flex_prof .ol_null {background: #fff;}

#textcols5 .ol_block2 .flex_prof .prof_ol {background: linear-gradient(90deg, rgba(219,154,52,1) 30%, rgba(246,214,113,1) 100%);}
/**PROVERKA**/




/**PROVERKA**/
#textcols6 .ol_shema6 {width:70% !important; margin-top: 100px !important;}

/**PROVERKA**/


@media screen and (max-width: 995px) {
	
.acor-container {display:block !important;}


#row_ol {
position: relative;
width: 18.3em; margin: auto;}

.textcols-item {  display: block;}
.prof_ol {width: auto; padding: 10px;}

.baza {margin-top:20px;}


/**PROVERKA**/
#textcols5 .ol_shema4 .holder .ur1c_ol a {font-size:16px;}
#textcols5 .ol_shema4 .holder {width:100%;}
#textcols5 .ol_block2 .holder { height: auto; }
#textcols5 .ol_block2 .holder .flex_prof .ol_left_bl a  {font-size:15px;}
#textcols5 .ol_block2 .holder .flex_prof .ol_null {display:none;}

/**PROVERKA**/
}