@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
}html{
    height: 100%;
    overflow-y:scroll;
    position:relative;
}body{
    min-height: 100%;
    box-sizing:border-box;
    line-height:1;
    background-color:#fff;
    position:relative;
}
/* ------------------------- Fonts ------------------------- */
html{
    font-family:'Raleway', sans-serif;
}/* ------------------------- VAR ------------------------- */
:root{
    --c-1:#244a86; /*Синий var(--c-1_h)*/
    --c-1_h:#9ccaf2; /*светло-Синий var(--c-1_h)*/
    --c-2:#FF632C; /* оранжевый */
    --c-2_h:#FFB774; /* светло-оранжевый */
    --c-3:#68a5e6; /*светло-Синий*/
	--c-3_h:#244a86; /*Синий*/
    --c-4:#FFAB5D; /*светло-оранжевый*/
	--c-4_h:#FF632C; /*оранжевый*/
    --c-5:#aaa; /*серый*/
	--c-5_h:#244a86; /*Синий*/
    --c-6:#d8eeff; /*сильно-светло-голубой*/
	--c-7:#ffe9b5; /*сильно-светло-отранжевый*/
	--c-8:#C9FBFB; /* светло-изумрудный для фона */
	
	--cc-1:#3f69cc; /*синий чуть светлее*/
	--cc-2:#e60000; /*красный*/
	--cc-3:#1BBCC4; /* блекло-изумрудный со сторого сайта */
	--cc-3_h:#00D79A; /* Изумрудный поярче */


	--c-w:rgba(255,255,255,0.7);
	--c-b:rgba(0, 25, 121, 0.1);
	--c-b2:rgba(0, 25, 121, 0.2);
	--c-b3:rgba(0, 25, 121, 0.3);

    --f_arial:Helvetica,Arial,Sans-serif;
    --f_main:'Raleway', sans-serif;
    --f_icon:'Material Symbols Outlined';
	--f_social:'fa-social';
} /*серый-серебро :var(--f_main)*/
@media only all and (min-width:900px){
  :root{
    --fs-1:17px;
    --lh-1:21px;
  }
} @media only all and (max-width:899px){
  :root{
    --fs-1:17px;
    --lh-1:21px;
  }
} @media only all and (max-width:499px){
  :root{
    --fs-1:16px;
    --lh-1:21px;
  }
}
/* ------------------------- Lists ------------------------- */
ul,ol{
    text-align:justify;
    font-size:var(--fs-1);
    line-height:var(--lh-1);
    border-radius:4px;
    color:var(--c-1);
	text-align: left;
}li ul,li ol li{
    margin-top:5px;
    margin-bottom:0;
}ul li,ol li{
    list-style:none;
    overflow:hidden;
    position:relative;
    padding-top:5px;
	padding-bottom:5px;
}ul li{
    padding-left:25px;
}ol li{
    padding-left:40px;
}ul li::before{
    content:"chevron_right";
    font-family:var(--f_icon);
    font-size:21px;
    font-weight:700;
    position:absolute;
    left:1px;
}ul li.icon-plus::before{
    content:"add";
    font-size:24px;
	font-weight:700;
	color: var(--cc-2);
}ul li.icon-check::before{
    content:"check";
    font-size:24px;
	font-weight:700;
	color: var(--cc-3);
	top: 6px;
}ul li.icon-star::before{
    content:"star";
    font-size:21px;
	font-weight:700;
	color: var(--c-4);
}ul li.icon-ok::before{
    content:"new_releases";
    font-size:24px;
	font-weight:700;
	color: var(--c-4);
}ul li.icon-alert::before{
    content:"emergency_home";
    font-size:24px;
	font-weight:700;
	color: var(--cc-2);
}ul li[class*=icon-]{
    padding-left:30px;
}ol{
    counter-reset:item;
    list-style:none;
}ol > li::before,ol.nobg > li::before{
    counter-increment:item;
    content:counter(item) ".  ";
    font-weight:700;
    font-size:20px;
    line-height:20px;
    position:absolute;
    left:18px;
}ol li ul,ul li ul:not([class],[id]){
    counter-reset:none;
    margin:0px 0px 10px;
    background:#eee;
}ol li ul li,ul li ul li:not([class],[id]){
    list-style:inside circle;
}ol li ul li:before{
    content:none;
}p + ul,p + ol{
    margin-top:-15px;
}
@media only all and (min-width:900px){
  ul,ol{
    padding-top:5px;
    padding-bottom:10px;
  }ul,ol{
    margin-bottom:25px;
  }ol li{
    padding-left:40px;
  }
} @media only all and (max-width:899px){

  ul,ol{
    padding-top:2px;
    padding-bottom:5px;
  }ul,ol{
    margin-bottom:15px;
  }ol li{
    padding-left:30px;
  }
}
/* ------------------------- Buttons ------------------------- */
.btn-group{
    position:relative;
    display:inline-block;
    font-size:0px;
    white-space:nowrap;
    vertical-align:middle;
    margin:20px 0 0;
    width:50%;
}.btn,[class|="btn"],[class*=" btn"],input[type="submit"],input[type="reset"],button{
     display:block;
     box-sizing:border-box;
     text-align:center;
     text-decoration:none;
     border:0;
	 border-radius:10px;
     color: #fff;
     font-weight:700;
     cursor: pointer;
}.btn-inline{
     padding: 5px 8px;
	 display:inline;
	 color: inherit;
	 font-size: inherit;
	 background-color: rgba(0, 25, 121, 0.1);
}.btn-inline:hover{
	 color: #fff;
}.btn:not([class*="mb-"]),[class|="btn"]:not([class*="mb-"]),[class*=" btn-"]:not([class*="mb-"]),input[type="submit"]:not([class*=" mb-"]),button{
    margin-bottom:5px;
}.btn:hover,[class|="btn"]:not(.btn-0):hover,[class*=" btn"]:hover{
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
}input[type="reset"]:hover{
    background:#ccc;
}.btn,.btn-0{
    background-color:var(--c-5)
}.btn:hover, .btn.active{
    background-color:var(--c-3)
}.btn-1:not(:hover){
    background-color:var(--c-1)
}.btn-1:hover, .btn-1.active{
    background-color:var(--c-1_h)
}.btn-2:not(:hover){
    background-color:var(--c-2)
}.btn-2:hover, .btn-2.active{
    background-color:var(--c-2_h)
}.btn-3:not(:hover){
    background-color:var(--c-3)
}.btn-3:hover, .btn-3.active{
    background-color:var(--c-3_h)
}.btn-4:not(:hover){
    background-color:var(--c-4)
}.btn-4:hover, .btn-4.active{
    background-color:var(--c-4_h)
}.btn-5:not(:hover){
    background-color:var(--c-1_h)
}.btn-5:hover, .btn-5.active{
    background-color:var(--c-1)
}.btn-6:not(:hover){
    background-color:var(--cc-1)
}.btn-6:hover, .btn-6.active{
    background-color:var(--c-1)
}.btn-7:not(:hover){
    background-color:var(--cc-2)
}.btn-7:hover, .btn-7.active{
    background-color:var(--c-4)
}.btn-8:not(:hover){
    background-color:var(--cc-3)
}.btn-8:hover, .btn-8.active{
    background-color:var(--cc-1)
}.btn-9:not(:hover){
    background-color:var(--cc-1)
}.btn-9:hover, .btn-9.active{
    background-color:var(--c-3)
}.btn-10:not(:hover){
    background-color:var(--c-b2);
	color: var(--c-1);
}.btn-10:hover, .btn-10.active{
    background-color:var(--c-3)
}.btn:not(:hover) a{
    color: #000
}.btn.active{
    color:#000;
    background-color:var(--c-1)
}.btn-menu {
    text-align:left;
    background-color:var(--c-1);
    margin-top:3px;
    margin-bottom:3px;
    padding: 2px 5px;
    ont-size: 16px;
} .btn-ssm{
     padding: 4px;
	 font-size: 16px;
     line-height: 17px;
} @media only all and (min-width:900px){
  .btn:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class|="btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class*=" btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline) {
    padding: 14px 17px;
  }.btn-sm{
     padding: 10px 15px;
  }.btn:not(.btn-ssm), [class|="btn"]:not(.btn-ssm), [class*=" btn"]:not(.btn-ssm), input[type="submit"]:not(.btn-ssm), input[type="reset"], button:not(.btn-ssm) {
    font-size: 18px;
    line-height: var(--lh-1);
  }
} @media only all and (max-width:899px){
  .btn, [class|="btn"], [class*=" btn"], input[type="submit"], input[type="reset"], button {
    font-size: 16px;
    line-height: 17px;
  }.btn:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class|="btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class*=" btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline) {
    padding: 12px 14px;
  }.btn-sm{
    padding: 10px 12px;
  }
} @media only all and (max-width:499px){
  .btn:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class|="btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline), [class*=" btn"]:not(.btn-sm):not(.btn-ssm):not(.btn-inline) {
    padding: 12px 10px;
  }.btn-sm{
    padding: 9px;
  }
}
/* ------------------------- Forms ------------------------- */
fieldset:not([id]){
    margin-bottom:30px;
    box-sizing:border-box;
}select,textarea,input[type="text"],input[type="email"],input[type="phone"],input[type="password"],input[type="date"],input[type="number"],input[type="file"]{
     width:100%;
     box-sizing:border-box;
     display:inline-block;
     font-weight:400;
	 font-size:var(--fs-1);
     line-height:var(--lh-1);
     text-align:left;
     background-color: #f3f9fd;
     border: 1px solid rgba(0, 80, 149, 0.2);
     box-shadow:0px 1px 2px rgba(0,0,0,0.1) inset;
     transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s;
     border-radius:7px;
}select + input,select + select,select + textarea, textarea + input textarea + select,textarea + textarea, input + input, input + select, input + textarea{
     margin-top:7px;
}textarea:focus,input:focus{
    background-color:#EAF5FF;
}textarea:focus-visible,input:focus-visible,select:focus-visible{
    outline: 4px solid var(--c-3);
}input::placeholder {
  color: #5085bf;
}label{
    position: relative;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight:400;
	line-height:var(--lh-1);
    color: #000;
    display: block;
}label.label-h:hover{
	cursor:pointer;
    color:var(--c-2);
}input[type="checkbox"]{
    padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:7px;
	margin-left:0
}input[readonly]{
    background-image: url('../media/icons/icon_success.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
	background-color: var(--c-6);
}input[type="theme"]{
     width:100%;
     box-sizing:border-box;
     display:block;
     font-weight:400;
	 font-size:var(--fs-1);
     line-height:var(--lh-1);
	 border:0;
	 padding:10px;
}input[required]:not([readonly]), select[required]:not([readonly]) {

}input.valerror, select.valerror {
    background-color: #ffe8d6;
}select option{
    color: #000;;
}select option:checked{
    background-color: var(--c-3);
}select option:disabled{
    background-color: #ccc;
}.radio-group input:checked + label.btn-1 {
	outline: 5px solid var(--c-1_h);
}.radio-group input:checked + label.btn-2 {
	outline: 5px solid var(--c-2_h);
}.radio-group input:checked + label.btn-3 {
	outline: 5px solid var(--c-3_h);
}.radio-group input:checked + label.btn-4 {
	outline: 5px solid var(--c-4_h);
}.radio-group input:checked + label.btn-5 {
	outline: 5px solid var(--c-5_h);
}.radio-group input:checked + label.btn-6 {
	outline: 5px solid var(--c-1);
}.radio-group input:checked + label.btn-7 {
	outline: 5px solid var(--c-1);
}.radio-group input:checked + label.btn-8 {
	outline: 5px solid var(--c-1);
}.input-error{
	border-color:var(--c-2);
}label.checked {
	outline: 5px solid var(--c-1);
}
@media only all and (min-width:900px){
  select,textarea,input[type="text"],input[type="email"],input[type="phone"],input[type="password"],input[type="date"],input[type="number"],input[type="file"]{
	 padding:13px;
  }
  select.big,textarea.big,input[type="text"].big,input[type="email"].big,input[type="phone"].big,input[type="password"].big,input[type="date"].big,input[type="number"].big,input[type="file"].big{
	 padding:16px;
  }
} @media only all and (max-width:899px){
  select,textarea,input[type="text"],input[type="email"],input[type="phone"],input[type="password"],input[type="date"],input[type="number"],input[type="file"]{
	 padding:10px;
  }  select.big,textarea.big,input[type="text"].big,input[type="email"].big,input[type="phone"].big,input[type="password"].big,input[type="date"].big,input[type="number"].big,input[type="file"].big{
	 padding:7px;
  }
}

 /* ----------------------------- Tables ----------------------------- */
table:not([class]){
    width:100%;
    max-width:100%;
    border:none;
    margin:0 0 20px;
    border-collapse:collapse;
    text-align:left;
}table:not([class]) tr{
    background-color:#fff;
}table:not([class]) tr th{
    width:30px;
    color:#fff;
	background-color:var(--c-1);
	border:1px solid var(--c-1);
}table:not([class]) tr th,table:not([class]) tr td{
    padding:7px;
}table:not([class]) tr td{
    border-color:var(--c-6);
	border-width: 2px 1px;
	border-style:solid;
	color:var(--c-1);
}table:not([class]) tr:first-child td{
}table:not([class]) tr td:first-child{
         font-weight:700;
}
/* ------------------------- Message blocks ------------------------- */
.error,.warning,.info,.success{
    padding:5px 7px 7px;
    margin-bottom:3px;
    font-size:var(--fs-1);
}.error{
    border-left:6px solid #D32A00;
    background:#FFCBA0;
    color:#D32A00;
}.warning{
    border-left:6px solid #B77100;
    background:#FCF8E3;
    color:#B77100;
}.info{
    border-left:6px solid #27A2DB;
    background:#D9F0FC;
    color:#27A2DB;
}.success{
    border-left:6px solid #1d9d74;
    background:#CBF4EA;
    color:#1d9d74;
}/* -------------------------------------------------------- Typografy ----------------------------------------------------------------------------- */
/* ------------------------------ tipografy > link ------------------------------ */
a:not([class]){
    color:var(--c-1);
    text-decoration:underline;
}a:hover,a[class],h1 a:not([class]),h2 a:not([class]),h3 a:not([class]),h4 a:not([class]){
     text-decoration:none;
}a:focus{
      outline:none;
}/* ------------------------------ tipografy > p Hx ------------------------------ */
p{
    font-size:var(--fs-1);
    color:var(--c-1);
    line-height:var(--lh-1);
    font-weight:400;
    text-align:justify;
}p:not([class*="mb-"]){

    margin-bottom:25px;
}.site h1:not(.full),.site h2:not(.full),.site h3,.site .h1,.site .h2,.item-page h2:not(.full),.item-page .h2:not(.site),.item-page h3:not(.full),.item-page .h3{
    margin-left:0;
    margin-right:0;
}h1,h1 a:not([class]),.h1,.h1 a:not([class]){
    font-size:34px;
    line-height:36px;
    font-weight:700;
    color:#fff;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
	border-radius:10px;
}h1,.h1,h1 a:not([class]),.h1 a:not([class]){
    background-color:var(--c-1);
}h1:not([class*="mb-"]){
    margin-bottom:50px;
}main > h1 {
	position: absolute;
    width: 100%;
    top: 0;
}h2{
	font-weight: 900;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--c-1);
}h2 span{
	padding: 0 10px 10px;
	border-bottom: 3px solid var(--c-6);
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}h3, .h3{
    font-weight:700;
    text-align:left;
    color:var(--c-1);
}h3:not([class*="mb-"]){
	margin-bottom:25px;
}h4{
    font-size: 20px;
    line-height: 24px;
    color: #aaa;
    text-align: left;
    font-weight: 400;
}h4:not([class*="mb-"]){
	margin-bottom:15px;
}h5{
	font-weight: 900;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    color: var(--c-1);
	margin-bottom: 50px
}h5 span{
	padding: 10px;
	border-bottom: 3px solid var(--c-6);
}h6{
    font-size:15px;
    line-height:19px;
    font-weight:700;
}h6:not([class*="mb-"]){
    margin-bottom:10px;
    color: #bbb
}.h2{
    font-size:26px;
    line-height: 32px;
    font-weight:700;
    text-align:center;
    position:relative;
    overflow: hidden;
    color: var(--c-1);
    padding: 5px 10px 10px;
    border-top: 4px solid rgba(0, 25, 121, 0.05);
    background-color:var(--c-b);
}.h2:not(.full){
	border-radius: 0 0 10px 10px;
}.h7{
    position: relative;
    top: -20px;
    left: -20px;
	width:100%;
    margin-bottom: -10px;
    padding: 20px;
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}.h7:not([class*="bc-"]){
  background-color:#aaa;
} @media only all and (min-width:1024px){
  h1:not(.h2),.h1{
    font-size:34px;
    line-height:36px;
  }h2:not([class*="mb-"]):not(.full){
	margin-bottom:40px;
  }h3,.h3{
    font-size:22px;
    line-height:25px;
  }
} @media only all and (max-width:1023px){
  h1:not(.h2),.h1{
    font-size:30px;
    line-height:32px;
  }h2:not([class*="mb-"]):not(.full){
	margin-bottom:25px;
  }
} @media only all and (max-width:899px){
  h1:not(.h2),.h1{
    font-size:20px;
    line-height:24px;
    padding-top:5px;
    padding-bottom:7px;
  }h1:not([class*="mb-"]),.h1{
    margin-bottom:10px;
  }h2:not(.h1):not(.name),.h2{
    font-size:22px;
    line-height:22px;
    padding-top:2px;
  }
} @media only all and (max-width:499px){
  h3, .h3{
    font-size:19px;
    line-height:21px;
  }
  h4{
    font-size: 16px;
    line-height: 17px;
  }
}
/* ------------------------------ tipografy > addd ------------------------------ */
b,strong{
    font-weight:700
}i{
	font-style:italic
}/* -------------------------------------------------------- Layout ----------------------------------------------------------------------------- */
.boxs{
    box-sizing:border-box;
}.site{
     box-sizing:border-box;
}@media only all and (min-width:1240px){
  .site{
    max-width:1200px;
    min-width:1200px;
    margin-left:auto;
    margin-right:auto;
}} @media only all and (max-width:1239px){
  .site{
    max-width:720px;
    min-width:720px;
    margin-left:auto;
    margin-right:auto;
}} @media only all and (max-width:899px){
  .site{
    max-width:100%;
    min-width:100%;
    padding-left:20px;
    padding-right:20px;
}} .clr{
    width:100%;
    min-height:0px;
}.clear,.btn,#bottom,footer{
    clear:both;
}.block{
    display:block;
}.inline{
    display:inline;
}.module-header{
    text-align:center;
}.oh{
	overflow: hidden;
}/* ----------------------- Images ----------------------- */
img{
    vertical-align:top;
}[class|="img"],[class*=" img-"],.img{
     box-sizing:border-box;
     display:block;
     overflow:hidden;
}[class|="img"]:not(.img-clean),[class*=" img-"]:not(.img-clean),.img:not(.img-clean){
     border-radius:10px;
     border-width:2px;
     border-style:solid;
	 border-color:var(--c-6);
}[class|="img"]:not([class*="mb-"]):not(.img-clean),[class*=" img-"]:not([class*="mb-"]):not(.img-clean),.img:not([class*="mb-"]):not(.img-clean){
     margin-bottom:10px;
}.img-l,.img-30,.img-50{
     float:left;
     margin-right:20px;
}.img-r{
     float:right;
     margin-left:20px;
}a[class|="img"]:hover,a[class*=" img-"]:hover{
    border-color:var(--c-2)
}[class|="img"] img,[class*=" img-"] img,.img img{
    width:100%;
    min-width:100%;
}img:not(.nofix){
    height:auto;
    max-width:100%;
    border:0px none;
}.img-100{
    width:100%;
}.back-img {
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
}
@media only all and (min-width:900px){
  .img-50{
    width:50%;
}} @media only all and (max-width:899px){
  .img-50{
    width:100%;
}}
/* ----------------------- Modal Images ----------------------- */
.modal-img-tmb:not(.btn),.modal-img-edit:not(.btn){
    background-position:center;
    background-repeat:no-repeat;
	background-color: #000;
	cursor:pointer
}.modal-img-tmb:not(.btn){
    background-image:url('../media/icons/icon_search.png');
}.modal-img-edit:not(.btn){
    background-image:url('../media/icons/icon_edit.png');
}.modal-img-tmb:not(.btn) img,.modal-img-edit:not(.btn) img{
	opacity:1;
	transition:opacity 0.5s ease;
}.modal-img-tmb:not(.btn):hover img,.modal-img-edit:not(.btn):hover img{
	opacity:0.3;
}.modal-btn{
	cursor:pointer
}.modal-box{
	position:absolute;
	top:10px;
	transition: height 0.3s ease-in-out;
}.modal-box:not(.hi-100){
	visibility:hidden;
	height:0;
}.modal-box[class*="hi-"]{
	visibility:visible
}.modal-box.hi-100{
	height:200px
}.modal-box.hi-200{
	height:200px
}
/* ---------------------- Grid ---------------------- */
.grid,[class|="grid"],[class*=" grid"]{
	display: grid;
}.grid-a-center{
    justify-content: center;
}.grid-va-top{
    align-items: start;
} @media only all and (min-width:1240px){
  .grid-2, .grid-2-all{
    grid-template-columns: repeat(2, 1fr);
  }.grid-3{
    grid-template-columns: repeat(3, 1fr);
  }.grid-4{
    grid-template-columns: repeat(4, 1fr);
  }.grid-5{
    grid-template-columns: repeat(5, 1fr);
  }.grid-6{
    grid-template-columns: repeat(6, 1fr);
  }.grid-7{
    grid-template-columns: repeat(7, 1fr);
  }.grid-8{
    grid-template-columns: repeat(8, 1fr);
  }.grid-9{
    grid-template-columns: repeat(9, 1fr);
  }.grid-10{
    grid-template-columns: repeat(10, 1fr);
  }.grid-250l{
    grid-template-columns: 250px auto;
  }.grid-250r{
    grid-template-columns: auto 250px;
  }.grid-350l{
    grid-template-columns: 350px auto;
  }.grid-350r{
    grid-template-columns: auto 350px;
  }.grid-500l{
    grid-template-columns: 500px auto;
  }.grid-500r{
    grid-template-columns: auto 500px;
  }.grid-2 > .merge, .grid-250l > .merge, .grid-250r > .merge, .grid-350l > .merge, .grid-350r > .merge, .grid-500l > .merge, .grid-500r > .merge, .merge-2{
    grid-column : span 2;
  }.grid-3 > .merge, .merge-3{
    grid-column : span 3;
  }	.grid-4 > .merge, .merge-4{
    grid-column : span 4;
  }.grid-gap-1, .grid-space-1, .flex-space-1{
    grid-gap: 10px;
  }.grid-gap-2, .grid-space-2, .flex-space-2{
    grid-gap: 20px;
  }.grid-gap-3, .grid-space-3, .flex-space-3{
    grid-gap: 30px;
  }.grid-gap-4, .grid-space-4, .flex-space-4{
    grid-gap: 40px;
  }.grid-gap-5, .grid-space-5, .flex-space-5{
    grid-gap: 50px;
  }.grid-gap-6, .grid-space-6, .flex-space-6{
    grid-gap: 60px;
  }
} @media only all and (max-width:1239px){
  .grid-2, .grid-2-all{
    grid-template-columns: repeat(2, 1fr);
  }.grid-3{
    grid-template-columns: repeat(3, 1fr);
  }.grid-4{
    grid-template-columns: repeat(4, 1fr);
  }.grid-250l{
    grid-template-columns: 250px auto;
  }.grid-250r{
    grid-template-columns: auto 250px;
  }.grid-350l{
    grid-template-columns: 350px auto;
  }.grid-350r{
    grid-template-columns: auto 350px;
  }.grid-500l{
    grid-template-columns: 500px auto;
  }.grid-500r{
    grid-template-columns: auto 500px;
  }.grid-2 > .merge, .grid-250l > .merge, .grid-250r > .merge, .grid-350l > .merge, .grid-350r > .merge, .grid-500l > .merge, .grid-500r > .merge, .merge-2{
    grid-column : span 2;
  }.grid-3 > .merge, .merge-3{
    grid-column : span 3;
  }	.grid-4 > .merge, .merge-4{
    grid-column : span 4;
  }.grid-gap-1, .grid-space-1, .flex-space-1{
    grid-gap: 10px;
  }.grid-gap-2, .grid-space-2, .flex-space-2{
    grid-gap: 20px;
  }.grid-gap-3, .grid-space-3, .flex-space-3{
    grid-gap: 30px;
  }.grid-gap-4, .grid-space-4, .flex-space-4{
    grid-gap: 40px;
  }.grid-gap-5, .grid-space-5, .flex-space-5{
    grid-gap: 50px;
  }.grid-gap-6, .grid-space-6, .flex-space-6{
    grid-gap: 60px;
  }
} @media only all and (max-width:899px){
  .grid-2, .grid-2-mob, .grid-4{
    grid-template-columns: repeat(2, 1fr);
  }.grid-250l,.grid-250r,.grid-350l,.grid-350r,.grid-500l,.grid-500r{
    grid-template-columns: 100%;
  }.grid-3{
    grid-template-columns: repeat(3, 1fr);
  }.grid-2 > .merge, .grid-250l > .merge, .grid-250r > .merge, .grid-350l > .merge, .grid-350r > .merge, .grid-500l > .merge, .grid-500r > .merge, .merge-2{
    grid-column : span 2;
  }.grid-3 > .merge, .merge-3{
    grid-column : span 3;
  }	.grid-4 > .merge, .merge-4{
    grid-column : span 4;
  }.grid-gap-1, .grid-space-1, .flex-space-1, .grid-2-mob{
    grid-gap: 8px;
  }.grid-gap-2, .grid-space-2, .flex-space-2{
    grid-gap: 15px;
  }.grid-gap-3, .grid-space-3, .flex-space-3{
    grid-gap: 20px;
  }.grid-gap-4, .grid-space-4, .flex-space-4{
    grid-gap: 28px;
  }.grid-gap-5, .grid-space-5, .flex-space-5{
    grid-gap: 35px;
  }.grid-gap-6, .grid-space-6, .flex-space-6{
    grid-gap: 45px;
  }
} @media only all and (max-width:599px){
  .grid, .grid-2,.grid-3,.grid-4,.grid-250l, .grid-250r, .grid-350l, .grid-350r, .grid-500l, .grid-500r,
  .flex, .flex-2, .flex-3, .flex-4, .flex-5{
	grid-template-columns: 100%;
    grid-gap: 10px;
  }.gg-0{
    grid-gap: 0;
  }.grid-2 > .merge,.grid-3 > .merge,.grid-4 > .merge, .grid-250l > .merge, .grid-250r > .merge, .grid-350l > .merge, .grid-350r > .merge, .grid-500l > .merge, .grid-500r > .merge, .merge-2{
     grid-column: unset;
  }.wrap-mob-block,.mob-block{
	  display:block;
	  width: 100%;
  }
}
/* ---------------------- Flex ---------------------- */
.flex,[class|="flex"],[class*=" flex"]{ /* default: row | nowrap | a:flex-start | va:stretch */
	display: flex;
}.flex-wrap{
	flex-wrap: wrap;
}.flex-column{
	flex-direction: column;
}.flex-a-center{
	justify-content: center;
}.flex-a-right{
	justify-content: flex-end;
}.flex-va-top{
    align-items: flex-start;
}.flex-va-center{
    align-items: center;
}.flex-va-bottom{
    align-items: flex-end;
}.flex-no-flex{
    flex-shrink:0;
}.flex > div,[class|="flex"] > div,[class*=" flex"] > div{
	box-sizing:border-box;
}.flex-2 > div{
	width: calc(50% - 60px);
	max-width: 50%
}.flex-3 > div{
	width: calc(33.33% - 60px);
}.flex-4 > div{
    width: calc(25% - 60px);
}.flex-5 > div{
	width: calc(20% - 60px);
} @media only all and (max-width:1239px){
  .flex-4 > div{
    width: calc(50% - 60px);
  }
} @media only all and (max-width:599px){
  .flex-2 > div,.flex-3 > div,.flex-4 > div,.flex-5 > div{
     width: 100%;
	 max-width: 100%
  }
}
/* ---------------------- Block ---------------------- */
.br, .wrap-br > *{
    border-radius:10px;
}.blins > *, [class|="blins"] > *,[class*=" blins-"] > *, .blin, [class|="blin"],[class*=" blin-"] {
    box-sizing: border-box;
    color: var(--c-1);
	background-color:#fff;
    position: relative;
	overflow:hidden
}.blins:not(.nosha) > *, [class|="blins"]:not(.nosha) > *,[class*=" blins-"]:not(.nosha) > *, .blin:not(.nosha), [class|="blin"]:not(.nosha),[class*=" blin-"]:not(.nosha) {
	padding: 20px;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    border-radius: 10px;
}.blins-btn:not(.nosha) > a, .blins-btn:not(.nosha) > div, .blin-btn:not(.nosha) {
    padding-bottom: 65px;
}.blins-btn > btns {
    padding-bottom: 65px;
}.blins-imgl > a, .blins-imgl > div, .blin-imgl {
    padding-left:calc(33% + 30px)
}.blins-imgr > a, .blins-imgr > div, .blin-imgr {
    padding-right:calc(33% + 30px)
}.grid-4.blins-imgt > a, .grid-4.blins-imgt > div, .flex-4.blins-imgt > a, .flex-4.blins-imgt > div, .blin-imgt {
    padding-top:320px;
}.grid-3.blins-imgt > a, .grid-3.blins-imgt > div, .flex-3.blins-imgt > a, .flex-3.blins-imgt > div, .flex-3 .flex .blin-imgt, .flex-3 .flex .blin-imgt {
    padding-top:400px;
}.blins-imgl > * > .imgl, .blins-imgt > * > .imgt, .blin-imgl > .imgl, .blin-imgt > .imgt {
    position:absolute;
}.blins-imgl > * > .imgl, .blin-imgl > .imgl {
	width:33%;
	left:0;
	top:0;
	bottom:0;
}.blins-imgr > * > .imgr, .blin-imgr > .imgr {
	width:33%;
	right:0;
	top:0;
	bottom:0;
}.blins-imgt > * > .imgt, .blin-imgt > .imgt {
	width:100%;
	left:0;
	right:0;
	top:0;
}.grid-4.blins-imgt > * > .imgt,.flex-4.blins-imgt > * > .imgt, .blin-imgt > .imgt {
	height:300px;
}.grid-3.blins-imgt > * > .imgt,.flex-3.blins-imgt > * > .imgt, .blin-imgt > .imgt {
	height:380px;
}.blins > a:hover, [class|="blins"] > a:hover,[class*=" blins-"] > a:hover, a.blin:hover, [class|="blin"]:not(.nosha):hover,[class*=" blin-"]:not(.nosha):hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.7);
}.blins > div > .btn, [class|="blins"] > * > .btn,[class*=" blins-"] > * > .btn, .blin > .btn, [class|="blin"] > .btn,[class*=" blin-"] > .btn,[class*=" blins-"] > * > .btns,[class*=" blin-"] > .btns{
    position: absolute;
    width:calc(100% - 40px);
    bottom: 20px;
}.boxsha{
	padding: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border-radius: 10px;
}[class*="w-"]{
    box-sizing: border-box;
}.w-100{
    width:100%
}.w-90{
    width:90%
}.w-80{
    width:80%
}.w-70{
    width:70%
}.w-60{
    width:60%
}.wrap-w-50 > *,.w-50{
    width:50%
}.w-40{
    width:40%
}.w-35{
    width:35%
}.w-30{
    width:30%
}.w-25{
    width:25%
}.w-20{
    width:20%
}.w-10{
    width:10%
}.w-15{
    width:15%
}.w-5{
    width:5%;
	min-width:50px
}.w-80px{
    width:80px
}.w-100px{
    width:100px
}.w-150{
    width:150px
}.w-200{
    width:200px
}.w-250{
    width:250px
}.w-300{
    width:300px
}.br-10{
    border-radius:10px
}.br-30{
    border-radius:30px
}.br-50{
    border-radius:50px
}.brt-10{
    border-radius:10px 10px 0 0
}.mh-50{
	min-height:50px
}.mh-100{
	min-height:100px
}.mh-150{
	min-height:150px
}.mh-200{
	min-height:200px
}.mh-300{
	min-height:300px
}.mh-400{
	min-height:400px
}.mh-500{
	min-height:500px
}.h-100-100{
    height: calc(100% - 100px);	
}.pointer{
	cursor:pointer
}
@media only all and (min-width:900px){
  [class*="w-250"]{
    width:250px
  }.w-250-center{
    left:calc(50% - 125px)
  }[class*="w-350"]{
    width:350px
  }[class*="w-400"]{
    width:400px
  }.w-400-center{
    left:calc(50% - 200px)
  }[class*="w-500"]{
    width:500px
  }.w-500-center{
    left:calc(50% - 250px)
  }[class*="w-600"]{
    width:600px
  }.w-600-center{
    left:calc(50% - 300px)
  }[class*="w-800"]{
    width:800px
  }.w-800-center{
    left:calc(50% - 400px)
  }
} @media only all and (max-width:899px){
  [class*="w-250"]{
    width:150px
  }.w-250-center{
    left:calc(50% - 75px)
  }[class*="w-350"],[class*="w-400"]{
    width:300px
  }.w-400-center{
    left:calc(50% - 150px)
  }[class*="w-500"]{
    width:350px
  }.w-500-center{
    left:calc(50% - 175px)
  }[class*="w-600"]{
    width:400px
  }.w-600-center{
    left:calc(50% - 200px)
  }[class*="w-800"]{
    width:500px
  }.w-800-center{
    left:calc(50% - 250px)
  }
} @media only all and (max-width:499px){
  .w-50,.w-60,.w-70{
    width:100%
  }[class*="w-250"],[class*="w-350"],[class*="w-400"],[class*="w-500"],[class*="w-600"],[class*="w-800"]{
    width:calc(100% - 40px)
  }.w-250-center,.w-400-center,.w-500-center,.w-600-center,.w-800-center{
    left:calc(50% - 20px)
  }
}
/* ---------------------- Positions ---------------------- */
.pos-r{
	position:relative
}.pos-a{
    position:absolute
}.pos-f{
    position:fixed
}.pos-pt-0{
    top:0
}.pos-pt-10{
    top:10px
}.pos-pt-10{
    top:10px
}.pos-pt-20{
    top:20px
}.pos-pt-30{
    top:30px
}.pos-pt-40{
    top:40px
}.pos-pt-50{
    top:50px
}.pos-pt-100{
    top:100px
}.pos-pt-150{
    top:150px
}.pos-pt-010{
    top:-10px
}.pos-pt-020{
    top:-20px
}.pos-pt-030{
    top:-30px
}.pos-pt-040{
    top:-40px
}.pos-pl-010{
    left:-10px
}.pos-pl-10{
    left:10px
}.pos-pr-0{
    right:0
}.pos-pr-10{
    right:10px
}.pos-pr-20{
    right:20px
}.pos-pr-30{
    right:30px
}.pos-pr-40{
    right:40px
}.pos-pr-50{
    right:50px
}.pos-pr-100{
    right:100px
}.pos-pr-150{
    right:150px
}.pos-pr-010{
    right:-10px
}.pos-pr-020{
    right:-20px
}.pos-pr-030{
    right:-30px
}.pos-pb-0{
    bottom:0
}.pos-pb-10{
    bottom:10px
}.pos-pb-15{
    bottom:15px
}.pos-pb-20{
    bottom:20px
}.pos-pb-30{
    bottom:30px
}.pos-pb-40{
    bottom:40px
}.pos-pb-50{
    bottom:50px
}.pos-pb-60{
    bottom:60px
}.pos-pb-70{
    bottom:70px
}.pos-pb-80{
    bottom:80px
}.pos-pb-90{
    bottom:90px
}.pos-pb-100{
    bottom:100px
}.pos-pb-150{
    bottom:150px
}.pos-pb-200{
    bottom:200px
}
@media only all and (min-width:900px){
  .pos-br{
    bottom: 50px;
    right: 50px;
  }.pos-tr{
    top: 50px;
    right: 50px;
  }.pos-cr{
    top: 300px;
    right: 50px;
  }.pos-bc{
    bottom: 50px;
  }.pos-tc{
    top: 50px;
  }
} @media only all and (max-width:899px){
  .pos-br{
    bottom: 30px;
    right: 30px;
  }.pos-tr{
    top: 30px;
    right: 30px;
  }.pos-cr{
    top: 300px;
    right: 30px;
  }.pos-bc{
    bottom: 30px;
  }.pos-tc{
    top: 30px;
  }
} @media only all and (max-width:499px){
  .pos-br{
    bottom: 10px;
    right: 20px;
  }.pos-tr{
    top: 10px;
    right: 20px;
  }.pos-cr{
    top: 100px;
    right: 20px;
  }.pos-bc{
    bottom: 10px;
  }.pos-tc{
    top: 10px;
  }
}
/* ---------------------- Margin ---------------------- */
.wrap-mt-0 > *,.mt-0{
	margin-top:0;
}.wrap-mt-1 > *,.mt-1{
	margin-top:5px;
}.wrap-mt-2 > *,.mt-2{
	margin-top:10px;
}.wrap-mt-3 > *,.mt-3{
	margin-top:20px;
}.wrap-mt-4 > *,.mt-4{
	margin-top:30px;
}.wrap-mt-5 > *,.mt-5{
	margin-top:40px;
}.wrap-mt-6 > *,.mt-6{
	margin-top:50px;
}.wrap-mt-7 > *,.mt-7{
	margin-top:70px;
}.wrap-mt-8 > *,.mt-8{
	margin-top:85px;
}.wrap-mt-010 > *,.mt-010{
	margin-top:-10px;
}.wrap-mt-020 > *,.mt-020{
	margin-top:-20px;
}.wrap-mb-0 > *,.mb-0{
	margin-bottom:0;
}.wrap-mb-1 > *,.mb-1{
	margin-bottom:5px;
}.wrap-mb-2 > *,.mb-2{
	margin-bottom:10px;
}.wrap-mb-3 > *,.mb-3{
	margin-bottom:15px;
}.wrap-mb-4 > *,.mb-4{
	margin-bottom:20px;
}.wrap-mb-5 > *,.mb-5{
	margin-bottom:30px;
}.wrap-mb-6 > *,.mb-6{
	margin-bottom:50px;
}.wrap-mb-7 > *,.mb-7{
	margin-bottom:70px;
}.wrap-mb-8 > *,.mb-8{
	margin-bottom:100px;
}.wrap-mb-010 > *,.mb-010{
	margin-bottom:-10px;
}.wrap-mb-020 > *,.mb-020{
	margin-bottom:-20px;
}.wrap-mb-center > *,.m-center{
	margin-left: auto;
    margin-right: auto;
}
/* ---------------------- Padding ---------------------- */
.p-0, .wrap-p-0 > *{
	padding:0;
}.p-5, .wrap-p-5 > *{
	padding:2px 5px 3px;
}.p-7, .wrap-p-7 > * {
  padding: 5px 8px 7px;
}.pl-5{
	padding-left:5px;
}.pl-10{
	padding-left:10px;
}.pl-20{
	padding-left:20px;
}.pl-30{
	padding-left:30px;
}.pl-40{
	padding-left:40px;
}.pr-5{
	padding-right:5px;
}.pr-10{
	padding-right:10px;
}.pr-20{
	padding-right:20px;
}.pr-30{
	padding-right:30px;
}.pr-40{
	padding-right:40px;
}.pt-5{
	padding-top:5px;
}.pt-10{
	padding-top:10px;
}.pt-20{
	padding-top:20px;
}.pt-30{
	padding-top:30px;
}.pt-40{
	padding-top:40px;
}.pb-5{
	padding-bottom:5px;
}.pb-10{
	padding-bottom:10px;
}.pb-20{
	padding-bottom:20px;
}.pb-30{
	padding-bottom:30px;
}.pb-40{
	padding-bottom:40px;
}.pb-50{
	padding-bottom:50px;
}.pb-60{
	padding-bottom:60px;
}.pb-70{
	padding-bottom:70px;
}.pb-80{
	padding-bottom:80px;
}.pb-120{
	padding-bottom:120px;
}.ptb-5, .wrap-ptb-5 > *{
	padding-top:5px;
	padding-bottom:5px;
}.ptb-10, .wrap-ptb-10 > *{
	padding-top:10px;
	padding-bottom:10px;
}.ptb-20, .wrap-ptb-20 > *{
	padding-top:20px;
	padding-bottom:20px;
}[class|="p"],[class*=" p-"],[class|="wrap-p"],[class*=" wrap-p-"],[class|="pl"],[class*=" pl-"],[class|="pt"],[class*=" pt-"],[class|="pb"],[class*=" pb-"],[class|="ptb"],[class*=" ptb-"],[class|="wrap-ptb"],[class*=" wrap-ptb-"]{
    box-sizing:border-box;
}
@media only all and (min-width:900px){
  .p-10, .wrap-p-10 > *{
	padding:10px;
  }.p-20, .wrap-p-20 > *{
	padding:20px;
  }.p-30, .wrap-p-30 > *{
	padding:30px;
  }.p-40, .wrap-p-40 > *{
	padding:40px;
  }.p-50, .wrap-p-50 > *{
	padding:50px;
  }
} @media only all and (max-width:899px){
  .p-10, .wrap-p-10 > *{
	padding:8px;
  }.p-20, .wrap-p-20 > *{
	padding:15px;
  }.p-30, .wrap-p-30 > *{
	padding:20px;
  }.p-40, .wrap-p-40 > *{
	padding:25px;
  }.p-50, .wrap-p-50 > *{
	padding:35px;
  }
} @media only all and (max-width:499px){
  .p-10, .wrap-p-10 > *{
	padding:5px;
  }.p-20, .wrap-p-20 > *{
	padding:10px;
  }.p-30, .wrap-p-30 > *{
	padding:15px;
  }.p-40, .wrap-p-40 > *{
	padding:20px;
  }.p-50, .wrap-p-50 > *{
	padding:25px;
  }
}
/* ---------------------- Color ---------------------- */
.c-b{
	color:#000
}.c-w{
	color:#fff
}.c-1{
	color:var(--c-1)
}.c-2{
	color:var(--c-2)
}.c-3{
	color:var(--c-3)
}.c-4{
	color:var(--c-4)
}.c-5{
	color:var(--c-5)
}.c-6{
	color:#ccc
}.c-7{
    color:#eee
}.c-8{
    color:var(--cc-3)
}.c-9{
    color:var(--cc-1)
}.c-10{
    color:var(--cc-2)
}.c-11{
    color:var(--c-6)
}.c-12{
    color:var(--c-7)
}.c-13{
    color:var(--c-8)
}.bc-b,.bch-b:hover,a.bc-w:hover{
    background-color:#000
}.bc-w,.bch-w:hover{
    background-color:#fff
}.bc-1,.bch-1:hover,a.bc-3:hover{
    background-color:var(--c-1)
}.bc-2,.bch-2:hover,a.bc-b:hover,a.bc-4:hover{
    background-color:var(--c-2)
}.bc-3,.bch-3:hover,a.bc-1:hover,.bch-13:hover{
    background-color:var(--c-3)
}.bc-4,.bch-4:hover,a.bc-2:hover{
    background-color:var(--c-4)
}.bc-5,.bch-5:hover,a.bc-6:hover,a.bc-7:hover{
    background-color:var(--c-5)
}.bc-6,.bch-6:hover,a.bc-5:hover{
    background-color:#ddd
}.bc-7,.bch-7:hover{
    background-color:#eee
}.bc-8{
    background-color:var(--cc-3)
}.bc-9{
    background-color:var(--cc-1)
}.bc-10{
    background-color:var(--cc-2)
}.bc-11{
    background-color:var(--c-6)
}.bc-12{
    background-color:var(--c-7)
}.bc-13{
    background-color:var(--c-8)
}.bc-w2{
    background-color:var(--c-w)
}.bc-b2{
    background-color:var(--c-b)
}
/* ---------------------- Border ---------------------- */
.brw-1{
	border-width:1px
}.brw-2{
	border-width:2px
}.brw-3{
	border-width:3px
}.brw-4{
	border-width:4px
}.brw-5{
	border-width:5px
}[class|="brw"],[class*=" brw"]{
	border-style:solid;
}.brr-1,.wrap-brr-1 > *:not(:last-child){
    border-right: 1px solid var(--c-6)
}.brr-2,.wrap-brr-2 > *:not(:last-child){
    border-right: 2px solid var(--c-6)
}.bb-1{
	border-bottom:1px solid var(--c-6)
}.bb-2{
	border-bottom:2px solid var(--c-6)
}.bb-3{
	border-bottom:3px solid var(--c-6)
}.bb-4{
	border-bottom:4px solid var(--c-6)
}.brc-w{
    border-color:#fff
}.brc-b{
    border-color:var(--c-b)
}.brc-1{
    border-color:var(--c-1)
}.brc-2{
    border-color:var(--c-2)
}.brc-3{
    border-color:var(--c-3)
}.brc-4{
    border-color:var(--c-4)
}.brc-5{
    border-color:var(--c-5)
}.brc-6{
    border-color:#ccc
}.brc-7{
    border-color:#eee
}.brc-8{
    border-color:var(--cc-3)
}.brc-9{
    border-color:var(--cc-1)
}.brc-10{
    border-color:var(--cc-2)
}.brc-11{
    border-color:var(--c-6)
}.brc-12{
    border-color:var(--c-7)
}.brc-13{
    border-color:var(--c-8)
}
/* ---------------------- Text ---------------------- */
.ta-left{
    text-align:left
}.ta-right{
    text-align:right
}.ta-center{
    text-align:center
}.va-bottom{
	vertical-align:bottom
}.fa {
    font-family: var(--f_icon);
    font-size: 1.5em;
    vertical-align: top;
    padding: 0 5px;
    font-weight: 400;
    line-height: 0.7em;
}[class*="fas-"]{
    font-family: var(--f_social);
    vertical-align: top;
    font-weight: 400;
}.fs-p{
    font-size:var(--fs-1);
    line-height:var(--lh-1);
}.fs,[class|="fs"],[class*=" fs"]{
	vertical-align: middle;
}.lh-auto{
	line-height: inherit;
}.ff-icon, .wrap-ff-icon > *{
    font-family: var(--f_icon);
}.fw-400{
	font-weight:400
}.fw-700{
	font-weight:700
}.fw-900{
	font-weight:900
}.italic{
	font-style:italic
}.f-nowrap{
	white-space: nowrap;
} @media only all and (min-width:900px){
 .fs-0{
	font-size: 15px;
	line-height: 18px;
  }.fs-1{
	font-size: 19px;
	line-height: 23px;
  }.fs-2{
	font-size: 24px;
	line-height: 29px;
  }.fs-3{
	font-size: 32px;
	line-height: 38px;
  }.fs-4{
	font-size: 40px;
	line-height: 46px;
  }.fs-5{
	font-size: 50px;
	line-height: 57px;
  }.fs-6{
	font-size: 60px;
	line-height: 68px;
  }.fs-7{
	font-size: 70px;
	line-height: 80px;
	vertical-align: middle;
  }.fs-8{
	font-size: 80px;
	line-height: 80px;
	vertical-align: middle;
  }
} @media only all and (max-width:899px){
  .fs-0{
	font-size: 15px;
	line-height: 18px;
  }.fs-1{
	font-size: 18px;
	line-height: 20px;
  }.fs-2{
	font-size: 20px;
	line-height: 22px;
  }.fs-3{
	font-size: 23px;
	line-height: 26px;
  }.fs-4{
	font-size: 26px;
	line-height: 30px;
  }.fs-5{
	font-size: 32px;
	line-height: 38px;
  }.fs-6{
	font-size: 38px;
	line-height: 45px;
  }.fs-7{
	font-size: 46px;
	line-height: 55px;
  }.fs-8{
	font-size: 55px;
	line-height: 65px;
  }
}
/* ---------------------- FAQ ---------------------- */
details{
    margin-bottom:10px;
}details > summary{
	padding:20px 60px 20px 15px;
	background-color: var(--c-3);
	color: #fff;
	font-weight:700;
	text-align: left;
	display:block;
    box-sizing:border-box;
    text-decoration:none;
	border-radius:10px;
    cursor: pointer;
	list-style: none;
	position:relative
}details:hover > summary, details[open] > summary{
	background-color: var(--c-1);
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}details[open] > summary{
	border-radius:10px 10px 0 0;
}details > summary:before {
    content: "+";
    font-size: 70px;
	font-weight:400;
	position:absolute;
	top:calc(50% - 10px);
	right:20px;
}details[open] > summary:before {
   content: "-";
   top: calc(50% - 15px);
}details > div{
	padding:20px;
	background-color: var(--c-b);
	color: var(--c-1);
    font-size:17px;
	line-height:var(--lh-1);
	text-align: left;
	display:block;
    box-sizing:border-box;
	border-radius: 0 0 10px 10px;
}
@media only all and (min-width:900px){
  details > summary{
    font-size: 18px;
	line-height:var(--lh-1);
  }
} @media only all and (max-width:899px){
  details > summary{
    font-size:16px;
	line-height:18px;
  }
}
/* ---------------------- Social ---------------------- */
.fas,[class*="fas-"]{
	border-radius:10px;
	cursor:pointer
}[class*="fas"]{
	color:#fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}[class*="fas"]:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}[class*="fas"].whatsapp{
	background-color:var(--cc-3_h);
}[class*="fas"].vk{
	background-color:var(--cc-1);
}[class*="fas"].telegram{
	background-color:#0092D7;
}[class*="fas"].wildberries{
	background-color:#a915d6;
}[class*="fas"].ozon{
	background-color:#3b5eeb;
}
@media only all and (min-width:900px){
  .fas-1{
	padding:4px 5px;
	font-size:37px;
	line-height:37px;
  }.fas-2{
	padding:5px 7px;
	font-size:40px;
	line-height:40px;
  }
} @media only all and (max-width:899px){
  .fas-1{
	padding:3px 4px;
	font-size:30px;
	line-height:30px;
  }.fas-2{
	padding:4px 5px;
	font-size:36px;
	line-height:36px;
  }
}
/* -------------------------------------------------------- Template ----------------------------------------------------------------------------- */

/* ------------------------- Sp_panel ------------------------- */
#sp_panel{
    background-color:#e6e6e6;
    text-align:right;
    margin-bottom:70px
}#sp_panel > div{
     font-size:13px;
     line-height:17px;
     padding-top:5px;
     padding-bottom:5px;
}#sp_panel > div > div{
      display:inline-block;
      vertical-align:top;
      padding-left:10px;
      padding-right:10px;
}#sp_panel > div > div:last-child{
       background-color:#ccc;
       border-radius:8px;
}#sp_panel > div > div > *{
        display:inline-block;
        vertical-align:top;
        font-family:var(--f_icon);
        font-size:20px;
        padding:2px 4px;
}#sp_panel > div > div > div{
         background-color:#fff;
         color:var(--c-1);
         border-radius:8px;
         margin-right:4px;
         cursor:pointer
}#sp_panel > div > div > div:hover{
          box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
/* ------------------------- LK_panel ------------------------- */
@media only all and (min-width:1240px){
#lk_panel{
	display:none;
    position: fixed;
	top:180px;
	left:0;
}#lk_panel_top, #lk_panel_top > div, #lk_panel_desc{
	display: flex;
    flex-direction: column;
    justify-content: center;
}#lk_panel_top{
	position: absolute;
    top: 0;
    left: 0;
    background-color:#fff;
    border-radius: 0 10px 10px 0;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index: 101;
}#lk_panel_desc{
	position: relative;
	left: -200px;
	font-family: var(--f_main);
	font-size: 17px;
	line-height: 57px;
	background-color: #fff;
	padding: 69px 25px 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	color: #aaa;
	border-radius: 0 10px 10px 0;
	z-index: 100;
	transition: left 0.3s ease-in-out 0s;
}#lk_panel:hover > #lk_panel_desc{
	left: 68px;
}#lk_panel_top .icon{
    position: relative;
    font-family:var(--f_icon);
    font-size:32px;
    text-align: center;
    border-radius: 10px;
    padding-top:8px;
    padding-bottom:8px;
    color:#ccc;
    margin-bottom:10px;
    cursor:pointer

}#lk_panel_top .icon:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}#lk_panel_top .avatar{
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border:2px solid #ddd;
    margin-bottom:10px;
    cursor:pointer;
    overflow: hidden;
}#lk_panel_desc a{
	text-decoration: none;
	color:var(--c-3);
	font-weight:700;
}#lk_panel_desc a:hover{
	color:var(--c-1)
}
} @media only all and (max-width:1239px){
  #lk_panel{
    position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:56px;
	background-color:#fff;
	overflow:visible;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
  }#lk_panel_top{
	display: grid;
    grid-template-columns: auto 50px 100px 50px auto ;
    grid-gap: 10px;
    justify-content: center;
    align-items: end;
	position: absolute;
    bottom: 0;
    width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
  }#lk_panelfull_bl{
	display: flex;
    flex-direction: column;
    justify-content: center;
	grid-gap: 10px;
	position: fixed;
	bottom:0;
	left:calc(50% - 110px);
	width:220px;
	box-sizing:border-box;
	font-size: 17px;
	line-height: 30px;
	text-align:center;
	background-color: #fff;
	color: #aaa;
	padding: 10px 10px 75px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 10px 10px 0 0;
  }#lk_panel_top .icon{
    font-family:var(--f_icon);
    font-size:32px;
    text-align: center;
    border-radius: 10px;
    padding-top:6px;
    padding-bottom:6px;
    color:#ccc;
    cursor:pointer
  }#lk_panel_top .icon:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
  }#lk_panel_top .avatar{
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border:2px solid #ddd;
    margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
    cursor:pointer;
    overflow: hidden;
  }#lk_panelfull_bl a{
	text-decoration: none;
	color:var(--c-3);
	font-weight:700;
	padding:5px;
	border-radius:10px
  }#lk_panelfull_bl a:hover{
	color:var(--c-1)
  }#lk_panelfull_bl a.active{
	background-color:var(--c-1);
	color:#fff
  }
}
/* ------------------------- Header ------------------------- */
header{
    width:100%;
    overflow-x: hidden;
    box-shadow:0 3px 5px rgba(0,0,0,0.4);
	z-index: 10;
}header{
    top:0;
    position:fixed;
    background-color:#fff;
}header .site{
    box-sizing:border-box;
    text-align: center;
}#topnav{
    box-sizing:border-box;
}/* ---- Logo ---- */
header #logo a{
    background-image:url('../media/logo-header.png');
}#logo a{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    display:block;
    opacity:1;
    transition:opacity 0.25s ease-in-out 0s;
}#logo a:hover{
       opacity:0.6;
}
/* ---- Menutop ---- */
#menutop > a, #menutop > .parent{
    border-radius:10px;
    text-decoration:none;
	font-weight:700;
}#menutop a:not(.active){
    color: var(--c-1);
}#menutop > a:hover, #menutop > .active{
    color:#fff;
    background-color:var(--c-1);
}
/* ------------ Header MOB ------------ */
@media only all and (min-width:1240px){
  header{
    padding-top:10px;
    padding-bottom:12px;
  }header .site{
    display: grid;
    grid-gap: 0;
    grid-template-columns: 240px 0 auto;
	grid-auto-columns: 100%;
  }#topnav{
    display: grid;
    grid-gap: 0;
    grid-template-columns: auto 310px;
	grid-auto-columns: 100%;
  }header #logo a{
    width:100%;
    height:55px;
  }#header_btn{
    padding-top: 10px;
  }#header_btn *{
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
  }#header_btn :first-child{
    margin-left:10px;
  }#header_btn :last-child{
    margin-left:10px;
  }#menutop{
    position:relative;
	display: flex;
	grid-gap: 10px;
	align-items: center;
	justify-content: center;
  }#menutop > *:not(.mob-1){

	display:block;
	padding:5px 8px 7px;
  }
} @media only all and (max-width:1239px){
  header{
    padding-top:5px;
    padding-bottom:10px;
  }header #logo a{
    width: 280px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
  }#mobmenubtn {
    top: 12px;
	left: 10px;
    font-family: var(--f_icon);
    position: absolute;
    font-size: 32px;
    border-radius: 10px;
    padding: 3px;
    cursor: pointer;
	border: 3px solid var(--c-3);
    color: var(--c-3);
  }#mobmenubtn:hover {
    background-color: var(--c-3);
    color: #fff;
  }#mobmenubtn::before {
    content: 'format_list_bulleted';
  }#topnav{
	position: absolute;
	width:200px;
	padding:20px;
  }#topnav{
	position:fixed;
	top:0;
	width:200px;
	height:100%;
	padding:20px;
	transition: left 0.2s ease-in-out 0s;
	box-shadow: 0 3px 5px rgba(0,0,0,0.4);
	background-color: #fff;
    z-index: 99;
  }#topnav:not(.open){
	left:-220px;
  }#topnav.open{
	left:0;
  }#menutopbtn {
    font-family: var(--f_icon);
    font-size: 38px;
    margin-bottom: 10px;
    color: var(--c-3);
    cursor: pointer;
	position: absolute;
    border-bottom: 2px solid var(--c-3);
    width: calc(100% - 40px);
  }#menutopbtn:hover{
    color: var(--c-2);
  }#menutop{
	 padding-top: 50px;
  }#menutop > *{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 5px;
  }
}
/* ------------------------- slider ------------------------- */
#slider{
    top:0;
    overflow:hidden;
    position:relative;
	background-color: var(--c-1_h);
}#slider video{
     vertical-align: top;
}#slider_img{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}#slider_text{
    position: absolute;
    border-radius:10px;
}#slider_text:not(.bc-w){
    background-color:var(--c-w);
}#slider_text [class*="text-"]{
    font-weight: 700;
}#slider_text span:not([class*="c-"]){
    color:var(--c-1)
}#slider_text span.c-w{
    color:#fff
}/* ---- sl_video_btn ---- */
#sl_video_btn{
    position: absolute;
}#sl_video_btn > div{
     font-family:var(--f_icon);
     padding:10px;
     border-radius:10px;
     background-color:rgba(255,255,255,0.5);
     color:var(--c-1);
     cursor:pointer
}#sl_video_btn > div:hover{
     background-color:#fff;
}
@media only all and (min-width:900px){
  #slider{
    max-height:calc(100vh - 70px);
  }#slider_img{
	height:600px;
  }#sl_video_btn {
    bottom: 50px;
    left: 50px;
  }#sl_video_btn > div {
    font-size: 50px;
  }
} @media only all and (max-width:899px){
  #slider_img{
	height:auto;
	padding-top: 300px;
  }#slider_text{
    position: relative;
  }#slider_text {
    bottom: 50px;
	margin-bottom: -30px;
	margin-left:0;
    margin-right:0;
	top: unset;
    right: unset;
	left: 20px;
	box-shadow: 0 0px 5px var(--c-b3);
  }#slider_text, #slider_text:not(.bc-w){
	background-color:#fff;
  }#sl_video_btn {
    bottom: 30px;
    left: 30px;
  }#sl_video_btn > div {
    font-size: 40px;
  }
} @media only all and (max-width:499px){
  #slider_img #slider_text {
    top: -50px;
  }#slider_img{
	padding-top: 200px;
  }#sl_video_btn {
    bottom: 0;
    top: 10px;
    left: 20px;
  }#sl_video_btn > div {
    font-size: 30px;
  }
}
/* ------------ Slider MOB ------------ */
@media only all and (min-width:900px){
  #slider_text{
    padding:20px 30px;
  }#slider_text img{
    width:245px;
    margin-top: 15px;
  }#slider_text .text-1{
    font-size: 25px;
    line-height: 25px;
  }#slider_text .text-2{
    font-size: 35px;
    line-height: 35px;
  }#slider_text .text-3{
    font-size: 45px;
    line-height: 45px;
  }#slider_text .text-4{
    font-size: 65px;
    line-height: 65px;
  }#slider_text .text-5{
    font-size: 70px;
    line-height: 70px;
  }#slider_text a{
    margin-top: 15px;
  }
} @media only all and (max-width:899px){
  #slider_text{
    padding:10px 15px;
  }#slider_text img{
    width:100px;
    margin-top: 10px;
  }#slider_text .text-1{
    font-size: 18px;
    line-height: 18px;
  }#slider_text .text-2{
    font-size: 20px;
    line-height: 20px;
  }#slider_text .text-3{
    font-size: 28px;
    line-height: 28px;
  }#slider_text .text-4{
    font-size: 35px;
    line-height: 35px;
  }#slider_text .text-5{
    font-size: 48px;
    line-height: 48px;
  }#slider_text a{
    margin-top: 10px;
  }
} @media only all and (max-width:499px){
  #slider_text{
    padding:10px 20px;
  }
}
/* ------------------------- Main ------------------------- */
main{
    position: relative;
}#cabinet{
    background:url('../media/main_bl1_left.png') top left no-repeat, url('../media/main_bl1_right.png') top right no-repeat;
}#files{
    background:url('../media/main_bl1_left.png') left 70px no-repeat, url('../media/main_bl1_right.png') right 70px no-repeat;
} @media only all and (min-width:900px){
  main{
    padding-top: 50px;
  }
}  @media only all and (max-width:899px){
  main{
    padding-top: 20px;
  }
}
/* ------------------------- Footer ------------------------- */
footer{
    position: absolute;
    box-sizing:border-box;
    width: 100%;
    padding:20px 0 30px;
    background-color:var(--c-3);
}footer > div{
    font-size:var(--fs-1);
    line-height:var(--lh-1);
    text-align:left;
}footer > div div{
    color: #fff;
}footer > div li{
    color:var(--c-1);
} footer > div:nth-child(1) img, footer > div:nth-child(3) div{
    margin-bottom:15px;
}
 /*--- Footer Menu --- */
#menu_bottom{
	position:relative
}#menu_bottom a{
	position:relative;
	display:block;
    font-size:var(--fs-1);
    line-height:var(--lh-1);
    color:var(--c-1);
    padding:5px 0 7px 25px;
}#menu_bottom a::before{
    content:"fiber_manual_record";
    font-family:var(--f_icon);
    font-size:21px;
    font-weight:700;
    position:absolute;
    left:1px;
}#menu_bottom a:hover{
    color:#fff;
	background-color:var(--c-1);
	border-radius:10px
}#menu_bottom_add{
	margin-top:10px
}#menu_bottom_add a{
	position:relative;
	display:block;
    color:#fff;
	padding-left:25px;
}#menu_bottom_add a:hover{
    color:var(--c-1);
}#menu_bottom_add a::before{
    content:"chevron_right";
    font-family:var(--f_icon);
    font-size:21px;
    font-weight:700;
    position:absolute;
    left:1px;
}
@media only all and (min-width:900px){
  footer{
    bottom: 24px;
  }#menu_bottom a {
  margin-bottom: 5px;
  }
} @media only all and (max-width:899px){
  footer{
    bottom: 20px;
  }footer > div > div:first-child {
  text-align: center;
  }
}
/* ------------------------- copyright ------------------------- */
.copyright{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top:5px;
    padding-bottom:5px;
    font-size:13px;
    line-height:14px;
    color:var(--c-1_h);
    background-color:var(--c-1);
}copyright a{
     color:var(--c-2_h)
}.copyright > div > div{
      display:inline-block;
      vertical-align:top;
}.copyright .oneline{
       width:100%;
       text-align:center
} @media only all and (min-width:800px){
  .copyright .twoline{
        width:50%;
  }.copyright  .twoline div:first-child{
         text-align:left;
  }.copyright  .twoline div:last-child{
          text-align:right;
}} @media only all and (max-width:799px){
  .copyright .twoline{
        width:100%;
  }.copyright  .twoline div{
         text-align:center
}}
/* -------------------------------------------------------- Styles ----------------------------------------------------------------------------- */
.program-icon{
    width:50%;
}#volonter-form h4{
	margin-bottom:5px;
}#volonter-form input{
	margin-bottom:20px;
}
/* ------------------------- .bblock-s ------------------------- */
#mini{
    background:url('../media/main_bl1_left.png') top left no-repeat, url('../media/main_bl1_right.png') top right no-repeat;
}.bblock-1{
    background:url('../media/main_bl1_left.png') top left no-repeat, url('../media/main_bl1_right.png') top right no-repeat, #fff;
}.bblock-2{
    background:url('../media/main_bl2_left.png') bottom left no-repeat, url('../media/main_bl2_right.png') bottom right no-repeat, var(--c-6);
}.bblock-3{
    background:url('../media/main_bl3_left.png') top -60px left no-repeat, url('../media/main_bl3_right.png') bottom right no-repeat, #fff;
}.bblock-4{
    background: url('../media/main_bl4_left.png') top left no-repeat, var(--c-6);
}.bblock-5{
    background-color:#fff;
}.bblock-6{
    background:url('../media/main_bl62_left.png') bottom left no-repeat, url('../media/main_bl62_right.png') top right no-repeat, #4559c6;
}.bblock-62{
    background:url('../media/main_bl62_left.png') bottom left no-repeat, url('../media/main_bl62_right.png') top right no-repeat, var(--c-6);
}.bblock-7{
    background:#fff url('../media/main_bl7.png') bottom left no-repeat;
}.bblock-8{
    background: url('../media/main_bl8_left.png') bottom left no-repeat, #fff;
}.bblock-img{
	background-repeat:no-repeat;
}
@media only all and (min-width:900px){
  .bblock-img{
	background-position:center top;
	background-size:cover;
  }
}
@media only all and (max-width:499px){
  .bblock,[class|="bblock"],[class*=" bblock"]{
    background-size: 40%;
  }.bblock-img{
	background-position:top left;
	background-size:cover;
  }
}
/* --- MainPage - блок1 --- */
.bblock-1 .line1{
	line-height: 40px;
    text-align:right
}.bblock-1 .line2{
    background-color:var(--c-1_h);
    border-radius:10px;
    color:var(--c-1);
    text-align:left;
}.bblock-1 .line3{
    color:var(--c-1);
    text-align:left
}.bblock-1 span{
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
}.bblock-1 .line1 span{
    font-weight:700;
}.bblock-1 .line2 span{
    font-weight:700;
}.bblock-1 .line3 span{
    border-radius:10px;
    margin-right:8px;
    padding:6px 7px 8px;
}.bblock-1 .line1 span:nth-child(1){
    color:var(--c-2);
}.bblock-1 .line1 span:nth-child(2){
    color:var(--c-1_h);
}.bblock-1 .line1 span:nth-child(3){
    color:var(--c-1);
}
@media only all and (min-width:900px){
  [class|="bblock"] .site:not(.space){
     padding-top: 50px;
     padding-bottom: 50px;
  }[class|="bblock"] .site.space{
     padding-top: 70px;
     padding-bottom: 70px;
  }[class|="bblock"] .site.small{
     padding-top: 20px;
     padding-bottom: 20px;
  }.bblock-1.home .site > .grid{
    grid-template-columns: 165px 220px auto;
  }.bblock-1 .line1{
    font-size:58px;
  }.bblock-1 .line2{
    padding:13px 15px 0;
  }.bblock-1 .line3{
    padding-left:15px;
  }.bblock-1 .line1 span{
    margin-bottom:20px;
  }.bblock-1 .line2 span{
    margin-bottom:20px;
  }.bblock-1 .line3 span{
	border: 3px solid var(--c-1_h);
    margin-bottom:10px;
  }
} @media only all and (max-width:899px){
  [class|="bblock"] .site:not(.space){
     padding-top: 20px;
     padding-bottom: 20px;
  }[class|="bblock"] .site.space{
     padding-top: 30px;
     padding-bottom: 30px;
  }[class|="bblock"] .site.small{
     padding-top: 10px;
     padding-bottom: 10px;
  }.bblock-1.home .site > .grid{
    grid-template-columns: 130px auto;
	grid-gap: 20px;
  }.bblock-1.home .site > .grid :last-child{
    grid-column : span 2;
  }.bblock-1 .line1{
    font-size:50px;
  }.bblock-1 .line2{
    padding:13px 15px 0;
  }.bblock-1 .line3 {
    text-align: center;
  }.bblock-1 .line1 span{
    margin-bottom:10px;
  }.bblock-1 .line2 span{
    margin-bottom:30px;
  }.bblock-1 .line3 span{
	border: 3px solid var(--c-1_h);
    margin-bottom:8px;
  }
} @media only all and (max-width:499px){
  [class|="bblock"] .site:not(.space){
     padding-top: 15px;
     padding-bottom: 15px;
  }[class|="bblock"] .site.space{
     padding-top: 20px;
     padding-bottom: 20px;
  }.bblock-1 .line1{
    font-size:36px;
	line-height: 36px;
  }.bblock-1 .line2 {
    padding: 10px 15px 0;
  }.bblock-1 .line2 span {
    margin-bottom: 10px;
  }.bblock-1.home .site > .grid{
    grid-template-columns: 100px auto;
	grid-gap: 10px;
  }.bblock-1 .line3 {
    font-size: 16px;
  }.bblock-1 .line3 span{
	border: 2px solid var(--c-1_h);
  }
}
/* --- MainPage - блок2 --- */
.bblock-2.home .site{
     text-align:center;
}.bblock-2.home .site > .grid-4 div{
      font-weight:700;
      padding:5px 25px 7px;
      border-radius:10px;
}.bblock-2 .age1{
       background-color:var(--c-3);
       color:#fff;
}.bblock-2 .age2{
    background-color:var(--cc-3);
    color:#fff;
}.bblock-2 .age3{
    background-color:var(--c-2);
    color:#fff;
}.bblock-2 .age4{
    background-color:var(--cc-2);
    color:#fff;
}.block-2_line{
    background-color:var(--c-6);
    width:100%;
    height:35px;
}
@media only all and (min-width:900px){
  .bblock-2.home .site > .grid-4 div{
      font-size:26px;
  }
} @media only all and (max-width:899px){
  .bblock-2.home .site > .grid-4 div{
      font-size:20px;
  }
}
/* --- MainPage - блок3 --- */
.bblock-3.home .site{
    color:var(--c-1);
}.bblock-3.home > .grid{
    grid-template-columns:auto 500px;
}.bblock-3.home > .grid > div:first-child{
    background:url('../media/main_bl3_center.png') bottom right no-repeat;
    padding-bottom:50px
}.bblock-3.home .site .grid-3 div{
	box-sizing:border-box;
    font-size:17px;
    line-height:20px;
    border-radius:10px;
    background-size:cover;
    background-repeat:no-repeat;
	text-align:center;
}.bblock-3.home .site div div:nth-child(1){
    background-image:url('../media/main_bl3_eco1.jpg');
}.bblock-3.home .site div div:nth-child(2){
    background-color:var(--c-6)
}.bblock-3.home .site div div:nth-child(3){
    background-image:url('../media/main_bl3_eco2.jpg');
}.bblock-3.home .site div div:nth-child(4){
    background-color:var(--c-2_h)
}.bblock-3.home .site div div:nth-child(5){
    background-image:url('../media/main_bl3_eco3.jpg');
}.bblock-3.home .site div div:nth-child(6){
    background-color:var(--c-2_h)
}.bblock-3.home .site div div:nth-child(7){
    background-image:url('../media/main_bl3_eco4.jpg');
}.bblock-3.home .site div div:nth-child(8){
    background-color:var(--c-6)
}.bblock-3.home .site div div:nth-child(9){
    background-image:url('../media/main_bl3_eco5.jpg');
}/* --- MainPage - блок4 --- */
.bblock-4.home .site > div{
    color:var(--c-1);
}.bblock-4.home .site > div h2{
    border-radius:10px;
}.bblock-4.home .site > div:first-child h2{
    background-color:var(--c-1);
    color:#fff;
    padding: 10px 20px;
}.bblock-4.home .site > div:last-child h2{
    background-color:var(--c-2);
    color:#fff;
    padding: 10px 20px;
}
@media only all and (min-width:900px){
  .bblock-3.home .site .grid-3 div {
    height: 150px;
    padding: 15px;
  }
} @media only all and (max-width:899px){
  .bblock-3.home .site .grid-3 div {
    height: auto;
    padding: 10px;
  }
}
/* --- MainPage - блок5 --- */
.bblock-5.home .site > div{
    box-sizing:border-box;
    color:var(--c-1);
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    background-repeat:no-repeat;
    background-position:left center;
    position:relative;
    border-radius:10px;
}.bblock-5.home .site > div .btn-1{
    position:absolute;
} @media only all and (min-width:900px){
  .bblock-5.home .site > div{
    height:200px;
    background-size:200px;
    padding: 20px 20px 20px 220px;
  }.bblock-5.home .site > div .btn-1{
    bottom:20px;
    left:220px;
  }
} @media only all and (max-width:899px){
  .bblock-5.home .site > div{
    height:200px;
    background-size:200px;
    padding: 20px 20px 20px 220px;
  }.bblock-5.home .site > div .btn-1{
    bottom:20px;
    left:220px;
  }
} @media only all and (max-width:499px){
  .bblock-5.home .site > div{
    height: 130px;
background-size: 130px;
padding: 10px 10px 10px 145px;
  }.bblock-5.home .site > div h3{
  font-size: 17px;
  line-height: 19px;
  }.bblock-5.home .site > div .btn-1{
    bottom:7px;
    left:150px;
  }
}
/* --- MainPage - блок6 --- */
.bblock-6.home a{
    width:50%;
    margin-left: auto;
    margin-right: auto;
}/* --- MainPage - блок7 --- */

.bblock-7.home .site{
    text-align:center
}/* --- MainPage - блок8 --- */
.open_list[class*=" grid"],.open_list.grid{
	grid-template-columns: auto 50px;
}/* --- MainPage - блок9 --- */
.bblock-9.home .site{
    text-align:center;
}.bblock-9.home .flex-wrap > *{
	display:block;
    background-position:center;
    background-repeat:no-repeat;
}
@media only all and (min-width:900px){
  .bblock-9.home .flex-wrap > *{
    width:200px;
    height:150px;
  }
} @media only all and (max-width:899px){
  .bblock-9.home .flex-wrap > * {
    width: 150px;
    height: 120px;
    background-size: 90%;
  }
}
/* ------------------------- Cabinet - основные блоки ------------------------- */
#cabinet_content, #cabinet_right{
    height: 100%;
}#cabinet_content{
    position:relative;
}#blocks_on_top > *, #cabinet_content, #cabinet_right {
    background-color: #fff;
    border-radius: 10px;
    border: 3px solid #d4ebfc;
	padding:25px;
	box-sizing: border-box;
} #cabinet_right {
    padding: 80px 25px 25px;
}#cabinet_content{
	padding:25px 25px 50px;
	min-height: 300px;
}@media only all and (min-width:1240px){
	#cabinet > div{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: auto 280px;
    grid-auto-flow: column;
  }
} @media only all and (min-width:900px){
  #blocks_on_top > *{
	padding:25px;
  }
} @media only all and (max-width:899px){
  #blocks_on_top > *{
	padding:15px;
	width: 100%;
  }
} @media only all and (max-width:599px){
  #cabinet_content{
	padding:15px 15px 40px;
  }#cabinet_content .slist-stat{
	  width: 42%;
	  top: 60px;
  }#cabinet_content > a:first-child {
    margin-bottom: 70px;
  }#cabinet_content .slist-stat .pos-pr-20{
	  right: -55%;
  }#cabinet_content {
    padding: 15px 15px 40px;
  }
}
/* --- Profile - стартовые 3  блока --- */
#blocks_on_top{
    grid-template-rows: 150px;
    grid-auto-rows: 100%;
}#blocks_on_top > a{
	position:relative;
	text-decoration:none;
	text-align:center;
	border-color:var(--c-1_h);
}#blocks_on_top > a:hover{
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}#blocks_on_top h3{
	color: var(--c-1);
	border-radius: 10px;
    text-align: center;
    font-weight: 700;
	font-size:20px;
    line-height: 22px;
}#blocks_on_top > a > div{
	position:absolute;
	width:calc(100% - 50px);
	bottom:20px;
}#blocks_on_top > a > div > :first-child{
	padding-bottom: 10px;
}#blocks_on_top .lesson_time{
	padding: 10px 0;
}#blocks_on_top span{
	color:#fff;
	font-size:17px;
	font-weight:700;
	padding: 5px 10px;
	text-decoration:none;
}#blocks_on_top .lesson_time span:first-child{
	background-color:#aaa;
    border-radius: 5px 0px 0px 5px;
}#blocks_on_top .lesson_time span:last-child{
	background-color:#ddd;
    border-radius: 0px 5px 5px 0px;
	color:#000;
}#blocks_on_top .work-block span{
	background-color: var(--c-1_h);
    border-radius: 5px;
}
 @media only all and (max-width:899px){
  #blocks_on_top > *{
	padding:12px;
  }#blocks_on_top h3 {
    font-size: 16px;
	margin-bottom: 15px;
  }#blocks_on_top {
    grid-template-rows: 120px;
  }#blocks_on_top > a > div {
    width: calc(100% - 30px);
    bottom: 8px;
  }#blocks_on_top span {
    font-size: 16px;
    padding: 3px 8px;
  }
} @media only all and (max-width:899px){
  #blocks_on_top > * {
    padding: 5px 5px 17px;
  } #blocks_on_top {
    grid-template-rows:70px;
	grid-auto-rows: 70px;
  } #blocks_on_top > a > div {
    width: calc(100% - 10px);
    bottom: 2px;
  }
}
/* - Profile - Расписание-Фильтр - */
#slist_filter div{
	padding: 12px 10px;
	color:#fff;
	font-weight:700;
	background-color:#ddd;
	text-align:center
}#slist_filter div:first-child{
	border-radius: 10px 0px 0px 0px;
}#slist_filter div:last-child{
	border-radius: 0px 10px 0px 0px;
}#slist_filter #ltype-1{
    background-color: var(--c-1_h);
}#slist_filter #ltype-2{
    background-color: var(--c-2_h);
}#slist_filter #ltype-3{
    background-color: var(--c-3);
}#slist_filter #ltype-4{
    background-color: var(--c-1);
}#slist_filter #task{
    background-color:var(--c-2);
}#slist_filter div:hover{
    box-shadow: inset 0 0 8px rgba(0,0,0,0.4);
}
/* --- Profile - Расписание --- */
#slist > div{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 120px auto 120px;
	grid-auto-flow: column;
	align-items: center;
	border-bottom: 2px solid #ddd;
	padding:10px
}#slist .arrows{
	background-color: #eee;
}#slist .arrows a{
	background-color:var(--c-3);
	color:#fff;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    font-weight: 700;
	font-size: 30px;
	font-family: var(--f_icon);
	text-decoration:none;
}#slist .arrows a:hover{
	background-color:var(--c-1);
}#slist .arrows div{
	color:var(--c-1);
    text-align: center;
	font-size: 32px;
}#slist > div .slist_date{
	background-color:#ccc;
	color:#fff;
    border-radius: 10px;
    padding: 8px 5px 10px;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
}#slist h3{
	width:100%;
	margin-bottom:5px;
}#slist .slist_lessons{
	margin-bottom:14px;
}#slist .slist_lessons .lesson :first-child{
	background-color:#ededed;
	color:var(--c-1);
	padding: 3px 10px;
    border-radius: 5px 0px 0px 5px;
}#slist .slist_lessons .lesson:hover :first-child{
	background-color:#aaa;
	color:#fff;
}#slist .slist_lessons .lesson :last-child{
    padding: 3px 10px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
    font-weight:700;
}#slist .slist_lessons .lesson .status-0{
    background-color: var(--c-5);
}#slist .slist_lessons .lesson .status-1{
    background-color: var(--c-3);
}#slist .slist_lessons .lesson .status-2{
    background-color: var(--c-4);
}#slist .slist_lessons .lesson .status-3{
    background-color: var(--c-2);
}#slist .slist_lessons .lesson .status-4{
    background-color: var(--cc-3);
}#slist .slist_lessons .lesson:hover :last-child{
	background-color:var(--c-1);
}#slist > div .slist_edit{
	background-color:var(--c-1_h);
	color:#fff;
    border-radius: 10px;
    padding: 8px 5px 10px;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
} @media only all and (min-width:900px){
  #slist > div .slist_date > div{
	font-size: 50px;
	line-height:45px;
    font-weight: 400;
 }
} @media only all and (max-width:899px){
  #slist .arrows {
	grid-template-columns:repeat(2, 1fr);
	padding-top: 35px;
    position: relative;
  }  #slist .arrows div {
    font-size: 20px;
	position:absolute;
	top:5px;
	width: 100%;
  }#slist .arrows a {
    font-size: 24px;
  }#slist > div:not(.arrows){
    grid-template-columns:repeat(2, 1fr);
	align-items: start;
	grid-gap: 0;
	padding: 0;
  }#slist > div:not(.arrows) .slist_date {
    grid-column: 1;
    grid-row: 1;
	border-radius: 0 0 0 10px;
	text-align: right;
	font-weight: 400;
  }#slist > div:not(.arrows) .slist_list {
    grid-column: 2;
    grid-row: 2;
	grid-column : span 2;
	padding: 10px 0
  }#slist > div:not(.arrows) .slist_edit{
    grid-column: 2;
    grid-row: 1;
	border-radius: 0 0 10px 0;
	text-align: left;
  }#slist > div .slist_date > div{
	display:inline;
	padding-right:5px;
	font-weight: 700;
  }#slist .slist_lessons {
    margin-bottom: 8px;
  }#slist .slist_lessons .lesson{
	display: grid;
	grid-template-columns: 70px auto;
	font-size: 18px;
    line-height: 21px;
  }#slist .slist_lessons > span{
	display: block;
    padding-left: 80px;
    background-color: #fff;
    font-size: 13px;
  }

 #timeslot .grid-6{
	 grid-template-columns:repeat(3, 1fr);
 }
}

/* --- Profile - профиль --- */
@media only all and (min-width:1240px){
#cabinet_right{
	position:relative;
	overflow: hidden;
}#cabinet_right a:first-child{
	position:absolute;
	top:0;
	left:0;
	right:0;
	color:#fff;
	padding:20px;
	font-size:24px;
	line-height:26px;
	text-align:center;
}#cabinet_right a:first-child:hover{
	background-color:var(--c-1)
}#cabinet_right .proava{
	width:100%;
	height:230px;
	background-size:cover;
	margin-bottom:15px;
	margin-top:10px;
	border: 3px solid #eee;
	border-radius:10px;
}#cabinet_right .proname{
	font-size:24px;
	line-height:30px;
	font-weight:700;
	text-align:center;
	color:var(--c-1);
	margin-bottom:25px;
}#cabinet_right .proattr{
	font-size:18px;
	line-height:22px;
	border-bottom:3px solid #eee;
	margin-bottom:5px;
}#cabinet_right .proattr span{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	padding:5px;
}#cabinet_right .proattr span:first-child{
	width:40%;
	padding-right:10px;
	font-weight:700;
	text-align:right;
	color:var(--c-3);
	border-right: 1px solid #eee;
}#cabinet_right .proattr span:last-child{
	width:60%;
	text-align:left;
}
} @media only all and (max-width:1239px){
  #cabinet_right{
	display:none
  }
}
/* ------------------------- LogIn - выбо профиля ------------------------- */
#files h1{
    padding-top:21px;
    padding-bottom:20px;
	background-color:var(--c-3);
	border-radius:0;
}#files > div{
	padding-top:80px;
}#cabinet_list > div{
    border-radius: 10px;
    border: 3px solid #d4ebfc;
	box-sizing: border-box;
	margin-bottom:20px;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer
}#cabinet_list > div:hover{
	transition: all 0.2s ease-in-out 0s;
    box-shadow: 0 0px 15px rgba(0,0,0,0.4);
}#cabinet_list > div > div{
	padding:25px;
	font-size:24px;
	line-height:30px;
	text-align:left;
}#cabinet_list > div > :first-child{
	color:#fff;
	font-weight:700;
}#cabinet_list > div > :last-child{
	background-color:#fff;
	color:var(--c-1);
} @media only all and (min-width:1240px){
	#cabinet_list > div{
    grid-template-columns: 30% 70%;
  }
} @media only all and (max-width:1239px){
  #cabinet_list > div{
    grid-template-columns: 100%;
	grid-gap: 0;
	margin-bottom: 5px;
  }
} @media only all and (max-width:499px){
  #files > div {
    padding-top: 65px;
  }#cabinet_list > div > div {
    padding: 12px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
  }#cabinet_list .cabinet-btn .btn-sm {
    width:100%
  }
}
/* ------------------------- Главная - Партнеры ------------------------- */
.partners{
    padding-bottom:50px;
    text-align:center;
}.partners div{
    margin-top:30px;
    margin-bottom:20px;
 }.partners > div > div{
    width:180px;
    line-height:96px;
    border:3px solid #ccc;
    border-radius:4px;
    background: #fff;
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}.partners > div > div:nth-child(6n+1){
    margin-right:20px;
}.partners > div > div:nth-child(6n+2){
    margin-right:16px;
    margin-left:4px;
}.partners > div > div:nth-child(6n+3){
    margin-right:8px;
    margin-left:12px;
}.partners > div > div:nth-child(6n+4){
    margin-right:12px;
    margin-left:8px;
}.partners > div > div:nth-child(6n+5){
    margin-right:4px;
    margin-left:16px;
}.partners > div > div:nth-child(6n+6){
    margin-left:20px;
}.partners > div > div > img{
    display:inline-block;
    vertical-align:middle;
}
/* ------------------------- Программы ------------------------- */
.bblock-2 h5 span, .bblock-4 h5 span, .bblock-6 h5 span, .bblock-62 h5 span, .bblock-2 h2 span, .bblock-4 h2 span, .bblock-6 h2 span, .bblock-62 h2 span{
	border-color: var(--c-3);
}.when div{
	position:relative;
	color:var(--c-1);
	font-size:18px;
	line-height:20px;
	padding-left:55px;
}.when div::before{
	position: absolute;
	left: 1px;
	content: "expand_circle_right";
	font-family: var(--f_icon);
	font-size: 45px;
	font-weight: 700;
	color: var(--c-3);
	top: 10px;
}.program{
	grid-template-columns: 50px auto;
	grid-gap: 20px;
}.program .merge{
	grid-column : span 2;
}.program div{
	margin-bottom: 20px;
}.program .fa{
	font-size: 50px;
    font-weight: 400;
    line-height: 40px;
}.program .fa:nth-child(2),.program .fa:nth-child(3),.program .fa:nth-child(12),.program .fa:nth-child(13){
	color: var(--c-3);
}.program .fa:nth-child(4),.program .fa:nth-child(5),.program .fa:nth-child(14),.program .fa:nth-child(15){
	color: var(--c-2);
}.program .fa:nth-child(6),.program .fa:nth-child(7),.program .fa:nth-child(16),.program .fa:nth-child(17){
	color: var(--c-4);
}.program .fa:nth-child(8),.program .fa:nth-child(9),.program .fa:nth-child(18),.program .fa:nth-child(19){
	color: var(--cc-3);
}.program .fa:nth-child(10),.program .fa:nth-child(11){
	color: var(--cc-2);
}.program div h3{
	margin-bottom: 5px
}.result div{
	position:relative;
	color:#fff;
	font-size:18px;
	line-height:20px;
	padding-left:55px;
	margin-bottom:30px;
}.result div::before{
	position: absolute;
	left: 1px;
	content: "check_circle";
	font-family: var(--f_icon);
	font-size: 45px;
	font-weight: 700;
	color: var(--c-4);
	top: 10px;
}
/* ------------------------- Большой квиз ------------------------- */
.full-quiz{
    height: calc(100vh - 70px);
}.full-quiz > div{
	height: 100%;
}.full-quiz .header{
    text-align: center;
    margin-bottom: 10px;
    color: var(--c-1);
    background-color: var(--c-6);
    padding: 10px;
    border-radius: 10px;
} @media only all and (max-width:599px){
  .full-quiz .flex-va-center {
	display:block
  }
}
/* ------------------------- Доп стили к бблокам ------------------------- */
 @media only all and (max-width:899px){
  .utarger{
    text-align:center
  }
  .bblock-img.volonter{
	  background-position: center;
  }
  .bblock-img.volonter .blin{
	  width:100%
  }
}
/* ------------------------- scrollTop ------------------------- */
.scrollTop{
    z-index:9999;
    bottom:70px;
    right:10px;
    width:50px;
    height:50px;
    display:none;
    position:fixed;
    background:url('../media/icon_totop.png') center no-repeat;
    opacity:0.7;
    transition:opacity 0.4s ease-in-out 0s;
}.scrollTop:hover{
    opacity:1;
 }/* ------------------------- pagination ------------------------- */
.pagination{
    text-align:center;
}.pagination ul{
    margin-top:2px;
    margin-bottom:30px;
 }.pagination li{
    display:inline-block;
    text-align:center;
    font-weight:700;
    margin-right:2px;
    margin-left:2px;
    color:var(--c-2)
}.pagination li > *{
    display:block;
    font-size:16px;
    line-height:16px;
    padding:3px 6px 5px;
}.pagination li a{
    color:var(--c-1)
}.pagination li a:not(:hover){
    background-color:var(--c-2)
}.pagination li a:hover{
    background-color:var(--c-2_h)
}.pagination li span{
    background-color: #e6e6e6;
}

/* ------------------------------ Gallery - Oliagal - Панель фильтрации ------------------------------ */
#oligaltags {
	margin-bottom: 40px;
	text-align: center;
	padding-top: 15px;
    padding-bottom: 11px;
	border-radius:5px
} #oligaltags div {
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 7px;
	border-radius: 4px;
    color: #fff;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 22px;
	cursor: pointer;
} @media only all and (min-width: 1260px) {	
 #oligaltags div {
	padding-left: 15px;
	padding-right: 15px;
}} @media only all and (max-width: 1259px) {	
 #oligaltags div {
	padding-left: 10px;
	padding-right: 10px;
}}
/* ---------------  Gallery - Oliagal - Цвета --------------- */
#oligaltags {
	background-color:var(--color_two);
} #ooligaltags div.selected, #oligaltags div:hover {
	background-color:var(--color_onehover);
} #oligaltags div:not(.selected):not(:hover ) {
	background-color:var(--color_one);
	color:#fff;
}
/* ------------------------------ Gallery - Oliagal - Галерея OLD ------------------------------
#oligal {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}#oligal > div {
	background: url('../img/zoom.png') center no-repeat;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
    transition: all 0.7s ease-in-out;
}#oligal > div:not(.block-hid) {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}#oligal > div.block-hid {
    width: 0;
} @media (min-width: 701px) {
  #oligal > div:not(.block-hid) {
	width: 25%;
}} @media (max-width: 700px) and (min-width: 501px) {
  #oligal > div:not(.block-hid) {
	width: 33.3%;
}} @media (max-width: 500px) and (min-width: 360px) {
  #oligal > div:not(.block-hid) {
	width: 50%;
}} @media (max-width: 359px) {
  #oligal > div:not(.block-hid) {
	width: 100%;
}} #oligal > div:not(.block-hid) div {
	display: block;
	overflow: hidden;
	border: 3px solid var(--color_two);
	border-radius: 5px;
	cursor: pointer;
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
} #oligal > div div:hover {
	opacity: 0.6;
} */
 /* ------------------------------ Gallery - Oliagal - Галерея ------------------------------ */
#oligal > div {
	box-sizing: border-box;
	overflow: hidden;
    transition: all 0.7s ease-in-out;
} #oligal > div:not(.block-hid) div {
	cursor: pointer;
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
} #oligal > div div:hover {
	opacity: 0.6;
}
/* ------------------------------ Темнота ------------------------------ */
#oliphoto {
    position: fixed;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 5px;
	background-color: #fff;
	background-image: none;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 2px 15px rgba(0,0,0,0.6);
	z-index: 99;
} #oliphoto.olistart {
	border: 15px solid #fff;
} #oliphoto:not(.olistart) .fa {
	font-size: 0;
}#oliphoto.olistart .fa {
	position: absolute;
	top: calc(50% - 75px);
	font-family:var(--font_icon);
	font-size: 150px;
	line-height: 150px;
	text-align:center;
	color: #fff;
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
} #oliphoto.olistart .fa:hover {
	opacity: 0.6;
} #oliphoto.olistart .fa-angle-left {	
	left: -30px;
} #oliphoto.olistart .fa-angle-right {
	right: -30px;	
}

/* ------------------------------ Darkness & modal ------------------------------ */
#ozibox-back.octive {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}#ozibox-back.loading {
    background-image: url('../media/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
}#ozibox-photo, #ozibox-text, #ozibox-add {
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
}#ozibox-text, #ozibox-add {
    overflow: hidden;
}#ozibox-photo, #ozibox-text, #system-message, #ozibox-add {
    position: fixed;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
    z-index: 100;
}#ozibox-photo.octive, #ozibox-text.octive, #system-message, #ozibox-add.octive {
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.6);
}#ozibox-photo.width250px.octive, #ozibox-text.width250px.octive, #ozibox-add.width250px.octive {
    width: 250px;
    height: auto;
    top: 150px;
    left: calc(50% - 125px);
}#ozibox-photo.width400px.octive, #ozibox-text.width400px.octive, #ozibox-add.width400px.octive {
    width: 400px;
    height: auto;
    top: 150px;
    left: calc(50% - 200px);
}#ozibox-photo:not(.octive) div.fa {
    font-size: 0;
}#ozibox-photo:not(.octive) div.fa {
    font-size: 0;
}#ozibox-photo.octive div.fa {
    position: absolute;
    top: calc(50% - 50px);
    font-family: var(--f_icon);
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}#ozibox-photo.octive div.fa:hover {
    opacity: 0.6;
}#ozibox-photo.octive div.fa-chevron-circle-left {
    content:"chevron_left";
    left: -27px;
}#ozibox-photo.ozistart div.fa-chevron-circle-right {
    content:"chevron_right";
    right: -27px;
}/* ------------------------------ Darkness & modal new by JQ ------------------------------ */
.obox-modal{
	height: auto;
    position: fixed;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
    z-index: 100;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.6);
	overflow:hidden
}.obox-modal .header{
	top:-30px;
	left:-30px;
	margin-bottom: -12px;
    position: relative;
    box-sizing: border-box;
    width: calc(100% + 60px);
	background-color:var(--c-3);
    color:#fff;
	text-align:center;
}.obox-modal .desc{
    color:var(--c-5);
	text-align:center;
	font-size:16px;
	line-height:19px;
	margin-bottom:10px
}#obox-back, #menu-back  {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
}.obox-modal .modal-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
	color:#fff;
    font-size: 26px;
    line-height: 20px;
}.obox-modal .modal-btn-close:hover {
    background-color:var(--c-5_h);
}
.lt-form-horizontal input {
  width:10%;
}
@media only all and (min-width:900px){
  .obox-modal{
    padding: 30px;
  }  .obox-modal:not([class*="w-"]){
	width:800px;
    top: 100px;
    left: calc(50% - 400px);
  }.obox-modal[class*="w-"]{
    top: 100px;
  }.obox-modal.w-250{
    left: calc(50% - 125px);
  }.obox-modal.w-400{

    left: calc(50% - 200px);
  }.obox-modal.w-500{
    left: calc(50% - 250px);
  }.obox-modal.w-600{
    left: calc(50% - 300px);
  }.obox-modal.w-800{
    left: calc(50% - 400px);
  }.obox-modal .header{
	font-size:26px;
	line-height:30px;
	padding:20px;
  }.obox-modal .modal-btn-close {
    padding: 25px;
  }
} @media only all and (max-width:899px){
  .obox-modal{
    padding: 20px;
  }.obox-modal:not([class*="w-"]),.obox-modal[class*="w-"]{
    top: 100px;
	left: 20px;
  }.obox-modal .header{
	font-size:22px;
	line-height:26px;
	padding:18px;
  }.obox-modal .modal-btn-close {
    padding: 15px;
  }
}
/* --------- none --------- */
.none{
    display:none
}
/* --------- MOB --------- */
@media only all and (min-width:900px){
  .mob-1, .mob-btn{
    display:none
  }
} @media only all and (max-width:899px){
    .mob-0{
    display:none
  }
}