@charset "utf-8";
body {position: relative; margin: 0;  padding: 0; }
/* body.mycard {background: #ffefc9; background: linear-gradient(131deg, #ffefc9, #e5eaf8 48%, #ebebed 63%, #f7edd9 90%, #faedd2); } */
body.mycard {background: #ffefc9  url(/images/school/site/background.png) 100% 100% no-repeat; background-size:cover;background-attachment:fixed;}
body.main { background:#ffffff no-repeat top;}
body.main .back {
    top:0px;
    left:0px;
    position: absolute;
    width:100%;
    height:745px;
    background:url(/images/school/main/fon.png) no-repeat top right;
    z-index:-1;
}
body.mycard.system { background:#ffffff url(/images/school/main/pattern.png) repeat;}
body.mycard.modal { background:#ffffff;}
body.mycard.modal .fckblk, body.mycard.modal .hfile { padding-left:10px; padding-right:10px;}
body .mifors-obj-attr-cintainer input, body .mifors-obj-attr-cintainer textarea {width:100%; max-width:400px; box-sizing: border-box;}
/* body.mycard.modal .mifors-obj-attr-cintainer {padding-left:10px;padding-right:10px;} */
body.mycard.modal .divSelectLi {padding-left:10px;padding-right:10px;}
body,table,div,p,button,input,select,textarea {font-family:Rubik, PT Sans, sans-serif; color:#171D33;}
/* body,table,div,p,button,select,textarea {line-height:1.15em} */
/* body.mycard input {line-height:1.15em} */
body,table,div,p {font-size:16px;}
button {text-align:center;}
input {font-size:16px;}
select,textarea {font-size:16px;}

.mycard.system table,.mycard.system div,.mycard.system p{font-size:14px;}

.mycard-main {width:100%; max-width:1200px;margin:0px auto;z-index:2;}
.mycard-system-main {width:auto; min-width:999px; max-width:1200px;margin:0px auto;}

.overlay {  position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 100000;  background-color: rgba(0,0,0,0.43); overflow: auto; -webkit-overflow-scrolling: touch;}

.mycard-first-enter {
	position:absolute; z-index:100001;
	min-width:810px;
	max-width:1375px;
	width:60%;
	left:150px;
	right:100px;
	display:none;
}
.first-enter-image{position:relative;}

.images-container {position:relative;max-width:1375px;max-height:825px;}
.first-enter-close{position:absolute;right:-25px;top:-10px;cursor:pointer;}
.mycard-next-email-block {left:0px; right:0px; top:180px; position:absolute; text-align:center;}
.mycard-next-email-block p {font-size: 26px; color: #fff;}
.mycard-next-email-block p.f14 {font-size: 14px;}
.mycard-next-email-block p.f14 a{color: #FF8100;}
.mycard-next-email-block p.f14 .mycard-error{display:none;color:#ea2c2c;}

.mycard-next {left:0px; right:0px; bottom:80px; position:absolute; text-align:center;}
.mycard-next.last {left:0px; right:0px; bottom:280px; position:absolute; text-align:center;}
.mycard-next span {width:100px;font-weight:bold;cursor:pointer;padding: 11px 15px;font-size: 20px;}
.mycard-next span.prelast {width:150px;font-weight:bold;cursor:pointer;padding: 11px 15px;font-size: 20px;}
.mycard-next span.last {width:220px;font-weight:bold;cursor:pointer;padding: 11px 15px;font-size: 25px;}

.right-back-panel{width:19px;position:absolute;z-index:1000;right:17px;top:300px;background:rgba(255, 255, 255, 0.8);border-radius: 9.5px;padding-top:4px;padding-bottom:4px;}
.back-select-point{width: 10px;height: 10px; background-color: #f5a623; border-radius: 5px;margin-left:4px;cursor:pointer;}
.back-no-select-point{width: 10px;height: 10px; background-color: #c0c0c0; border-radius: 5px; margin-left:4px;cursor:pointer;}


h1, h1 a {font-size:32px;text-transform:uppercase;font-weight: normal;margin:0px;}
h2 {font-size:22px;font-weight: normal}
h3 {font-size:18px;font-weight: bold;}
h4 {font-size:16px;font-weight: bold}
h5 {font-size:13px;font-weight:bold;text-transform:uppercase; margin-top: 10px; margin-bottom: 6px;}
a,.mycard-link {font-size:14px; text-decoration:none;cursor:pointer;color:#5365E5;}
a.f18 {font-size:18px;}
a.f16,.mycard-link.f16 {font-size:16px;}
a.f12 {font-size:12px;}
a.delete, .mycard-link.delete {color: #ea2c2c;}
a.white, .mycard-link.white {color: #ffffff;}

/* a:link {color: #718cdd;} */
a:hover,.mycard-link:hover {color: #FF9900;}
a.active-header { background: #F1F5FF;border-radius: 10px; }
a.delete:hover, .mycard-link.delete:hover{color: #ea2c2c;text-decoration:underline;}
a.white:hover, .mycard-link.white:hover{color: #ffffff;text-decoration:underline;}
/* a:visited {color: #718cdd;} */
/* a:active {color: #718cdd;}  */

.f12, .f12 a {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f32 {font-size:32px;font-weight: bold;font-family: 'OpenSans';}

.w100p {width:100%;}
.h100p {height:100%;}

.h60{height:60px;}
.w60{width:60px;}
.w110{width:110px;}
.w140{width:140px;}
.w200{width:200px;}
.w220{width:220px;}
.w290{width:290px;}
.w740{width:auto;width:742px;}
.w365{width:auto;width:365px;}
.w380{width:auto;width:380px;}
.w270{width:270px;}
.w400{width:400px;}
.w630{width:630px;}
.w800{width:auto;max-width:760px;}
.w1p{width:3%;height:100%;}
.mycard-main.pre-compact .w1p {display:none;}

.p2{padding:2px;}
.p5{padding:3px 5px 3px 5px;}
.pr5{padding-right:5px;}
.pr15{padding-right:15px;}
.pr29{padding-right:29px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl17{padding-left:17px;}
.pl40{padding-left:40px;}
.pl80{padding-left:80px;}
.pl120{padding-left:120px;}
.pl150{padding-left:150px;}
.pb5{padding-bottom:3px;}
.pb10{padding-bottom:10px;}
.pb16{padding-bottom:16px;}
.pb80{padding-bottom:80px;}
.pt0{padding-top:0px;}
.pt5{padding-top:3px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt60{padding-top:60px;}
.pt116{padding-top:116px;}


.mt0{margin-top:0px;}
.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt7{margin-top:7px;}
.mt9{margin-top:9px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt21{margin-top:21px;}
.mt25{margin-top:25px;}
.mt32{margin-top:32px;}
.mt35{margin-top:35px;}
.mt39{margin-top:39px;}
.mt44{margin-top:44px;}
.mt58{margin-top:58px;}
.mt60{margin-top:60px;}
.mt61{margin-top:61px;}
.mt140{margin-top:140px;}

.ml0{margin-left:0 !important;}
.ml2{margin-left:2px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml21{margin-left:21px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml42{margin-left:42px;}

.mr0{margin-right:0 !important;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr21{margin-right:21px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb23{margin-bottom:23px;}
.mb25{margin-bottom:25px;}
.mb50{margin-bottom:50px;}

.opac{opacity: 0.7;}
.rubber{max-width: 100%;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.over{overflow:hidden;}
.inline{display:inline-block;}
.vtop{vertical-align:top;}
.clear{clear:both;}
.hide{display:none;}
.ihide{display:none !important;}
.cursor{cursor:pointer;}
.fleft{float:left;}
.fright{float:right;}
.abs{position:absolute;}
.lineh{line-height:1.15em}

.carolina-blue {color:#82b3ff;}
.pinkish-grey {color:#d1d1d1;}
.turtle-green {color:#88bd4e;}
.lawn-green {color:#5fa80a;}
.dark-sky-blue {color:#4a90e2;}
.windows-blue {color:#3970c6;}
.greyish-brown {color:#646157;}
.medium-blue {color:#305fa7;}
.warm-grey {color:#9b9b9b;}
.lite-grey {color:#646257;opacity:0.7;}
.orange-red {color:#ea2c2c;}

.f-black {
	color: #171D33;
}

.mycard-profile-number{display:none;}

.mycard-help {font-size:12px;color:#9b9b9b;}
.mycard-error {font-size:12px;color:#ea2c2c;}
.mycard-error-head {font-size: 21px;text-align: left;color: #ea2c2c;}
.mycard-tab-active {font-size:12px;color:#3970c6;text-align:center;}
.mycard-tab-no-active {font-size:12px;color:#9b9b9b;text-align:center;}
.mycard-input, .k-dropdown.mycard-input{padding:6px 9px 11px 7px !important; border: solid 1px #c1c1c1; background-color: #ffffff;border-radius:3px;text-align:left !important}
.mycard-input:hover, .k-dropdown.mycard-input:hover{border: solid 1px #8A8A8F;}
.mycard-input:focus, .k-dropdown.mycard-input:focus{box-shadow: 0 0 4px 0 #5365E5; -o-box-shadow: 0 0 4px 0 #5365E5; -moz-box-shadow: 0 0 4px 0 #5365E5; -webkit-box-shadow: 0 0 4px 0 #5365E5; -ms-box-shadow: 0 0 4px 0 #5365E5; border: solid 2px #5365E5;}

.mycard-input.active{border: solid 1px #cecece;}
.mycard-input.error{border: solid 2px #ea2c2c;}
.mycard-input.noinput{border: 0px none;}
.mycard-input.disabled{background-color: #e9e9e9;border: solid 1px #cecece;font-size: 16px;color: #9b9b9b;}
.mycard-input.k-datepicker {background: #ffffff;padding:0px;border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.mycard-input.k-datepicker .k-picker-wrap{padding:0px;border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.k-picker-wrap .mycard-input.k-input {box-sizing:border-box; height:40px; padding:6px 0px 8px 7px; border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
/* .mycard-input .k-picker-wrap .k-select{border-right:1px solid #cecece; border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;} */
#registerForm .mycard-input{box-sizing: border-box;}

.k-dropdown.mycard-input {padding:0px; border: 0px none;border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.k-dropdown.mycard-input .k-dropdown-wrap{padding:3px 9px 4px 7px; border: solid 1px #cecece; background-color: #ffffff;border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.k-dropdown.mycard-input:focus .k-dropdown-wrap{-o-box-shadow: 0 0 4px 0 #718cdd; -moz-box-shadow: 0 0 4px 0 #718cdd; -webkit-box-shadow: 0 0 4px 0 #718cdd; -ms-box-shadow: 0 0 4px 0 #718cdd; border: solid 1px #718cdd;}

.mycard-button-yellow{font-size: 16px;display:inline-block; cursor:pointer; border:0px none; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background: linear-gradient(269.91deg, #FBBE00 0.09%, #FE9800 99.93%);box-shadow: 0px 4px 20px rgba(23, 29, 51, 0.15);width: 202px;height: 43px;color: white;}
.mycard-button-yellow:hover{background: #FF9900;}
.mycard-button-greyyellow{font-size: 16px;text-transform:uppercase;display:inline-block; cursor:pointer; min-width: 80px; padding:11px 15px 11px 15px; border:0px none; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #fee56a; opacity: 0.5;}
.mycard-button-greyyellow:hover{background-color: #f6dc5a;}
.mycard-button-greybr{font-size: 16px;text-transform:uppercase;display:inline-block; cursor:pointer; min-width: 80px; padding:5px 10px 6px 10px;  border: solid 2px #eaeaea; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #f7f7f7;}
.mycard-button-white-block{font-size: 16px;text-transform:uppercase;cursor:pointer; min-width: 80px; padding:5px 10px 6px 10px;  border: solid 2px #fff; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #fff;}
.mycard-button-white-block:hover,.mycard-button-white:hover{background-color: #f7f7f7; border: solid 2px #cccccc;}

.mycard-button-white_b{margin-left:10px;font-size: 16px;text-transform:uppercase;display:inline-block; cursor:pointer; min-width: 80px; padding:6px 10px 7px 10px; border:0px none; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;}
  
.mycard-button-greybr-block{font-size: 16px;text-transform:uppercase;cursor:pointer; min-width: 80px; padding:5px 10px 6px 10px;  border: solid 2px #eaeaea; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #f7f7f7;}
.mycard-button-yellow-block{font-size: 16px;text-transform:uppercase;cursor:pointer; min-width: 80px; padding:6px 10px 7px 10px; border:0px none; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background: linear-gradient(269.91deg, #FBBE00 0.09%, #FE9800 99.93%);box-shadow: 0px 4px 20px rgba(23, 29, 51, 0.15);}
.mycard-button-yellow-block:hover{background: #FF9900;}
.mycard-button-grey{font-size: 16px;text-transform:uppercase;display:inline-block; cursor:pointer; min-width: 80px; padding: 2px 10px 3px 10px;  border: solid 2px #eaeaea; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #f7f7f7;}

.mycard-button-white{font-size: 16px;text-transform:uppercase;display:inline-block; cursor:pointer; min-width: 80px; padding: 2px 10px 3px 10px;  border: solid 2px #fff; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align: center;background-color: #fff;}

.mycard-button-grey.no-active{background-color: #eaeaea;cursor:none;color:#BFBEBB;}

.mycard-header { position:sticky;position: -webkit-sticky; top: 0;background: #fff;display: flex;z-index: 10;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); }
.mycard-header .logo { padding:8px 0 4px 0; }
.mycard-header .logo img { height: 50px }
.mycard-header > div { display: flex;align-items: center; }
.mycard-header-menu > a { display: inline-block;font-size: 14px;padding: 7px 10px;color: #171D33; border-radius: 20px}
.mycard-header-menu > a:last-child { color: #5365E5 }
.mycard-header-menu > a:hover { color: #FF9900;background:#F9FAFE }

.mycard-contacts { margin: 50px 40px 0 130px; }
.mycard-contacts-adress { background: #E4F4FF }
.mycard-contacts-head div { padding:7px 10px;display:inline-block;cursor: pointer; }
.mycard-contacts-head div.active { background:#fff;cursor: auto;border-radius: 10px; }
.mycard-contacts select { background:#fff;border: 1px solid #C1C1C1;border-radius: 3px; }

/** Main Page */
.icon-variants-school-card-first {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/variants-1.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/variants-1@2x.png) 2x);
background-image: image-set(url(/images/school/main/variants-1@2x.png) 2x);
}
.icon-variants-school-card-second {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/variants-2.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/variants-2@2x.png) 2x);
background-image: image-set(url(/images/school/main/variants-2@2x.png) 2x);
}
.icon-variants-school-card-three {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/variants-3.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/variants-3@2x.png) 2x);
background-image: image-set(url(/images/school/main/variants-3@2x.png) 2x);
}
.icon-variants-school-accessory-first {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/accessories-1.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/accessories-1@2x.png) 2x);
background-image: image-set(url(/images/school/main/accessories-1@2x.png) 2x);
}
.icon-variants-school-accessory-second {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/accessories-2.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/accessories-2@2x.png) 2x);
background-image: image-set(url(/images/school/main/accessories-2@2x.png) 2x);
}
.icon-variants-school-accessory-three {height: 200px;width: 200px;background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/accessories-3.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/main/accessories-3@2x.png) 2x);
background-image: image-set(url(/images/school/main/accessories-3@2x.png) 2x);
}
.icon-capabilities-first {height: 400px; background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/site/capabilities.jpg) no-repeat center;
background-image: -webkit-image-set(url(/images/school/site/capabilities@2x.png) 2x);
background-image: image-set(url(/images/school/site/capabilities@2x.png) 2x);
}
.icon-main-boy {height: 600px; background-repeat: no-repeat;background-size: auto 100%; 
background: url(/images/school/main/variants.jpg) no-repeat right center;
background-image: -webkit-image-set(url(/images/school/main/variants@2x.png) 2x);
background-image: image-set(url(/images/school/main/variants@2x.png) 2x);
}
.icon-main-girl {height: 600px; background-repeat: no-repeat; background-size: auto 100%; 
background: url(/images/school/main/accessories.jpg) no-repeat right center;
background-image: -webkit-image-set(url(/images/school/main/accessories@2x.png) 2x);
background-image: image-set(url(/images/school/main/accessories@2x.png) 2x);
}
.mycard-main.main {max-width:1225px;padding-left:16px;padding-right:16px;box-sizing:border-box;}
.mycard-main.main h1 {font-size:38px;text-transform:none;font-weight: normal;margin:0px;}
.mycard-main-logo {display: inline-block; width:100%;height:62px;background:url(/images/school/site/Logo.svg) no-repeat top;}
/*.mycard-main-head {height:745px;}*/
.mycard-main-head { height: 700px;background-repeat: no-repeat;background-position: top right;background-size: auto 100%; 
background: url(/images/school/main/b93111e5e2e9d94bd210.png) no-repeat right center;
background-image: -webkit-image-set(url(/images/school/main/b93111e5e2e9d94bd210@2x.png) 2x);
background-image: image-set(url(/images/school/main/b93111e5e2e9d94bd210@2x.png) 2x);
}
.mycard-main-head .main-head-left { height: 100%;display: inline-block;width: 50%; background: url(/images/school/main/bg.svg) no-repeat center 75px;background-color: white;}

.mycard-main-body {height:100%;}
.mycard-main-contact {float:right;height:70px;vertical-align:middle;margin-right:68px;}
.mycard-head-contact{display:inline-block;margin-left:40px;}
.mycard-main-email {padding-left:32px;margin-top:27px;float:right;height:22px;margin-right:68px;
	background:url(/images/school/main/icon-mail.png) no-repeat left center;color: #3970c6;font-size:17px;}
.mycard-main-phone {display:block;padding-left:32px;margin-top:27px;float:right;height:22px;
	background:url(/images/school/main/icon-phone.png) no-repeat left center;color: #3970c6;font-size:17px;}
.mycard-main-content-mobile {padding:18px 9px;float:right;width:107px;background-color: #fffdd2;}
.mycard-main-mobile {display:block;color:#4a4a4a; padding-left:32px;background:url(/images/school/main/icon-mobile.png) no-repeat left center;}

#feedbackframe {
	display:none;
	margin:0px;width:100%;height:650px;border:0px none;
}

.k-window { border-radius:10px !important }

.mycard-main-phone-container {padding: 12px 0;margin-left: 38px;}
.main-feautures-service .head { font-size: 32px;text-align: center;margin: 30px 0;font-family: 'OpenSans';font-weight: bold;}
.main-feautures-service .items { text-align: center }
.main-feautures-service .items a { display: inline-flex;width: 31.2%;height: 150px;border: 2px solid #E8EAFF;border-radius: 20px;margin: 15px;align-items:center;background-color: #F1F5FF;vertical-align: top; }
.main-feautures-service .items a:hover { background: linear-gradient(263.8deg, #86A8FF 17.43%, #5564E5 93.86%);text-decoration: none; }
.main-feautures-service .items a:hover div { color:#fff }
.main-feautures-service .items div.text {
	flex-grow: 1;
	text-align: left;
	font-size: 20px;
	margin-left: 20px;
	width: 65%;
}
.main-feautures-service .items div.image {
	width: 35%;
	margin: 0 30px;
	position: relative;
}
.main-feautures-service .items div.image div {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	filter: blur(12px);
	position: absolute;
	z-index: 1;
	border-radius: 100%;
}
.main-feautures-service .items div.image img { width: 100%;position: relative;z-index: 2; }

.mycard-btn-feedback { position: fixed;top: 580px;z-index: 9;right: 11px;cursor: pointer;border-radius: 48px;background: url(/images/school/site/feedback.svg);width:48px;height:48px }
.mycard-btn-feedback:hover { background: url(/images/school/site/feedback-hover.svg) }


.main-info-block { display: flex; }
.main-info-block .content-info { flex-grow: 1;position: relative;display: flex;align-items: center; }
.main-info-block .content-info img { width: 100%;border-radius: 20px; }
.main-info-block .content-info .title { font-size: 32px;position: absolute;top: 0;font-family: 'OpenSans';font-weight: bold }
.main-info-block .content-info .carusel { width: 100%; }
.main-info-block .content-info .carusel_container { width: 100%;display: flex;justify-content: space-between; }
.main-info-block .content-info .carusel_item { border-radius: 15px;display: flex;position:relative }
.main-info-block .content-info .carusel_item div { background: #5365E5;position:absolute;height:100%;width:100%;top:0;color: white;
font-size: 32px;text-align: center;display: flex;align-items: center;justify-content: center;z-index: -1;border-radius: 20px; }
.main-info-block .content-info .carusel_item:hover div { z-index: 0 }
.main-info-block-1 { background: url(/images/school/main/variants.svg) no-repeat bottom;background-size: 100%;padding: 50px 0; }
.main-info-block-2 { background: url(/images/school/main/accessories.svg) no-repeat bottom;background-size: 100%;padding: 50px 0; }
.main-info-block-1 .img-info { margin-left: 40px; }
.main-info-block-2 .img-info { margin-right: 40px; }
.main-info-block .img-info {
	width: 40%;
	border-radius: 20px;
	background-color: red;
}

.mycard-main-login-container, .mycard-main-register-container {
	margin:24px auto; max-width:350px;text-align:center;padding:35px 20px;
	border-radius: 10px;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;
	background-color: #ffffff;
	border: solid 1px #cecece;
	box-sizing: border-box;
	box-shadow: 0px 4px 30px rgba(67, 74, 134, 0.1);
}

.mycard-main-container { padding: 15px 0; }
.main-application .head { font-size: 32px;text-align: center;font-family: 'OpenSans';font-weight: bold }
.main-application .content { display: flex;align-items: center;justify-content: center; }
.main-application .app-store, .main-application .app-google { display: flex;flex-direction: column;justify-content: center; }

/*.mycard-main-register-container {margin-top:24px; width:320px;text-align:center;padding:20px;
	border-radius: 10px;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;
	background-color: #ffffff;
	border: solid 1px #cecece;
}*/
.news_container { max-width: 700px;margin:auto }
.news_container > div { margin-bottom: 30px;line-height: 1.5; }
.news_container .year { display: inline-block;margin: 5px; }
.news_container .year a, .news_container .year span { padding: 7px 10px;
display: inline-block;
font-size: 16px; }
.news_container .year.current { background: #F1F5FF;
border-radius: 10px; }
.news_container .news-content { display:none }
#news-window {padding-top: 0;margin-top: -20px;line-height: 1.5;}
#news-window h2 { margin-top:0;font-size: 20px; }
#news-window .b_date { font-size: 16px;color: #8A8A8F; }

.login-head,.info-head{font-size:28px;position: relative;}
.mycard-cabinet-footer .login-head img { height:50px }
/* .login-tabs{margin-top:30px;} */
/* .login-tab{display:inline-block;padding:6px 0px 7px 0px; cursor:pointer; width:238px;border: solid 1px #305fa7;border-radius: 1px; font-size:14px;} */
/* .login-tab.active {background-color: #305fa7;color: #ffffff; } */
.login-forgot{/* width:480px; */margin-top:10px; /* margin-left:85px;  */text-align:right; margin-right:10px;}
.login-tab-container{margin-top:10px;}
.mycard-main.main .login, .mycard-main.main .passwd {width: 100%;height: 38px;box-sizing: border-box;}
.mycard-main.main .enter { font-size: 16px;cursor:pointer; width: 100%;height: 42px; border:0px none; border-radius: 7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;background-color: #fee56a;}
.mycard-main.main .enter:hover{background-color: #f6dc5a;}
.mycard-main.main .passwd {margin-top:16px;}
.mycard-main.main .enter {margin-top:24px;}

.mycard-main-errors-container {width:650px; margin-top:10px; }
.mycard-main-errors-container>div {width:482px; text-align:left; margin: 0 auto; margin-bottom:5px;color: #ffffff;background-color: #ff2424;padding:10px;border-radius:3px;box-sizing:border-box;}
    
.mycard-main-errors-container .mycard-fields-error, .mycard-main-errors-container .mycard-processing-error{font-size: 14px;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
}

.radio-tabs{}
.radio-tab{display:inline-block;padding:6px 0px 7px 0px; cursor:pointer; width:162px;border: solid 1px #305fa7;border-radius: 1px; font-size:14px;text-align:center;}
.radio-tab.active {background-color: #305fa7;color: #ffffff;text-align:center; }

.mycard-main-info-container {margin:0 auto;}
.info-landing {}
.info-feature-block {width:33%;display:inline-block;vertical-align: top;text-align:center;position:relative;}
.info-land-block {width:24%;display:inline-block;vertical-align: top;text-align:center;}
.info-land-block a{display:inline-block;margin-top:15px;}
.info-module-block{
	vertical-align: bottom;
	top:0px;width:100%;color: #f5a623;font-size: 14px;position:absolute;
	height: 338px;
	background-image: linear-gradient(to bottom, rgba(255, 246, 247, 0), #ffffff);
}
.info-module-block .ramka{height:310px;}
.info-number-text{display:inline-block;max-width:240px; min-width:180px;width:auto;text-align:center; vertical-align: top; font-size: 16px;}

.mycard-hide-tarif{display:none;}
.mycard-hide-tarif-2{display:block;position:absolute;width:100%;height:100%; background:#ffffff;opacity:0.1;top: 0px;}

.mycard-blur-tarif-2 td, .mycard-blur-tarif-2 h2{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.mycard-service-child-item-2{display:none;}

.mycard-mobile-app {vertical-align:top;margin-top:60px;}
.mobile-head{display:inline-block;margin-top:18px;width:266px;}
.soc-vk-button,.soc-fb-button{display:inline-block;height:32px;width:32px;vertical-align:top;line-height:2.9em;}
.soc-fb-button{margin-left:25px;}
.soc-vk-button span {display:inline-block;padding-left:35px;height:38px;background:url(/images/school/main/vk.svg) no-repeat center left;}
.soc-fb-button span {display:inline-block;padding-left:35px;height:38px;background:url(/images/school/main/fb.png) no-repeat center left;}

.soc-vk-button:hover span {background:url(/images/school/site/VK-active.png) no-repeat center left;}
.soc-fb-button:hover span {background:url(/images/school/site/FB-active.png) no-repeat center left;}

.android-button{display:inline-block;height:44px;width:219px;vertical-align:top;line-height:2.9em;}
.android-button span{display:inline-block;padding-left:39px;height:44px;background:url(/images/school/main/android.png) no-repeat center left;}
.ios-button span{display:inline-block;padding-left:39px;height:38px;background:url(/images/school/main/apple.png) no-repeat center left; }



.ios-button{display:inline-block;height:44px;width:200px;vertical-align:top;line-height:2.9em;}
a.ios-button span,a.android-button span,a.add-profile span, a.opacity span {color: #B1B0AA;}

.android-button:hover span{background:url(/images/school/site/android-active.png) no-repeat center left; color: #646157; text-decoration:underline;}
.ios-button:hover span{background:url(/images/school/site/apple-active.png) no-repeat center left; color: #646157; text-decoration:underline;}

.mycard-legal-info {height:28px;margin-top:50px;margin-bottom:30px;}
.mycard-legal-info-text{text-align:center;height:28px;line-height:1.77em;display:inline-block}
.mycard-legal-info-text p {font-size: 13px;}
.main .mycard-legal-info-text p {margin:0px;margin-left:-16px;margin-right:-16px;background-color: #F5F3EF;}
.mycard-cabinet-legal-info {vertical-align:bottom; position:relative;display: inline-block;}
.mycard-cabinet-legal-info-main {vertical-align:top; position:relative;}
.mycard-cabinet-legal-info-main .mycard-info-ur {position:absolute;right:0px;top:10px;width:127px;background:url(/images/school/site/urgerb.svg) no-repeat center left;padding-left:55px;font-size: 11px;}
.mycard-cabinet-legal-info .mycard-info-ur {text-align: left; width:127px;background:url(/images/school/site/urgerb.svg) no-repeat center left;padding-left:55px;font-size: 11px;}

.mycard-last-news{background:url(/images/school/site/proz.png); border-radius: 10px;width: 500px;padding:10px 15px 15px 15px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.mycard-last-new-head{font-size: 14px;color: #9b9b9b;text-align:left;text-transform:uppercase;}
.mycard-last-new-time{font-size: 14px;color: #9b9b9b;text-align:left;text-transform:uppercase;}
.mycard-last-new-info{display:block; font-size: 14px;color: #646157 !important; text-align:left;margin-top:9px;overflow: hidden; width:200px;}
.mycard-all-news{display:block;margin-top:0px;margin-bottom:24px;}


/**Cabinet Pages*/
.mycard-cabinet-head{height:32px;background-color: #FCFCFD; padding:10px 32px 30px 32px;}
.mycard-cabinet-menu{background-color: #FCFCFD; padding:0px 32px 24px 32px;}
.mycard-cabinet-footer-wrap{padding-left:32px;padding-right:16px;background: #F9FAFE}
.mycard-cabinet-footer{ padding:80px 0px 15px 0px;background-color: #F9FAFE;}
.mycard-cabinet-footer a { font-size: 16px }
.mycard-cabinet-body{height:100%; padding:0px 32px 0px 32px;}
.mycard-cabinet-logo{float:left; display:inline-block; height: 50px; width: 97px; background:url(/images/school/site/Logo.svg) no-repeat top;}
.mycard-cabinet-logo.cabinet{background:url(/images/school/site/Logo.svg) no-repeat top; background-size: 97px 50px;}

.mycard-account-user{float:right;}
.mycard-account-exit{ display:inline-block; margin-left:20px;}
.mycard-account-alert{display:inline-block;position:relative;}
.mycard-account-alert img {cursor:pointer;}
.mycard-account-alert #headMessCount {position:absolute;min-width:20px;padding:5px 0;background:#f6a623;border-radius:50%;display:none;top:-10px;right:-10px;color:#fff;font-size:10px;text-align:center;}
.mycard-account-options{display:inline-block; margin-left:20px;}
.mycard-nav-options{width:18px;height:18px;display:inline-block; background:url(/images/school/site/grey.png) no-repeat center;}
.mycard-nav-options:hover{ background:url(/images/school/site/settings-active.png) no-repeat center;}
.mycard-head-position{float:left;margin-left:50px;}
.mycard-head-position span{margin-left:10px; display:inline-block;padding-bottom:1px; padding-left:1px; padding-right:1px; border-bottom:2px dotted #979797; font-size:16px;}
.mycard-head-position img{display:inline-block;}
.mycard-head-phone{float:left;margin-left:50px;margin-top: 5px;}

.cabinet-menu-item-content{display:inline-block;padding:3px 8px;background:none;border:0px none;}
.cabinet-menu-item-content a{display:inline-block;padding:6px 15px;background:none;border:0px none;font-size:16px; color:#646157;}
.cabinet-menu-item-content.active{display:inline-block;padding:0px 8px;border-bottom:3px solid #fee56a;font-weight: bold;}
.cabinet-menu-item-content.active a {padding:6px 15px;background-color: rgba(254, 229, 106, 0.2);font-weight: bold;font-size:16px; color:#646157;}
.cabinet-menu-item-content a:hover{padding:6px 15px;background-color: rgba(254, 229, 106, 0.2);font-size:16px; color:#646157;text-decoration:none;}
/* .cabinet-menu-item-content a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
} */








.k-widget.k-listview {
	border:0px none;
	background:none;
}
.mycard-profile-item{
	height:360px;
	/* min-width:1019px; */
	
	width:100%;
	border-radius: 15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;
	background-color: #ffffff;
	border: solid 1px #c0c0c0;
	padding:20px;
}

.mycard-service-block td{ padding:10px 20px 10px 0px;}
#bibliolist {
	max-width: 1024px;
	margin: 0 auto;
}

#bibliolist.k-widget, #bibliolist.k-widget .k-header, #bibliolist.k-widget .k-grid-header, #bibliolist.k-widget td, #bibliolist.k-widget tr{
	border:0px none;
	background:none;
}
#bibliolist.k-widget .k-header {
	border-bottom:1px solid #dbdbde;
}

#bibliolist.k-widget .k-header  > .k-link {
	font-size: 16px;
}
#bibliolist.k-widget .k-header > .k-link{
	padding-right:37px;
}
#bibliolist.k-widget .k-header[data-dir] > .k-link{
	padding-right:10px;
}
#bibliolist.k-widget .k-header[data-dir]  > .k-link {
	font-size: 16px;
	color:#000;
}
#bibliolist.k-widget td.red1{
	color:red;
}
#bibliolist.k-widget td:first-child,#bibliolist.k-widget th:first-child {
	padding-left: 0px;
}
#bibliolist.k-widget .k-grid-header th > .k-link > .k-icon {
	margin-left: 10px;
	margin-top: 4px;
}

.mycard-profiles-list .mycard-profile-item{
	box-sizing: border-box;
	margin-bottom:24px;
}
.mycard-item-head {
	font-size: 32px;
	color: #718cdd;
	display:inline-block;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mycard-item-number {
	opacity: 0.7;
	display:inline-block;
	margin-left:15px;
	vertical-align: top;
	margin-top: 17px;
}
.mycard-short-profile-nick {
	display:inline-block;
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mycard-profile-title-line .mycard-item-head{
	max-width: 400px;
}
.mycard-profile-info .mycard-item-number{
	vertical-align: middle;
	margin-top: 0px;
}

.mycard-item-bill{
	font-size: 24px;
	display:inline-block;
}
.mycard-item-bill div{font-size: 24px;margin-left:10px;}
.mycard-item-bill .negative {color:#ea2c2c;}

.mycard-item-pay {
	width:119px;
	padding-top:7px;
	height:27px;
	box-sizing:border-box;
}

.add-profile span{display:inline-block;padding-left:38px;height:28px;background:url(/images/school/site/add.png) no-repeat center left; }
.add-profile span:hover{text-decoration:underline;}
.add-profile{margin-top:0px; margin-left:7px; display:inline-block; height:30px; width:200px; vertical-align:top; line-height:1.9em;}

/* opacity: 0.3; padding-left:43px;  */
.mycard-service, a.mycard-service{font-size:16px;line-height: 2em; margin:4px 0px; color:#646157;vertical-align:top; display:inline-block;}
.mycard-service div {display:inline-block; opacity: 0.3; }
.mycard-service span {display:inline-block;}
.mycard-service span,.mycard-service div {float:left;height:32px;}
.mycard-service .service-img  {width:43px; }
.mycard-service-2{background:url(/images/school/site/sms.png) no-repeat center left;}
.mycard-service-2.active1{opacity: 1;}
.mycard-service-3{background:url(/images/school/site/push.png) no-repeat center left;}
.mycard-service-3.active1{opacity: 1;}
.mycard-service-4{background:url(/images/school/site/transport-card.png) no-repeat center left;}
.mycard-service-4.active1{opacity: 1;}
.mycard-service-5{background:url(/images/school/site/insurance.png) no-repeat center left;}
.mycard-service-5.active1{opacity: 1;}
.mycard-service-6{background:url(/images/school/site/insurance.png) no-repeat center left;}
.mycard-service-6.active1{opacity: 1;}
.mycard-service-10{background:url(/images/school/site/education.png) no-repeat center left;}
.mycard-service-10.active1{opacity: 1;}

.mycard-service-onoff{background:url(/images/school/site/off.png) no-repeat center left; line-height: 2em; width: 42px;height: 28px;margin-right:20px; margin-top:7px; float:right;}
.mycard-service-more{line-height: 2em; width: 42px;height: 28px;margin-right:80px; margin-top:7px; float:right;}
.mycard-service-onoff.active1{background:url(/images/school/site/on.png) no-repeat center left;}

.mycard-history-event{width:32px;height:32px;margin-left:10px;}
.mycard-history-event1{background:url(/images/school/site/enter.png) no-repeat center left;}
.mycard-history-event2{background:url(/images/school/site/enter.png) no-repeat center left;}
.mycard-history-event3{background:url(/images/school/site/food.png) no-repeat center left;}
.mycard-history-event4{background:url(/images/school/site/bus.png) no-repeat center left;}


.mycard-avatar-content{
	width: 128px;
	height: 128px;
	float: left;
	margin-right:20px;
	border-radius: 128px;-webkit-border-radius:128px;-moz-border-radius:128px;-ms-border-radius:128px;-o-border-radius:128px;
	overflow: hidden;
	position:relative;
	border:3px solid #D0D0D0;
}
.mycard-avatar-content:hover{opacity:0.7;}
.mycard-avatar-content-small{
	width: 48px;
	height: 48px;
	float: left;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 48px;-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius:48px;
	overflow: hidden;
	position:relative;
	border:2px solid #D0D0D0;
}
.mycard-avatar{}
.mycard-avatar-short{}

.profile-history-short {
	overflow:hidden;
	height:300px;
}
.history-time{
	opacity: 0.7;
	padding: 4px 0px 3px 0px;
}

#priceWindow.k-window-content{
	padding:0px;
}
#priceWindow.k-window-content table {border-collapse:collapse;border:0px none; margin:0px;padding:0px;}
#priceWindow.k-window-content td {margin:0px;padding:10px;}
#priceWindow.k-window-content td.price {text-align:right;}

#priceWindow.k-window-content td.itogo { background-color: #f7f7f7;}

div.k-window {border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}
.k-window .k-window-titlebar.k-header .k-window-title { color: #646157;font-size: 22px;}
.k-window .k-window-titlebar {background: none; border:0px none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;position: relative;z-index: 1;}
.k-window .k-window-content { background: none; border:0px none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;}


.mycard-history-full-item {
	position:relative;
	border-bottom:1px solid #ececec;
}
.mycard-history-full-item.headerdata1{
	padding-top: 30px;
}

.mycard-history-time{
	position:absolute;
	margin-top:-20px;
	font-weight:bold;
}

#lentaview, #lentapaysview{
	max-width:800px;
	margin:0 auto;
}

table.fiscalcheckinfo, table.fiscalchecklist {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

table.fiscalcheckinfo td {
	font-size:14px;
	color:#646257;opacity:0.7;
}

table.fiscalchecklist td {
	font-size:14px;
	color:#646257;opacity:0.7;
	border:1px dotted #646257;
	padding:5px;
}
table.fiscalchecklist td.head {background:#f1f1f1;opacity:0.9;text-align:center;}

.mycard-filter-line{background-color: #f7f7f7;margin-left: -32px;margin-right: -32px;height:54px;margin-bottom:25px;}

.mycard-filter-line .filter td {
	height:38px;
	padding:8px;
	/* padding-bottom:1px; */
}
.mycard-filter-line .filter {
	margin:0 auto;
	max-width:800px;
}

.mycard-filter-type {display:inline-block;width:32px;height:32px;cursor:pointer;}
.mycard-filter-type-3 {margin-right:23px;background:url(/images/school/site/food-not-active.png) no-repeat center left; }
.mycard-filter-type-3.active,.mycard-filter-type-3:hover {background:url(/images/school/site/food-active.png) no-repeat center left; }
.mycard-filter-type-4 {margin-right:23px; background:url(/images/school/site/transport-not-active.png) no-repeat center left; }
.mycard-filter-type-4.active,.mycard-filter-type-4:hover  {background:url(/images/school/site/transport-active.png) no-repeat center left; }
.mycard-filter-type-12 {background:url(/images/school/site/enter-not-active.png) no-repeat center left; }
.mycard-filter-type-12.active,.mycard-filter-type-12:hover  {background:url(/images/school/site/enter-active.png) no-repeat center left; }

.mycard-center-info {margin:0 auto;max-width:750px;padding-top:30px;padding-bottom:30px; text-align:center;}

.mycard-profile-help-line{background-color: #f7f7f7;margin-left: -32px;margin-right: -32px;}

.mycard-profile-title-line{background-color: #f7f7f7;margin-left: -32px;margin-right: -32px;height:176px;}
.mycard-back-link{position: absolute;left: 0;top: 10px;}
.mycard-profile-title-line .mycard-profile-title {margin:0 auto;max-width:600px;margin-top:-20px;}


.mycard-profile-info-line{margin-left: -32px;margin-right: -32px;}
.mycard-profile-info-line .mycard-profile-info {margin:0 auto;max-width:600px;padding-top:15px;padding-bottom:15px;}
.mycard-profile-info-hotline{margin-top:30px; margin-bottom: -55px}
.mycard-profile-info-line .mycard-held-info, .mycard-profile-info-hotline .mycard-held-info {margin:0 auto;max-width:300px;padding-top:15px;padding-bottom:15px;}
.mycard-profile-services-manage, .mycard-profile-paymets-list {margin:0 auto;max-width:800px;}

.mycard-help{cursor:pointer;display:inline-block;width:18px;height:18px;margin-left:10px;background:url(/images/school/site/help.png) no-repeat center left;background-size:18px auto;margin-top: 11px;}
.mycard-help.active{background:url(/images/school/site/helpactive.png) no-repeat center left;background-size:18px auto;}

.mycard-show-password{cursor:pointer;display:inline-block;width:22px;height:22px;margin-left:10px;background:url(/images/school/site/showpassword.svg) no-repeat center left;background-size:100%;margin-top: 11px;}

.help-info-popup{z-index: 1;position:absolute;width: 414px; background-color: #718cdd; padding:12px 10px 18px 12px;border:0px none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.help-info-popup-arr{position:absolute;background:url(/images/school/site/help-arr.png) no-repeat center left;margin-top: -25px;margin-left: 26px;width: 22px;height: 13px;}
.help-info-popup-text{font-size: 14px;text-align: left;color: #ffffff;}


.payment-time{opacity: 0.7;margin-bottom:6px;}
.filter-child-names {width:180px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.filter-period-names {width:150px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.filter-block{background:url(/images/school/site/further-down.png) no-repeat 95% center; }
.filter-block.active{background: #eaeaea url(/images/school/site/further-top.png) no-repeat 95% center;}

.filter-child-names-list{position:absolute;width:220px;max-height:80px;overflow:auto;background-color: #ffffff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-o-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);z-index:10;}
.filter-child-period-list{position:absolute;width:200px;max-height:80px;overflow:auto;background-color: #ffffff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-o-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);z-index:10;}
.filter-child-names-list div, .filter-child-period-list div {height:40px;cursor:pointer;}

.filter-block-list  div.even{background-color: #fef8dd;}
.filter-block-list .child-on {background:url(/images/school/site/check-box.png) no-repeat center; width:38px}
.filter-block-list  .child-off {background:url(/images/school/site/check-box-off.png) no-repeat center; width:38px}
.filter .filter-child-names-list td, .filter .filter-child-period-list td {padding:0px;}

.bottom-line-table td {border-bottom:1px solid #eaeaea;}
.bottom-line-table .no-border td {border-bottom:0px none;}

.service-transport {background:url(/images/school/site/transport-card@2x.png) no-repeat center left;width:64px;height:64px;}
.service-sms {background:url(/images/school/site/sms@2x.png) no-repeat center left;width:64px;height:64px;}
.service-push {background:url(/images/school/site/push@2x.png) no-repeat center left;width:64px;height:64px;}
.service-insurance {background:url(/images/school/site/insurance@2x.png) no-repeat center left;width:64px;height:64px;}
.service-education {background:url(/images/school/site/education@2x.png) no-repeat center left;width:64px;height:64px;}

.mycard-services-controles .service td {padding-top:16px;}
.mycard-services-controles .no-border td {padding-top:0px;}
.mycard-services-controles .service p, .mycard-services-controles .service .like-p {opacity: 0.7;}

.mycard-services-child-typelist{height:116px;overflow:hidden;}

.more-link{display:inline-block;padding-right:28px; background: url(/images/school/site/further-down.png) no-repeat 95% center;}
.more-link.active{background: url(/images/school/site/further-top.png) no-repeat 95% center;}
.hot-line{margin-bottom:9px;}
.hot-line.lastchild{margin-bottom:0px;}
.hot-line * {display:inline-block;}
.hot-line img {margin-right:10px;}

.divSelectLi {border-top: 1px solid #C1C1C1;padding: 26px 20px 26px 0;line-height: 1.5; }
.divSelectLiTitle{margin-left:7px;padding-bottom:3px;display:inline-block;}
.divSelectLiTitle {color:#171D33; font-size: 20px;}
.divSelectLiTitle.active {color: #FF9900;}

#mycard-help-tabstrib.k-tabstrip, #transport-tabstrib-service.k-tabstrip {
	border:0px none;
}
#mycard-help-tabstrib.k-tabstrip > .k-content, #transport-tabstrib-service.k-tabstrip > .k-content{
	padding:0px;
	margin:0px;
	border:0px none;
	/* padding-left:20px;
	padding-right:32px; */
	padding-top:20px;
}

#mycard-help-tabstrib.k-tabstrip .k-tabstrip-items,#transport-tabstrib-service.k-tabstrip .k-tabstrip-items{
	padding:0px;
	padding-left: 20px;padding-right: 32px;
	height: 54px;
}
#mycard-help-tabstrib.k-tabstrip .k-tabstrip-items .k-state-default,#transport-tabstrib-service.k-tabstrip .k-tabstrip-items .k-state-default{
	height: 54px;
	border:0px none;
	background:none;
	border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;
}
#mycard-help-tabstrib.k-tabstrip .k-tabstrip-items .k-state-active,#transport-tabstrib-service.k-tabstrip .k-tabstrip-items .k-state-active{
	height: 54px;
	border:0px none;
	background:#eaeaea;
	border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;
}

#mycard-help-tabstrib.k-tabstrip .k-tabstrip-items span, #transport-tabstrib-service.k-tabstrip .k-tabstrip-items span {border:0px none;}
#mycard-help-tabstrib.k-tabstrip .k-tabstrip-items .k-link, #transport-tabstrib-service.k-tabstrip .k-tabstrip-items .k-link {font-size:16px;line-height: 2.8em;border:0px none;padding-left:20px;padding-right:20px}

.mifors-obj-attr-cintainer{padding-bottom:24px;padding-left:10px;padding-right:10px;}
.mifors-obj-attr-cintainer input,.mifors-obj-attr-cintainer textarea,.mifors-obj-attr-cintainer select {border: solid 1px #cecece;padding:6px 10px 10px 11px;width:400px;}
.mifors-obj-attr-cintainer input {border: solid 1px #cecece;padding:6px 10px 10px 11px;width:400px;}
.transport-service-item:hover{background:#eaeaea;}

#layerContent p {margin-top:0px;margin-bottom:5px;}

.activeBank {padding:16px 30px;text-align:center;cursor:pointer;}
.activeBank .small img{width:50px;}
.activeBank .small div{margin-bottom:2px;}
.activeBank:hover {background-color: #fef8dd;}
.pay-garant{cursor:pointer;display:inline-block;padding-right:28px; background: url(/images/school/site/further-down.png) no-repeat 95% center;}
.partner {float:left; width:200px;height:200px;vertical-align:center;text-align:center;}
.partner img {max-width:180px;}

#losscardtypeview {
	/*display: flex;*/
}
#losscardtypeview .mycard-carrier{
	/*display: inline-flex;
	flex: content;
	flex-direction: column;
	flex: 0 0 33%;*/
	display:block;
	width:32%;
	height: 155px;
	box-sizing:box-content;
	border: solid 1px #fff;
	cursor:pointer;
	float: left;
}

#losscardtypeview .mycard-carrier:hover, #losscardtypeview .mycard-carrier.active{
	background-color: #fef8dd;
	border: solid 1px #f5a623;
}

#losscardtypeview .carrier-type {
	height:80%;
	width:100%;
}
	
.mycard-insurance-button{
	text-align:center;
	width: 495px;
	height: 71px;
	padding-top:20px;cursor:pointer;
}
.mycard-insurance-button:hover {
	background-color: #fef8dd;
}
.mycard-tariff{
	float:left;
	text-align:center;
	width: 240px;
	height: 190px;
	box-sizing:box-content;
	border: solid 1px #fff;
	cursor:pointer;
}

.mycard-tariff:hover,.mycard-tariff.active{
	background-color: #fef8dd;
	border: solid 1px #fef8dd;
}

.tariff-type-0{margin:0 auto;margin-top:18px;background:url(/images/school/site/month.png) no-repeat center;width:115px;height:118px;}
.tariff-type-1{margin:0 auto;margin-top:18px;background:url(/images/school/site/year.png) no-repeat center;width:115px;height:118px;}

.tariff-name{font-size: 16px;margin-top:10px;}

.carrier-type{flex-grow: 1;background-size: auto 100% !important;}
/**.carrier-type-9{margin:0 auto;background:url(/images/school/site/trincket.png) no-repeat center;width:84px;height:98px;}
.carrier-type-10{margin:0 auto;background:url(/images/school/site/bangle.png) no-repeat center;width:84px;height:98px;}
.carrier-type-12{margin:0 auto;background:url(/images/school/site/sticker.png) no-repeat center;width:84px;height:98px;}
.carrier-type-7{margin:0 auto;background:url(/images/school/site/card.png) no-repeat center;width:84px;height:98px;}
.carrier-type-8{margin:0 auto;background:url(/images/school/site/sticker.png) no-repeat center;width:84px;height:98px;}*/
.carrier-price{font-weight: bold;font-size: 14px;}
.carrier-name{font-size: 14px;text-align: center;}

.mycard-cabinet-body .k-pager-wrap {
	width:200px;
	margin:0 auto;
    background: none;
    border: 0px none;
    text-align: center;
    padding-top: 35px;
	line-height:1.25em;
}

.mycard-cabinet-body .k-pager-numbers .k-link, .mycard-cabinet-body .k-pager-numbers .k-state-selected {
    width: 20px;
    min-width: 20px;
    background: none;
    border: 0px none;
	color: #718cdd;
	line-height:1.25em;
	font-size:16px;
	margin-right:8px;
}
.mycard-cabinet-body .k-pager-numbers .k-link:hover {
	color: #ffffff;
	border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;
	background-color: #f5a623;
}

.mycard-cabinet-body .k-pager-numbers .k-state-selected {
    color: #ffffff;
	border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;
	background-color: #f5a623;
}

.k-window-titlebar .k-window-action.k-link{
	width:15px;height:15px;
	margin-right: 4px;
}
.k-window-action.k-link.k-state-hover,  .k-window-action.k-link.k-state-hover:hover{
	border:0px;
	background:none;
	width:15px;height:15px;
	padding:2px;
}
.k-window-action.k-link.k-state-hover .k-icon.k-i-close {
	background:url(/images/school/site/close.png) no-repeat center;width:15px;height:15px;
	border:0px;
}

.k-window-action .k-icon.k-i-close {
	background:url(/images/school/site/close.svg) no-repeat center;width:15px;height:15px;
	border:0px;
}

.mycard-window-info{width:670px;height:350px;position:relative;padding:10px;}
.mycard-window-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background:url(/images/school/site/close.png) no-repeat center;width:15px;height:15px;
	border:0px;
    cursor: pointer;
    z-index: 1000;
}
.mycard-window-text {
	text-align:left;
	width:660px;
}

.mycard-mobile-imitation {
	border-bottom:1px solid #e7e4e8;
	margin-left:15px;
	padding-bottom:8px;
}
#apimap a{font-size:11px;}


.hide{display:none;}

div#addserviceView .mycard-profile-item {height:auto;}

.loading-wrap {
    width: 60px; 
    height: 60px;
    position: absolute;
    top: 50%; 
    left: 50%;
    margin: -30px 0 0 -30px;
    background: #777;      
    -moz-animation: rotation ease-in-out 2s infinite;
    -webkit-animation: rotation ease-in-out 2s infinite;
    -ms-animation: rotation ease-in-out 2s infinite;
    animation: rotation ease-in-out 2s infinite;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
 
.triangle1, .triangle2, .triangle3 {
    border-width: 0 20px 30px 20px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #67cbf0;
    height: 0; width: 0;
    position: absolute;
    left: 10px; 
    top: -10px;
    -moz-animation: fadecolor 2s 1s infinite;
    -webkit-animation: fadecolor 2s 1s infinite;
    -ms-animation: fadecolor 2s 1s infinite;
    animation: fadecolor 2s 1s infinite;
}
 
.triangle2, .triangle3 {
    content: '';
    top: 20px; 
    left: 30px;
    -moz-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
 
.triangle3 {
    left: -10px;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
@-moz-keyframes rotation {
    0% {-moz-transform: rotate(0deg);}
    20% {-moz-transform: rotate(360deg);}
    100% {-moz-transform: rotate(360deg);}	
}
 
@-webkit-keyframes rotation {	
    0% {-webkit-transform: rotate(0deg);}
    20% {-webkit-transform: rotate(360deg);}
    100% {-webkit-transform: rotate(360deg);}
}
 
@-ms-keyframes rotation {
    0% {-webkit-transform: rotate(0deg);}
    20% {-webkit-transform: rotate(360deg);}
    100% {-webkit-transform: rotate(360deg);}	
}		
 
@keyframes rotation {
    0% {transform: rotate(0deg);}
    20% {transform: rotate(360deg);}
    100% {transform: rotate(360deg);}
}          
 
@-moz-keyframes fadecolor {	
    0% {border-bottom-color: #eee;}
    100%{border-bottom-color: #67cbf0;}
}
 
@-webkit-keyframes fadecolor {
    0% {border-bottom-color: #eee;}
    100%{border-bottom-color: #67cbf0;}
}
 
@-ms-keyframes fadecolor {
    0% {border-bottom-color: #eee;}
    100% {border-bottom-color: #67cbf0;}
}		
 
@keyframes fadecolor {
   0% {border-bottom-color: #eee;}
   100%{border-bottom-color: #67cbf0;}
}

.ml155 {margin-left:155px;}

.loadingAddservice {text-align:center;height:140px;position:relative;}

div#addserviceView div.pitem-head {overflow:hidden;margin-bottom:20px;}
div#addserviceView div.pitem-head div.pitem-client {float:left;width:50%;}
div#addserviceView div.pitem-head div.pitem-client table td:first-child {width:148px;}
div#addserviceView div.pitem-head div.pitem-parent {float:left;width:50%;}

div#addserviceView div.clientaddservices {margin-left:155px;}
div#addserviceView div.clientaddservices table {width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:20px;}
div#addserviceView div.clientaddservices table td.addname a {font-size:18px;text-decoration:underline;}
div#addserviceView div.clientaddservices table td.lastpay {width:200px;}
div#addserviceView div.clientaddservices table td.pay {width:150px;}
div#addserviceView div.clientaddservices table td.edit {width:32px;}
div#addserviceView div.clientaddservices table td.del {width:32px;}

div#addserviceWindow table.payhistorytab {width:100%;border-spacing:0;border-collapse:collapse;;}

div#addserviceWindow div.addservicesWrap table {width:100%;}
div#addserviceWindow div.addservicesWrap table tr td:last-child {width:120px;}

div#addserviceModelWindow table {width:100%;border-spacing:0;border-collapse:collapse;}
div#addserviceModelWindow table td:first-child {width:20%;padding:10px 0;}
div#addserviceModelWindow table input {width:100%;}

div.addlabelwrap {margin:10px 0;}
.center {text-align:center;}
.mr20 {margin-right:20px;}

div#addserviceModelWindow table input[name="paspser"],div#addserviceModelWindow table input[name="paspnum"],
div#addserviceModelWindow table input[name="amountrub"],div#addserviceModelWindow table input[name="amountkop"] {width:auto;}

div#addserviceModelWindow table td div.inputwrap:last-child {margin-left:10px;}
span.numsign {margin-left:20px;}

div#addserviceModelWindow div.inputwrap {display:inline-block;position:relative;}
div#addserviceModelWindow div.inputwrap span.k-invalid-msg {position:absolute;left:0;top:100%;}

div#addserviceModelWindow div.parentdatawrap {margin-bottom:20px;}

div#addserviceModelWindow input[type="checkbox"] {display:none;}
div#addserviceModelWindow input[type="checkbox"] + label {cursor:pointer;display:inline-block;vertical-align:top;position:relative;top:3px;font-weight:normal;padding-left:30px;}
div#addserviceModelWindow input[type="checkbox"]:checked + label:before {content:"✔";background:#f6dc5a;}
div#addserviceModelWindow input[type="checkbox"] + label:before {content:" ";display:inline-block;vertical-align:top;position:absolute;left:0;top:-1px;height:20px;width:20px;border-radius:5px;text-align:center;}
div#addserviceModelWindow input[type="checkbox"]:not(checked) + label:before {content:'';position:absolute;top:-1px;left:0;width:20px;height:20px;border:1px solid #CDD1DA;border-radius:5px;background:#FFF;box-shadow:0 2px 4px 1px rgba(0, 0, 0, 0.2) inset;}
div#addserviceModelWindow input[type="checkbox"]:not(checked) + label {position:relative;padding:0 0 0 35px;}

.disblock {display:block;}
.mb4 {margin-bottom:4px;}

.widthAuto {width:auto;}

#parent_data {/*border:solid 1px #c0c0c0;border-radius:15px;padding:20px;*/margin:20px 0;}
/*#parent_data .parent-head {font-size:32px;color:#718cdd;}*/

div.adsbtns {text-align:center;margin-top:20px;}

div.addservicesWrap div.adsitems input[type="radio"] {display:none;}
div.addservicesWrap div.adsitems input[type="radio"]:not(checked) + label {display:block;padding:10px 5px;border:solid 1px #fff;cursor:pointer;}
div.addservicesWrap div.adsitems input[type="radio"]:checked + label {background:#fef8dd;border:solid 1px #f5a623;display:block;padding:10px 5px;cursor:pointer;}
div.addservicesWrap div.adsitems input[type="radio"]:disabled + label {background:#fedddd;border:solid 1px #f52a23;display:block;padding:10px 5px;cursor:default;}

.ap_note {color:#f00;margin:10px 0;font-weight:bold;}

tr.asitem td {border-bottom:1px solid #c0c0c0;}

.apayinfo {width:100%;}
.apayinfo td {padding:5px;}

.ml10 {padding-left:10px;}

#autoPayorderWrap {margin-top:10px;}
#delAutoPayorder {margin-top:10px;}

div#clientDropAutopayorderWindow input[type="checkbox"] {display:none;}
div#clientDropAutopayorderWindow input[type="checkbox"] + label {cursor:pointer;display:inline-block;vertical-align:top;position:relative;top:3px;font-weight:normal;padding-left:30px;}
div#clientDropAutopayorderWindow input[type="checkbox"]:checked + label:before {content:"✔";background:#f6dc5a;}
div#clientDropAutopayorderWindow input[type="checkbox"] + label:before {content:" ";display:inline-block;vertical-align:top;position:absolute;left:0;top:-1px;height:20px;width:20px;border-radius:5px;text-align:center;}
div#clientDropAutopayorderWindow input[type="checkbox"]:not(checked) + label:before {content:'';position:absolute;top:-1px;left:0;width:20px;height:20px;border:1px solid #CDD1DA;border-radius:5px;background:#FFF;box-shadow:0 2px 4px 1px rgba(0, 0, 0, 0.2) inset;}
div#clientDropAutopayorderWindow input[type="checkbox"]:not(checked) + label {position:relative;padding:0 0 0 35px;}
div#infoMessagesWindowOverlay{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.4);z-index:1000;top:0;display:none;}
div#infoMessagesWindow {width:416px;;border-radius:10px;position:absolute;z-index:1001;display:none;top:40px;right:-50px;background:#fff;padding:10px;}
div#infoMessagesWindow:before {cursor:default;content:"";position:absolute;z-index:1000;top:-15px;right:50px;margin-left:0px;border-top:0px solid #BBBAB8;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid white;}
div#infoMessagesWindow .mesWinMesWr {padding:20px 20px 20px 30px;}
div.aftermeslink {text-align:center;}

div.infomessagecCategory {margin-bottom:20px;}
div.infomessagecCategory input[type="radio"] {display:none;}
div.infomessagecCategory input[type="radio"] + label {cursor:pointer;display:inline-block;font-weight:normal;padding:5px 10px;margin-right:30px;background:#f7f7f7;border:1px solid #f7f7f7;}
div.infomessagecCategory input[type="radio"]:checked + label {background:fef8dd;border:1px solid #f5a623}
div.infomess {cursor:pointer;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
div.infomess:hover {background:#e0e0e0;}
div.infomess td {vertical-align:top;}
div.infomess.status_0 {font-weight:bold;}
div.infomess span.priorimportant {display:inline-block;width:20px;height:20px;background:url(/images/school/site/importantmessage.svg);}
div.infomess div.messicon {width:32px;height:32px;}
div.infomess div.messicon.cat_0 {background:url(/images/school/site/persmess.svg);}
div.infomess div.messicon.cat_1 {background:url(/images/school/site/moneymess.svg);}
div.infomess div.messicon.cat_2 {background:url(/images/school/site/servicemess.svg);}
#infomessageWindow div.infomess {cursor:default;}
#infomessageWindow div.infomess:hover {background:#fff;}

.main-features-service div {
	display: inline-block;
	background: #F1F5FF;
	border: 2px solid #E8EAFF;
	border-radius: 15px;
	width: 370px;
	height: 150px;
}

.switchDiv {
	width: 28px;
	height: 28px;
	background: url(/images/school/site/add.svg);
	border-radius: 28px
}
.switchDiv.active, .switchDiv.active:hover {
	background: url(/images/school/site/close.svg);
	background-color: transient;
}
.switchDiv:hover {
	background: url(/images/school/site/add-hover.svg);
	background-color: #FF9900;
}

.three-part-1 { width: 50%;margin: auto;aspect-ratio: 16/9;  }
.three-part-1 img { width:100%; height:auto }
/*.three-part-2, .three-part-3 { display: inline-block;width: 49.5%;vertical-align: top; }
.three-part-3 .hfile { margin-bottom: 15px; }*/
.three-part-2 { display:flex;flex-wrap:wrap }
.three-part-2 > div { width:50%;box-sizing: border-box; }
.three-part-2 h1 { font-size: 24px;color: #171D33;text-transform: none;font-family: 'OpenSans'; }
.three-part-2 li { margin-bottom:5px }

.three-col-1 { width: 50%;margin: auto;aspect-ratio: 16/9;margin-bottom: 40px;  }
.three-col-2, .three-col-3 { display: inline-block;width: 49.5%;vertical-align: top;box-sizing: border-box;line-height:1.5 }
.three-col-2 h1, .three-col-3 h2 { font-size: 24px;text-transform: none;margin-top: 0;font-weight: bold;font-family: 'OpenSans'; }
.three-col-3 .hfile { margin-bottom: 15px; }

.mycard-tarif { border: 2px solid #C1C1C1;border-radius: 20px;box-sizing:border-box;padding: 24px;text-transform: none;margin-bottom: 24px;line-height:1.5 }
.mycard-tarif h1 { font-size: 24px;margin-bottom: 18px;text-transform: none;font-weight: bold;font-family: 'OpenSans'; }
.mycard-tarif h2 { font-size: 20px;font-family: 'OpenSans';font-weight:bold }
.mycard-tarif .blue { font-size: 20px;color: #5365E5; }
.mycard-tarif .gray { font-size: 20px;color: #8A8A8F; }
.mycard-tarif .mini { font-size: 14px;color: #8A8A8F; }
.mycard-tarif li { margin-bottom: 5px; }
.mycard-tarif.tarif-1 { background: url(/images/school/site/tarif-1.svg) no-repeat right top }
.mycard-tarif.tarif-2 { background: url(/images/school/site/tarif-2.svg) no-repeat right top; margin-bottom: 40px}
.mycard-tarif table { border-collapse: collapse; }
.mycard-tarif table tr { border-bottom: 1px solid #C1C1C1; }
.mycard-tarif table tr:last-child { border-bottom: none }
.mycard-tarif table td { padding: 16px 0 }
.mycard-tarif table td .boy { background: url(/images/school/site/boy.svg) no-repeat;padding-top: 50px;margin-top: -50px; }
.mycard-tarif table td .children {background: url(/images/school/site/boy.svg) no-repeat, url(/images/school/site/girl.svg) no-repeat 35px 0;padding-top: 50px;margin-top: -50px; }
.mycard-tarif table td .boy.mobile { background: none;display:block !important }
.mycard-tarif table td .children.mobile {background: none;display:block !important }

.mycard-feature { clear: both;line-height: 1.5; }
.mycard-feature .title { font-size: 24px;width: 50%;float:right;font-family: 'OpenSans';font-weight:bold }
.mycard-feature.right .title { float:none }
.mycard-feature .image { width: 50%;text-align: center;float:left }
.mycard-feature .image img { position: relative; }
.mycard-feature.right .image { float:right }
.mycard-feature .description { width: 50%;float:right }
.mycard-feature.right .description { float:none }
.mycard-feature .description li { margin-bottom: 5px; }
.mycard-feature .space { clear: both;height:40px }
.mycard-feature .subfuture { display: block;border-radius: 5px;padding: 5px;background-color: #FDFFE6 !important; }

.capabilities-fon { text-align: center;margin-bottom: 40px;text-align: center;
margin-bottom: 40px;
background: url(/images/school/site/capabilities-fon.svg);
background-size: auto 70%;
background-repeat: repeat-x;
background-position-y: center; }

.footer-container { display:flex }
.footer-container > div { width:25% }
.footer-container .footer-column div { margin-bottom:25px }
.divSelect { box-sizing: border-box; }
div.divSelect { padding-left: 30px;line-height: 1.5; }

.mobile, #mycard-toggle-icon { display:none !important}

/*.mycard-cabinet-footer-wrap { background: #F9FAFE }*/

.divider {
	border-top:1px solid #8c8c8c;
	padding-top:20px;
}
a.gosuslugi-auth {
  background-image: url('/images/gosuslugi.png');
  display: block;
  width: 100%;
  background-size: 100%;
  height: 64px;
  background-repeat: no-repeat;
}

.app-download-buttons {
	display: none	
}
.app-btn-block {
  height: 34px;
  background-color: #F1F5FF;
  display: flex;
  padding: 9px 19px
}
.app-btn-text-part {
  width: 80%;
  color: #8A8A8F;
  font: SF UI Display;
  text-align: left
}
.app-btn-img-part {
	width: 20%;
	display: flex;
	justify-content: end;
}

@media all and (max-width: 600px) {
	.main-feautures-service .head { font-size: 20px; }
	.mycard-header .logo img { height: 62px }
	.mycard-main-head { background: #fff !important }
	.mycard-main-head .main-head-left { width: 100%;background: none; }
	.main-feautures-service .items a { width:100%;margin:15px 0  }
	.main-info-block-1, .main-info-block-2 { background:none;overflow: hidden; }
	.main-info-block .content-info { align-items: start;flex-direction: column;width: 100%;text-align: center;overflow: hidden; }
	.main-application, .main-info-block .img-info { display:none }
	.main-info-block .content-info .title { position: static;width:100%;font-size:20px;margin-bottom: 16px; }
	.main-info-block .content-info .carusel { overflow-x: scroll;overflow-y: hidden;margin-bottom: -20px;padding-bottom: 20px; }
	.main-info-block .content-info .carusel_container { width: 700px; }
	.k-window { width: 100% !important }
	.mycard-cabinet-footer { min-width: auto; }
	.footer-container { display:flex;flex-direction: column; }
	.footer-container > div { width:100% }
	.mycard-feature .image img, .capabilities-fon img { width: 100%;height: auto; padding-top: 20px}
	.mycard-feature { display: flex;flex-direction: column;padding: 0 20px;margin-bottom: 32px; }
	.mycard-feature .image, .mycard-feature .description, .mycard-feature .title { float:none;width:100% }
	.mycard-feature .description { order: 3;box-sizing: border-box; }
	.mycard-feature .image { order: 2 }
	.mycard-feature .title { order: 1;text-align: center;margin-bottom:16px }
	.mycard-feature .space { display:none }
	.mycard-tarif { background: none !important;border:none }
	.mycard-tarif .blue { display:block }
	.mycard-tarif h1 { text-align:center }
	.mycard-tarif tr { display:block;float:left }
	.mycard-tarif td { display:block;margin-bottom: 15px;width: 100%; }
	.mycard-tarif table, .mycard-tarif div, .mycard-tarif p { font-size: 14px; }
	.mycard-tarif table tr { margin-top: 30px;padding-bottom: 15px; }
	.mycard-contacts-header { padding:0 }
	.mycard-contacts-header td, .mycard-contacts-content td { display: block;width: 100%;box-sizing: border-box; }
	.mycard-contacts-adress { background: #fff }
	.mycard-contacts { margin: 20px; }
	.mycard-contacts-head div { color: #8A8A8F }
	.mycard-contacts-head div.active { color: #171D33 }
	.news_container { margin: 20px }
	.mycard-toogle { display:none }
	.mycard-header .mycard-main.main { flex-direction: column;display:none;position: fixed;width:100%;height:100%;background:#fff;top: 44px;text-align: center;padding-top: 50px; }
	.mycard-header-menu { display: flex;flex-direction: column; }
	.mycard-main-phone-container { margin:0 }
	.mycard-header-menu a { text-align: center;margin: 5px; }
	.three-col-2, .three-col-3 { width:100%;padding:20px }
	.three-col-1 { width:calc(100% - 40px); }
	.mycard-header-menu > a:last-child { margin-top:32px }
	.mobile { display:inline-block !important }
	.mycard-toggle-icon-label { background:url(/images/school/site/mobile-menu.svg) no-repeat center;background-color: #fff;display: block;width: 28px;height: 28px;cursor: pointer;padding:8px; }
	.mycard-toggle-icon-label.transparent { background-color:  #f1f7ff;box-shadow: none; }
	.header-mobile-space { flex-grow: 1;background: #fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); }
	.header-mobile-space.transparent { background: #f1f7ff;box-shadow: none; }
	#mycard-toggle-icon:checked ~ .mycard-toogle { display: block !important; }
	#mycard-toggle-icon:checked ~ .header-mobile-space { background:#fff !important;box-shadow:none }
	#mycard-toggle-icon:checked ~ .mycard-toggle-icon-label { background-image:url(/images/school/site/close.svg) !important;background-color: #fff }
	.mycard-header .mycard-main-phone-container { display:none }
	.header-space { height:50px }
	.mycard-header { position:fixed;width: 100%;box-shadow: none;background: none; }
	.mycard-btn-feedback { top:auto;bottom:20px }
	.mycard-tarif { padding: 16px 0;margin: 0 20px 24px 20px;background:#fff !important }
	.mycard-tarif h2 { margin:0 }
	.mycard-tarif table td .boy, .mycard-tarif table td .children { padding: 0 0 0 100px;margin:0 }
	.mycard-tarif table td .boy.mobile { background: url(/images/school/site/boy.svg) no-repeat; }
	.mycard-tarif table td .children.mobile { background: url(/images/school/site/boy.svg) no-repeat, url(/images/school/site/girl.svg) no-repeat 35px 0; }
	.f32 {font-size:24px;}
	.mycard-tarif h1 { font-size:20px; }
	.three-col-2 h1, .three-col-3 h2 { font-size: 20px; }
	.capabilities-fon { background:none }
	#news-window h2 { font-size: 16px; }
	.divSelectLi { padding: 26px 20px }
	.hot-line.lastchild:last-child { margin-bottom:32px }
	.capabilities-fon-mobile { background: url(/images/school/site/capabilities-fon.svg) no-repeat center center; background-position: top;}
	.app-download-buttons {display: block}
 	.mycard-main-head { min-height: 700px; height: auto;background-repeat: no-repeat;background-position: top right;background-size: auto 100%;
}