html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#00f;min-height:100vh}

body{overflow:auto;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;background: rgb(0,134,196);
background-image: -moz-radial-gradient(circle, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 56%, rgba(0,63,92,1) 100%);
background-image: -webkit-radial-gradient(circle, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 56%, rgba(0,63,92,1) 100%);
background-image: radial-gradient(circle at 50% 220px, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 25%, rgba(0,63,92,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0086c4",endColorstr="#003f5c",GradientType=1);}
body,p{font-size:16px;line-height:20px;color:#00435e;font-weight:normal;font-family:Calibri,sans-serif,arial,helvetica,trebuchet;margin:0;}

img{height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
img[data-src]{opacity:0;}
svg:not(:root) {overflow:hidden;}
a,a:focus,a:hover,a:active,button,button:hover,button:focus{outline:0;cursor:pointer;}
a{color:#1e78af;}
a:hover,a:focus{color:#85dcff;}
div,p,a,span,button,input,img,svg{box-sizing:border-box;-moz-box-sizing:border-box;}
p{text-align:justify;margin:5px 0 10px;}



.logo{margin:0 auto;width:300px;}
.cntr{margin:5px 0;display:block;font-size:25px;line-height:25px;letter-spacing:0.1em;color:#96dcff;}
.mn{width:100%;max-width:1200px;margin:0 auto;}
.mn>ul{display:flex;margin:0;padding:10px 0;z-index:11;list-style-type:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;}
.mn>ul>li{text-align:center;}
.mn>ul>li>a{padding:10px 20px 0 3px;color:#96dcff;font-size:16px;line-height:18px;text-transform:uppercase;text-decoration:none;letter-spacing:0.05em;}


.telefon,.adres,.email{margin:2px 0;font-size:12px;line-height:15px;color:#1ebeff;text-decoration:none;}
.telefon{background:url(/start/templates/sdo-online/images/telefon.svg) 0 0 no-repeat;background-size:14px;padding:0 0 0 20px;}
.adres{background:url(/start/templates/sdo-online/images/adres.svg) 0 0 no-repeat;background-size:14px;padding:0 0 0 20px;}
.email{background:url(/start/templates/sdo-online/images/email.svg) 0 0 no-repeat;background-size:14px;padding:0 0 0 20px;}

.ostavit-zayavku{display:block;margin:auto;height:auto;background-color:#0a3c4b;text-decoration:none;padding:20px;font-size:18px;color:#1ebeff !important;border-radius:15px;text-align:center;}
.ostavit-zayavku:hover{background-color:#1e6491;}


#container{width:100%;padding:0;margin:0;left:0;right:0;bottom:0;top:0;z-index:10;}


.spm{margin:0;padding:20px;color:#1ebeff;}
.telefon-w,.adres-w,.email-w{display:inline-block;padding:0 0 0 25px;text-decoration:none;}
.telefon-w{background:url(/start/templates/sdo-online/images/telefon.svg) 0 0 no-repeat;background-size:20px;}
.adres-w{background:url(/start/templates/sdo-online/images/adres.svg) 0 0 no-repeat;background-size:20px;}
.email-w{background:url(/start/templates/sdo-online/images/email.svg) 0 0 no-repeat;background-size:20px;}
.g11{display:flex;max-width:1200px;margin:0 auto;}
.g11>div{width:46%;margin:0 2% 30px;}
.zvonok{display:inline-block;font-size:13px;line-height:17px;cursor:pointer;}
.zvonok svg{margin:0 5px -4px 0;cursor:pointer;}
/*
.item-page,.blog,.login,.reset,.profile{ margin:0 auto;padding:20px;width:100%;/*max-width:450px;min-width:300px;min-height:50px;position:absolute;left:0;top:70px;bottom: 0;right: 0;}
*/
.login { margin:0 auto;padding:20px;width:100%; max-width:655px;position:absolute;left:0;top:70px;bottom: 0;right: 0;}
.items-more{font-size:30px;line-height:30px;}
h1,h2,h3,h4,h5,h6{text-align:center;letter-spacing:0.03em;text-rendering:optimizelegibility;font-weight:normal;font-family:open sans,arial narrow,arial;position:relative;}
h1{margin:25px 0 30px 0;font-size:33px;line-height:37px;text-transform:uppercase;color:#1e78af;}
h2{margin:25px 0 15px 0;font-size:31px;line-height:35px;color:#1e78af;}
h3{margin:15px 0 10px 0;font-size:27px;line-height:29px;color:#1e78af;}
h4{margin:15px 0 10px 0;font-size:22px;line-height:25px;color:#1e78af;}
h5{margin:12px 0 8px 0;font-size:20px;line-height:23px;color:#1e78af;}
h6{margin:9px 0 5px 0;font-size:18px;line-height:20px;color:#1e78af;}
strong{font-weight:bold;color:#0a3c4b;}
em{color:#003278;font-weight:bold;}
.sdo-enter,.form-horizontal{
	z-index:100000;
	position:relative;
	padding:0 0 25px 0;
	background:#f5f5f5;
	border-radius:15px;
	text-align:center;
	border:0px solid #1389b9
}
.autorishead{
	background:#1389b9;font-size:22px;line-height:40px;color:#fff;margin-bottom:20px;
	text-align:center;
	border-radius: 15px 15px 0px 0px;
}
input{font-size:17px;line-height:20px;border-radius:8px;margin:0 0 20px;border:1px solid #1389b9;border-radius:5px;background:#f5f5f5;padding:7px 10px;color:#1389b9;}
input:active,input:hover,input:focus{outline:0;outline-offset:0;border:1px solid #14a6e1;background:#fff}

.controls>.btn{margin:10px auto;}
.controls input[type="checkbox"]{width:20px;height:20px;margin:10px 0 -4px 10px;border:2px solid #1389b9;-webkit-appearance:none;background:url(../start/images/switch.svg);background-position:0 0;background-size:20px 40px;padding:0;border-radius:4px;cursor:pointer;outline:none;}
.controls input[type="checkbox"]:checked{background-position:0 -20px;}
.unstyled{list-style-type:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;}
.sdo-enter2>p{text-align:center;}
.pretext p{margin:0px 0 10px 0;font-size:27px;line-height:29px;color:#1e78af;text-align:center;}

#div-pass {
	display:grid;
	grid-template-rows: auto ;
	grid-auto-flow:row;
	/*width: 350px; */
	background:#f5f5f5;
	border-radius:15px;
	text-align:center;
}
#div-reg{
	display:grid;
	grid-template-rows: auto;
	grid-auto-flow:row;
	grid-gap: 10px;
	justify-content: center;
    justify-content: center;
     justify-items: center;
	  align-items: center;
}
#div-prog{display:none;text-align:center;}
#div-account{
	text-align:center;
	background: #F4FECD;
	overflow-y: auto;
	border-radius: 15px;
}
/*.div-list-account {
	display:grid;
	grid-template-columns: repeat(auto-fill, 250px);
	grid-teplate-rows: 250px;
	grid-gap:3px;
}*/
.line-account {
	display:grid;
	grid-template-columns: 55px 250px;
	grid-gap: 5px;
	align-items: center;
	padding:10px;
	/*width: 335px; */
	/*text-align:left;*/
}
.line-account:hover {
	border:solid 1px #14a6e1;background:#fff;
	border-radius: 5px;
	paddig:10px;
}
.control-group {
	display:grid;
	grid-template-columns: minmax(120px,200px) 1fr;
	/*grid-auto-flow:row; */
    grid-gap: 5px;
    justify-content: center;
     justify-items: center;
	  align-items: center;
}
.control-group div {
	padding:10px;
}
#cmd-start,#cmd-reg,#cmd-save{position:relative;cursor:pointer;width:150px;background:#f0f0f0;color:#eee;text-align:center;background:#1389b9;border-radius:5px;padding:7px;margin:0 auto;}

#cmd-start:hover,#cmd-reg:hover,#cmd-save:hover{background:#14a6e1;color:#fff;}
#cmd-reg{display:none;}
.controls .controls-text {text-align: left;font-size: 12px;}

.div-list-prog {
	display:grid;
	grid-template-columns: 600px;
	grid-teplate-rows: 250px;
	grid-gap:5px;
	justify-content: center;
}
.div-option-prog {
	display: grid;
    grid-template-areas:
        " ava-menu progidru"
        " ava-menu prognameru";
    grid-template-columns: 96px 1fr;
    grid-template-rows: 48px 48px;
    border: solid 2px #aaa;
    border-radius: 10px;
    overflow: hidden;
}
}
.div-option-prog:hover {border:solid 1px #14a6e1;background:#00A6A6; color:#00FFFF; }
/*.ava-menu:hover {width:100px;height:100px;border-radius:50px;z-index:999;} */
.ava-menu {
	grid-area: ava-menu;
	border-radius:50%;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
}
.progidru{grid-area:progidru; font-size:75%;color:#777;}
.prognameru{grid-area:prognameru;align-self:center;justify-self:center;}

.ava-account {
	position:relative;
	height: 48px;
	width: 48px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
}
label{position:relative;}
.lab-uname,.lab-password{width:29px;height:29px;display: block;content:' ';margin:0px 0 -32px 68px}
.lab-uname{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 29 29'%3e%3ccircle fill='%231389B9' cx='14' cy='5' r='5'/%3e%3cpath fill='%231389B9' d='M23.945 23c0 8-20 8-20 0C3.945 19 4 12 14 12s9.945 7 9.945 11z'/%3e%3c/svg%3e")}
.lab-password{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 29 29'%3e%3cpath fill='%231389B9' d='M10 10V8c0-2.481 2.019-5 4.5-5S19 5.519 19 8v2h3V7.5A7.5 7.5 0 0 0 14.5 0 7.499 7.499 0 0 0 7 7.5V10h3zM22 12H7c-1.65 0-3 1.35-3 3h21c0-1.65-1.35-3-3-3z'/%3e%3cg fill='%231389B9'%3e%3cpath d='M7 29h15c1.65 0 3-1.35 3-3H4c0 1.65 1.35 3 3 3zM4 17h21v7H4z'/%3e%3c/g%3e%3c/svg%3e");}