<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("on2");
?>
main table tbody tr:nth-child(odd) {
    background: none;
}


@media (min-width: 990px)
{
main table td, main table th {
    padding: 0px;
}
}

.kl{
	color: #e93d3d;
}

.vr{
    font-size: 15px;
}

.or{
	    font-size: 12px;
    color: #ffb03f;
    font-weight: bold;
}
	
.tabl{
width: 1170px;
margin-left: auto;
margin-right: auto;	
    float: left;
}

.gls{
    width: 100%;
        border-radius: 10px;
    text-align: center;
    border: 0px;
}

.trs{
	width: 100%;
	    text-align: center;
    border-radius: 10px;
}

.trras{
	color: #e64747;
	    font-size: 12px;
	        font-weight: bold;
}

.n1{width: 14%;  padding-top: 10px; padding-bottom: 10px; text-align: center;}
.n2{width: 14%;  padding-top: 10px; padding-bottom: 10px;}
.n3{width: 14%; padding-top: 10px; padding-bottom: 10px;}
.n4{width: 14%;  padding-top: 10px; padding-bottom: 10px;}
.n5{width: 14%; padding-top: 10px; padding-bottom: 10px;}
.n6{width: 14%; padding-top: 10px; padding-bottom: 10px;}
.n7{width: 14%; padding-top: 10px; padding-bottom: 10px;}
.n8{width: 14%; padding-top: 10px; padding-bottom: 10px;}
.n9{width: 14%;padding-top: 10px; padding-bottom: 10px;}


.gls .n1{
    background: #e3f1fe;
    border-radius: 10px 0px 0px 0px;
}

.gls .n9{
    background: #e3f1fe;
    border-radius: 0px 10px 0px 0px;
}

.gls .n2,.gls .n3,.gls .n4,.gls .n5,.gls .n6,.gls .n7,.gls .n8{
    background: #e3f1fe;
}


.trs .n1,.trs .n2,.trs .n3,.trs .n4,.trs .n5,.trs .n6,.trs .n7,.trs .n8{
	    border-right: 1px solid #d6d5d5;
    border-bottom: 1px solid #d6d5d5;
}



.trs .n9{
    border-bottom: 1px solid #d6d5d5;
}

@media (min-width: 990px){
.otherPage .header {

}
}

@media (min-width: 990px)
{
.containerf input[type="text"] {
    height: 40px;
    border-radius: 20px;
    max-width: 600px;
    background: #fff;
    border: 0px;
    margin-bottom: 20px;
}


.containerk input[type="text"] {
    height: 40px;
    border-radius: 20px;
    max-width: 320px;
    background: #f0e2ce;
    border: 0px;
}


.containerg input[type="text"] {
    height: 40px;
    border-radius: 20px;
    max-width: 320px;
    background: #fff;
    border: 0px;
}

}



.jq-checkbox{
float:left;
border-radius: 50%;
}


.otherPage main.centeredContent {
    padding: 0px;
}

@media (min-width: 990px)
{
.otherPage main.centeredContent {
    padding: 0px;
    margin: 0px;
}
}

@media (min-width: 990px)
{
.centeredContent {
    margin: 0 auto;
    min-width: 970px;
    max-width: 4000px;
}
}

.vn{
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}


main ul li:before {
    background: #ffb54b;
}

main ul li:before {
    width: 8px;
    height: 8px;
}

main ul li, main ol li {
    padding: 0px;
}

.smallMargin{
display:none;}

@media (max-width: 990px){
.e1{display:none;}
.e3{display:none;}
.e4{display:none;}
.e2{display:none;}
.e6{display:none;}
.e7{display:none;}
.e8{display:none;}
.e9{display:none;}
.e10{display:none;}
.e11{display:none;}
.e12{display:none;}
.e13{display:none;}
}

@media (min-width: 990px){
.m1{display:none;}
.m2{display:none;}
.m3{display:none;}
.m4{display:none;}
.m5{display:none;}
.m6{display:none;}
.m7{display:none;}
.m8{display:none;}
.m9{display:none;}
.m10{display:none;}
.m11{display:none;}
.m12{display:none;}
.m13{display:none;}
}


.e1{
    background-image: url(/vakansy/img/sh1-min.jpg); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
  height: 487px;
}

.e2{
background: #f2f4f6;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

.e3{
    background-image: url(/on/img/ff.png); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    min-height: 350px;
    float: left;
    width: 100%;
}

.e4{
    background-image: url(/on/img/tr.png); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
    float: left;
    width: 100%;
}

.e5{
background: #f2f4f6;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

.e6{
    background-image: url(/on/img/pr.png); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
  height: 620px;
    float: left;
    width: 100%;
}

.e7{
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.e8{
    background: #f0e7db;
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.e9{
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.e10{
    background-image: url(/vakansy/img/fm-min.jpg); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
    background-size: cover;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}


.e11{
    background: #ecf0fc;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

.e12{
    float: left;
    width: 100%;
}

.e13{
     background: #F2F4F6;
    background-image: url(/on/img/e13.png); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
       min-height: 570px;
    float: left;
    width: 100%;
}


.vidyou{width:40%;    float: left;     padding-top: 100px;     padding-right: 5%;
    padding-left: 5%;}

.tyou{
    width: 50%;
    margin: 0 auto;
}

.e10 .tyou{ font-size: 22px;}

.zag{
    text-align: center;
    text-transform: uppercase;
    font-size: 29px;
    font-weight: bold;
    padding-top: 90px;
    font-family: Museo Sans9;
}

.razd{    text-align: center; padding-top:10px;     padding-bottom: 40px;}

.f3{    padding-top: 90px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 26px;}

.menuon{
background: red;
height: 80px;}

.fe1 {
    width: 50%;
    padding-left: 100px;
    padding-top: 100px;
    color: #fff;
}

.e6 .fe1{
padding-left:50%;
    padding-top: 40px;
    color: black;
}

.preim{
    width: 33%;
    float: left;
    text-align: center;
}
.gr{
       border-radius: 10px;
    float: left;
    width: 80%;
    position: relative;
    max-width: 80%;
    box-shadow: 0 2px 10px 0px rgba(221, 221, 221, 1);
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 20px;
}

.grt{
background: #fff;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.grzag{
    text-align: center;
    text-transform: uppercase;
    background: #a29788;
    font-size: 22px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.grl{
width:35%;
float:left;
padding-left: 15%;
}

.grr{
    width: 35%;
    float: left;
    padding-left: 5%;
    padding-right: 10%;
}





.m3{
    background-image: url(/on/img/ff.png); /* Путь к фоновому рисунку */
    background-position: center top; /* Положение фона */
    background-repeat: repeat; /* Отменяем повторение фона */
    min-height: 350px;
    float: left;
    width: 100%;
        padding-bottom: 30px;
}

.m2{
    float: left;
    width: 100%;
}

.m7{
    float: left;
    width: 100%;
     background: #efe7db;
}

.m6{
    float: left;
    width: 100%;
     background: #eee5d8;
}

.m1{
    float: left;
    width: 100%;
    background: #5e4a45;
}


.m10{
    float: left;
    width: 100%;
}


.m11{
    float: left;
    width: 100%;

}

.vm{
    max-width: 285px;
    margin-left: auto;
    margin-right: auto;
}



/**Стили блока с текстом внутри спойлера**/

.tsporm{
    float: left;
    padding-left: 20px;
        color: #fff;
    font-size: 11px;
    text-align: left;
}

.nsporm{
    width: 30px;
    height: 30px;
    float: right;
    background: #fff;
    color: black;
    text-align: center;
    border-radius: 50%;
    font-size: 21px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.spoiler-contentrm{
display:none;  /**скрываем блок контента спойлера**/
    margin-top: 5px;
    width: 100%;
    float: left;
    padding-left: 20px;
    border-radius: 15px;
    color: black;
    text-align: left;
}
/**Стили блока оборачивающего каждый блок**/
.spoiler-block{
margin-top:10px; 
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;

}
/**Стили кнопки спойлера**/
.spoiler-titlerm {
    background: #a29788;
    padding: 10px;
    text-decoration: none;
    color: #000;
    display: block;
    float: left;
    width: 100%;
    border-radius: 15px;
}

.rd{    color: #ec3f3d;}

main table tbody tr:nth-child(odd) {
    background: #fff;
}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

#slider{
width: 305px;
border:0px;
    height: auto;
    min-height: fit-content;
}

.trl{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e93d3d;
    border: 0px;
    color: #fff;
    font-size: 28px;
    text-align: center;
}

.trm{
background:#fff;
border-radius:10px;
}

.ftrm{
max-width:100%;
}






.m2{
    float: left;
    width: 100%;
    padding-bottom: 20px;
}


.vm{
    max-width: 285px;
    margin-left: auto;
    margin-right: auto;
}

/**Стили блока с текстом внутри спойлера**/

.tspom{
    float: left;
    padding-left: 9px;
    color: #fff;
    font-size: 9px;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: bold;
}

.nspom{
    width: 30px;
    height: 30px;
    float: right;
    background: #fff;
    color: black;
    text-align: center;
    border-radius: 50%;
    font-size: 21px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.spoiler-contentm{
display:none;  /**скрываем блок контента спойлера**/
    margin-top: 5px;
    width: 100%;
    float: left;
    padding: 15px 10px;
    border-radius: 15px;
    background: #fff;
    color: black;
    text-align: left;
    height: 150px;
    overflow-y: scroll;
    box-shadow: 0px 2px 10px 0px rgba(221, 221, 221, 1);
}
/**Стили блока оборачивающего каждый блок**/
.spoiler-block{
margin-top:10px; 
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;

}
/**Стили кнопки спойлера**/
.spoiler-titlem {
    background: #a29788;
    padding: 10px;
    text-decoration: none;
    color: #000;
    display: block;
    float: left;
    width: 100%;
    border-radius: 15px;
}

.m2 ::-webkit-scrollbar-button { 
background-image:url(''); 
background-repeat:no-repeat; 
width:6px; 
height:0px 
} 

.m2 ::-webkit-scrollbar-track { 
background-color:#fff; 

} 

.m2 ::-webkit-scrollbar-thumb { 
-webkit-border-radius: 5px; 
border-radius: 5px; 
background-color:#a29788; 
box-shadow:0px 1px 1px #fff inset; 
background-position:center; 
background-repeat:no-repeat; 
} 

.m2 ::-webkit-resizer{ 
background-image:url(''); 
background-repeat:no-repeat; 
width:7px; 
height:0px 
} 

.m2 ::-webkit-scrollbar{ 
width: 11px; 
}


@font-face {
    font-family: 'Museo Sans9';
    src: local('Museo Sans9'), 
         url('/psychology/MuseoSansCyrl900.ttf') format('truetype');
}

@font-face {
    font-family: 'Museo Sans7';
    src: local('Museo Sans7'), 
         url('/psychology/MSC700.ttf') format('truetype');
}

@font-face {
    font-family: 'Museo Sans5';
    src: local('Museo Sans5'), 
         url('/vakansy/img/ms500.ttf') format('truetype');
}


.zagolform{
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    font-family: Museo Sans9;
    margin-bottom: 15px;
}

.opisform{
    color: #3d3737;
    font-weight: bold;
    font-size: 22px;
    font-family: Museo Sans9;
    margin-bottom: 20px;
}

.ostz{
    color: #3d3737;
    font-weight: bold;
    font-size: 20px;
    font-family: Museo Sans7;
    margin-bottom: 20px;
    margin-top: 50px;
}

.u3{
    text-align: center;
}

.sbory {
    margin-bottom: 40px;
    float: left;
    width: 30.3%;
    background: #fff;
    border-radius: 12px;
    padding-top: 25px;
    padding-bottom: 25px;
    box-shadow: 0 2px 10px 3px rgba(221, 221, 221, 1);
    margin-right: 1.5%;
    margin-left: 1.5%;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box;
}

.u3 li:before{
    content: '';
    top: 10px;
    width: 5px;
    height: 5px;
    background: #ffb03f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.nazsb {
    font-size: 24px;
    font-family: Museo Sans9;
}

.e12 {
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

@media (min-width: 990px)
		{
.otherPage .meetings img {
    float: inherit;
    width: auto;
    box-shadow: 0 0 7px 7px #f5eff2;
    border-radius: 27px;
}
	}

.spoiler-titlemz {
    background: #a29788;
    padding: 10px;
    text-decoration: none;
    color: #000;
    display: block;
    float: left;
    width: 100%;
    border-radius: 15px;
}

.tspomz {
    float: left;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
        max-width: 75%;
    text-align: left;
}

.vsm{
    padding: 0px;
    text-align: left;
    width: 70%;
}


.stroka {
    margin-top: 40px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0px 10px 10px rgba(250, 250, 250, 1);
    margin-bottom: 30px;
}


.preim {
    width: 33%;
    float: left;
    text-align: center;
    position: relative;
}


.fotop {
    position: absolute;
    width: 100%;
    top: -50px;
}

.punkt {
    width: 40%;
    float: left;
    margin-right: 5%;
    margin-left: 5%;
}

.tspo2 {
    padding-left: 80px;
    color: black;
    font-size: 20px;
    padding-top: 15px;
}

.opisprob {
    color: #3d3737;
    font-weight: bold;
    font-size: 19px;
    font-family: Museo Sans9;
    margin-bottom: 5px;
}

@media (min-width: 990px)
		{
.otherPage .meetings img {
    float: inherit;
    width: auto;
}
	}

main table {
    width: 95%;
    border-spacing: 0;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    margin-left: 5%;
}

.zagm{
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-top: 50px;
    font-family: Museo Sans9;
    padding-bottom: 30px;
}


.tzay{
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    padding-top: 60px;
    font-family: Museo Sans9;
    color: #fff;
    width: 600px;
    margin: 0 auto;
}

.rezum{
    text-align: left;
    font-size: 22px;
    padding-top: 20px;
    font-family: Museo Sans7;
    color: #fff;
    width: 600px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.polk {
    width: 380px;
    margin: 0 auto;
}

.polk label {
    color: #fff;
    font-size: 13px;
    font-family: Museo Sans9;
    margin-bottom: 15px;
    padding-top: 2px;
}

.redBtn2 {
    background: none;
    background-image: url(/vakansy/img/but.png);
    width: 250px;
    background-position: center top;
    background-repeat: no-repeat;
    height: 39px;
    color: #fff;
    border: 0px;
}


.formFL{
    margin-bottom: 20px;
}

.gor {
    margin-top: 15px;
    margin-bottom: 35px;
    font-size: 16px;
    font-family: Museo Sans7;
}

.rezumf{
text-align: center;
    font-size: 17px;
    font-family: Museo Sans7;
    color: #fff;
    width: 600px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-decoration: underline;
}


@media (max-width: 990px)
		{

.nazsb {
    font-size: 16px;
    font-family: Museo Sans9;
}

.gor {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: Museo Sans7;
}
           
                }<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>