.logic li {padding-bottom:20px;margin-bottom:20px; border-bottom:1px dotted grey}
.logic li li {padding-bottom:10px;margin-bottom:0px; border-bottom:none}
	.logic li ul {margin-top:20px}
.logic  {font-size:18px; }
.logic  a {text-decoration:none; padding:5px}
.logic  a:hover {background-color:yellow}



.cit a:link,.cit a:visited {color: #000;text-decoration: none;border-bottom: 1px dotted #000;}
.cit a:hover,.cit a:active {color: #de5712;text-decoration: none;border-bottom: 1px dotted #de5712;}
	.ask-about {text-align: center;}
		.first .kurs-price {display:none;}
		.first .price2 {background:none; padding:0; margin:0; width:80%; margin:0 auto}
		.first .ask-about {clear:both}
		.first .cit { float:left;  margin-bottom:30px}
		.first #kiiv {width:40%;}
		.first #bro, .first #bor {width:30%}
		.first .cit #bro,.first .cit #bori {display:block}
		.first .choo {display:none;}
		.first .ask-about {margin-top:20px}
	@media only screen and (max-width:800px){
		.first #kiiv,
		.first #bro, 
		.first #bor  {float:none; width:auto}
	}


	.ask-about{font-size: 16px;}
	.or {color: #de5712}
	.big {font-size:31px}
	.mid {font-size:16px; text-align: left;}
	.choo {font-size:16px; margin: 10px 0 20px 0;}
	.choo a {margin:0 5px}
.choo a:link,.choo a:visited {color: #de5712; text-decoration:none; border-bottom:1px dashed #de5712;}
.choo a:hover,.choo a:active {color: black; text-decoration:none; border-bottom:1px dashed black; cursor:pointer}
.ask-about a:link, .ask-about a:visited {color: #000; text-decoration:none; border-bottom:1px dashed #000;}
.ask-about a:hover, .ask-about a:active {color: blue; text-decoration; border-bottom:1px dashed blue; cursor:pointer}

	.prav {color: #dcdcdc !important;
    text-decoration: none;
    background: #657e8a;
    padding: 5px 10px;
    border-radius: 5px;
}
	.learn {color: #7d7d7d;}
.rules {font-size: 14px; color: #227157;margin: -5px auto 19px auto;display: block;}
	.prostir {text-align: center; padding:50px 0; margin:50px 0;}
	.content.mainPage .main {max-width:100%; width:100%}
	.pr-grey {background-color:#f5f7f8}
	.content.mainPage .kursy.main {max-width: 1200px;width: 95%;}
	.pr-grey .check {background-color:#708693}
	.pr-grey .check:hover {background-color:#526b77}
	.pr-grey .kurs-padd {background-color:#fff}
	.fones {border-bottom:1px solid grey}
.fones {border-bottom: 1px solid #cecece;padding-bottom: 20px;}
.uvajno {color:rgb(5, 134, 35); font-size:18px}
.mar1{float:left;width:30%}
.mar2{float:right;width:65%}
.mar2 h2 {margin-top:0}
.logo img {width:240px;}
.mit2 h4 {margin: 0;} 
a, input, div {transition: all 0.3s ease 0s;}
.check {margin-top: 30px;background-color: #ff9c00;color: #fff;padding: 17px 5px;text-transform: uppercase;border-radius: 7px;text-align: center;font-size: 14px;}
.check:hover {background-color: #ff7800;cursor:pointer;}


.ages {background-color: #657e8a; color:#fff; font-size: 17px;padding: 5px;border-radius: 5px;width: 180px; margin: 0 auto; margin-top: 15px;}
.kurs {width:25%;float:left;font-family: "Oswald",tahoma, sans-serif; font-size: 22px;line-height: normal;text-align:center }
.kurs a {text-decoration:none; color:#000;}
.kurs-padd {position:relative;background-color: #f5f7f8; padding:6% 3%; margin:1%;}
.kurs .kurs-img img {transition: 1s}
.kurs:hover {cursor:pointer}
.kurs:hover .kurs-img img {transform: scale(1.1)}

@media only screen and (min-width:767px) and (max-width:1200px){body{border-top:1px solid magenta}
	.kurs {width:50%; margin-bottom:40px}
}
@media only screen and (max-width:766px){body{border-top:1px solid green;}
	.kurs {width:100%; margin-bottom:40px}
	.kurs br{display:none}
	.mar1,.mar2 {float:none;width:100%}
	.content .mar1 img {max-width: 200px;margin-bottom: 30px;}
	}
@media only screen and (min-width:480px) and (max-width:766px){body{border-top:1px solid yellow;}

	}






.detaildiv {background:url(/img/pic56.jpg) no-repeat top center;height: 435px;background-size: 100%; }
.umovy {border-bottom: 3px solid #e5e5e5;border-top: 3px solid #e5e5e5;padding: 30px 0; }


.uvaga {line-height: normal;font-family: "Oswald",tahoma, sans-serif;font-size: 25px;text-align: center;background-color: #f7b0b0;padding: 30px 0 35px 0;}
.uvaga a {color:#000 !important}

.code {border: 3px solid green;padding: 20px;margin: 30px 0;color: green;font-size: 14px;}
.code a {color: green !important; text-decoration:none !important;}

iframe {border:0}
.mitt {display:flex; justify-content: space-between;}
.mitt div {width:50%; margin:0 auto;background-color: #d3ffe2;font-family: "Oswald",sans-serif;font-size: 28px;padding: 3%;border: 1px solid white;line-height: 35px;}
.mitt div div {background-color:none}
.mitt a {color: #000;}
a.interactive:link,a.interactive:visited {color:#fff; text-decoration: none; background-color: #ff9c00;}
a.interactive:hover,a.interactive:active {color:#fff; text-decoration: none; background-color: #ff7800;}
.interactive {position: relative;z-index: 1;display: inline-block; width: 100%;font-size: 14px;font-family: 'Oswald', Helvetica, arial, sans-serif;padding: 17px 5px;text-transform: uppercase;border-radius:7px; text-align:center}
.circle{border:3px solid #fde0bb;position:absolute;animation-duration:5s;animation-iteration-count:inherit;animation-name:wD9;border-radius:50%;height:100%;opacity:1;width:100%;cursor:pointer}
@keyframes wD9{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(.8)}60%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(.8)}to{opacity:0}}
.circle-inner{animation-delay:.8s;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:B0Z;opacity:0}
@keyframes B0Z{0%{opacity:0}to{opacity:1}}
.circle-outer{display:none;position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto 0;animation-iteration-count:infinite;outline:currentcolor none medium;box-shadow:none;
height:150px;width:200px}
.circle-outer.orange {clear:both;}


.price2 {font-family: "Oswald",sans-serif;font-size: 22px;background-color:#d3ffe2;padding: 40px 60px;display: table;  margin:30px auto 0 auto;}
s {font-size: 20px;color: #9bc1a6;}


.what {display:flex; justify-content:space-between; margin-bottom: 50px}
.what-item {width: 25%; color:white;border-top: 1px solid white;}
.what-item img {margin: 0 auto 20px auto;height: 50px;display: table;}
.what-item h3 {color:white; margin-top:0;text-align: left;}
.what-item div {padding:15%}
.what-item:nth-child(1) {background-color:#69d2e7}
.what-item:nth-child(2) {background-color:#f98f6f}
.what-item:nth-child(3) {background-color:#9d87c3}
.what-item:nth-child(4) {background-color:#69e7a6; line-height: 29px;text-align: center;}
.what a {white-space: nowrap;background-color:#bcf6b8;color:#106312;text-decoration: none;border-radius: 5px;padding: 3px;text-transform: uppercase;font-family: "Oswald",tahoma, sans-serif;}
.what a:hover {background-color:#e7fcf0}

.who img { border-radius: 130px; float: left; margin: 0 30px 30px 0; border: 5px solid #d4d4d4;}
.who h2  {text-align:center}
.who  {border-top: 3px solid #e5e5e5;  border-bottom: 3px solid #e5e5e5;  padding:30px 0;}

.statfull  {border-top: 3px solid #e5e5e5; padding: 70px 0; }
.statfull h2 {text-align: center; margin: 0 0 60px 0}


.err  {background-color: #e22828;padding: 20px 10px;margin-bottom: 20px;color: white;}
.bl {float:left; width:33.3%; text-align:center;}
.bl span {display:block; font-size:43px; color:green; margin-bottom:30px}
.bl span.red { color:#eb0042}
.stat { float:right; font-family: "Oswald",sans-serif;font-size: 17px;padding: 10px;width: 430px;background-color: #fafafa;text-align: center;}
div.products .stat img { display:block }
.ok { font-family: "Oswald",sans-serif;font-size: 27px;margin: 40px auto;text-align: center;border: 3px solid #4f0;padding: 50px;width: 500px;line-height: 47px;}
.mit3 {color: #0b650b;background-color:#d3ffe2;    font-family: "Oswald",sans-serif;font-size:18px;padding: 15px;display: table; margin-bottom:40px;}
.info {color: #0b650b;background-color:#d3ffe2;  font-family: "Oswald",sans-serif;font-size: 18px;padding: 15px;display: table; margin-bottom:40px;float: left;}
.products .prob a {border-radius: 10px;color: #fff !important;text-decoration: none !important; background-color:#ff9c00;font-family: "Oswald",sans-serif;font-size:18px;padding: 15px;display: table; margin-bottom:40px;}
.price {color: #0b650b;font-family: "Oswald",sans-serif;font-size: 18px;background-color:#d3ffe2;padding: 15px;display: table; margin-bottom:40px;margin-top:40px;}
.fback {width:400px; margin:0 auto; text-align:left; font-family: "Oswald",sans-serif;color: #555;font-size: 20px;} 
.mf-req {color: red;font-weight: bold;font-size: 28px;} 
.main .learn-work-table a {padding:0;} 
.frame frame  {border:0; width:100%; height:600px} 
pre {margin:0; } 
.pre br {display:none;}
.notetext { font-size: 26px;    font-family: "Oswald",tahoma, sans-serif;    background-color: #ffeded;    padding: 5px 20px;}
form[name='learn_test_answer']{margin-bottom:50px}
.curs {float:left}
.learn-question-name h3 {font-size:23px; font-weight:normal; margin:0; padding:0;}
.navi {border-top: 1px solid #cecece;padding-top: 20px;border-bottom: 1px solid #cecece;padding-bottom: 20px;
color:grey; text-align:right}
.learn-work-table .navi {font-family: "Oswald",sans-serif;}
.learn-work-table a {padding:0 10px}
.subm {font-size:13px;margin: 50px 0 0 0;}
.subm div {padding:0 5px; display:table-cell}
.subm a {color: #19ab0d !important;background-color: #c9ffb6;border-radius: 5px; display:block;padding: 5px 10px; }
.learning-course-list  a {display:block;  border-bottom:1px dashed grey; padding-bottom:20px;margin-bottom:20px;}
form[name='learn_test_answer'] hr {border: none; border-top:1px dashed grey; }
form[name='learn_test_answer'] table td {vertical-align:top}
form[name='learn_test_answer'] table td.ans {padding-right:20px}
.learn-work-table input[type="submit"] {min-width:120px; background-color:#f26018;font-size: 15px;padding: 4px 25px;color:white;text-decoration: none;font-family: "Oswald",tahoma, sans-serif;font-size: 18px;padding: 5px; border-radius: 4px; border:none}
.learn-work-table input[type="submit"]:hover {cursor:pointer;background-color:#ff7d3d;}
.uroki a {text-decoration: none;font-family:"Oswald",tahoma, sans-serif; font-size:20px;background-color: #ebff0070;padding: 5px; display: block;}
.uroki a:hover {text-decoration: underline;}
.online {font-family: "Oswald",sans-serif;background-color: #00ffab;padding: 10px 0;text-align: center;color: 11;border-bottom: 1px solid white;font-size: 18px;}
.online a {color: #00670b !important;text-decoration: none;}
.products a {color:#445a65 !important;}
.content .auth img {width:50px;border-radius: 55px;float:left; margin:0 20px 0 0}
.auth {color:#657e8a; font-size:11px;border-bottom: 1px dashed #657e8a; border-top: 1px dashed #657e8a; margin:0 0 50px 0; padding:10px 0; }
.auth . clear {height:1px}
.auth div {padding-top: 4px;}
.auth a {color:#657e8a !important;}
.supp {background-color:#d2d2d2;color:#222;margin: 0 auto;width: 270px;padding: 5px 0;margin-top: 5px}
.mit2 {color: #272727}
.mit {color:#23a810;font-family: "Oswald",sans-serif;padding: 20px 0;font-size: 21px;}
.foo .mit111 {font-family: arial;font-size: 12px; padding:0}
.faq{border-top: 3px solid #e5e5e5;padding-top: 30px;margin-top: 30px;}
.faq h2 {margin-bottom:0;padding-bottom:0;}
.faqname {padding-top:30px;font-family: "Oswald",tahoma, sans-serif; font-size: 20px;padding-bottom:10px;}
.faqans {padding-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.allquests h2 {padding-top:30px;border-top: 1px dashed #e5e5e5;}
.allquests h2:first-child {padding-top:0;border-top: none}
.faqans a {color:black}
.mer {color: #8bf788}
.more{font-family: "Oswald",tahoma, sans-serif; }
.smallnews .more {margin-left:15px}
.smallnews {border-top: 3px solid #e5e5e5;padding-top: 30px;margin-top: 30px;border-bottom: 3px solid #e5e5e5;padding-bottom: 30px;margin-bottom: 30px;}
.news .news-item {float:left; width:25%}
.news .news-item div {border: 15px solid white;}
.share-block {margin:0 auto; display:table; padding-bottom:20px}
.order {margin:20px 0 0 0; text-align:center;  padding-top:20px}
.order iframe {width:70%;height:600px;}
.foo ul {margin:0;}
.foo ul li {float:left; width:33.3%; padding:0;background:none}
.map {height:400px; overflow:hidden}
.map iframe {width:100%;height:100%;}
a, input {transition: all 0.3s ease 0s;}
body, table td,table th,caption,input,textarea{font-family:Arial,sans-serif;font-size: 16px;line-height: 23px; color:#111; padding:0;margin:0;background-color:#fff}
h1{
font-family: "Oswald",tahoma, sans-serif;
font-size: 43px;
padding: 0;
margin: 85px 0 50px 0;
text-align: center; line-height: normal;}
h1 span {font-size:28px}
h2{color:#333f45;font-family:"Oswald",tahoma, sans-serif;font-size:30px;line-height: 34px;}
.start {background-color: #d3ffe2;
border-radius: 10px;
padding: 5px;
margin: 0 auto 50px auto;
display: table;}
h3{color:#333f45;font-family:"Oswald",tahoma, sans-serif;font-size:27px;line-height: normal}
h3 span {background-color: #ffa;padding: 0 5px;}
h4{color:#333f45;font-family:"Oswald",tahoma, sans-serif;font-size:20px;line-height: normal}
ul {padding:0;margin:0 0 0 20px}
ul li {background: url(/img/li.gif) no-repeat 0 5px; list-style-type:none; padding: 0 0 0 20px;}
.main {max-width:1200px;width:95%;min-width:auto; margin:0 auto}
.clear {clear: both; }
.top {background-color:#657e8a; padding: 30px 0 20px 0;color: #fff;font-family: "Oswald",tahoma, sans-serif;border-bottom: 1px solid white; }
.bg {background:#657e8a url(/img/44.jpg) no-repeat center/100%; padding: 95px 0; font-family: "Oswald",tahoma, sans-serif; font-size: 60px; text-align: center;line-height: 78px;color:#333f45}
.bg.blag2 {background: url(/img/bg2.jpg) no-repeat center /100%;}
.bg.blag3 {background: url(https://template89465.motopreview.com/mt-demo/89400/89465/mt-content/uploads/2019/11/mt-1933-slider-img03.jpg) no-repeat center /100%;}
.bg.blag4 {background: url(/img/bg4.jpg) no-repeat center /100%;}
.center {text-align: center }
.center .help{text-align: left }
.help {clear: both; padding: 20px 0;margin: 0 auto;max-width: 500px;} 
.help-img {width: 200px;height: 200px;border-radius: 100px; float:left;margin-right:50px}
.help1 {background: url(http://www.donate-coding.com/img/comp-donate.jpg) no-repeat center /140%;}
.help2 {background: url(https://img.freepik.com/free-photo/_122498-33.jpg) no-repeat right  /160%}
.share {font-family: "Oswald",tahoma, sans-serif; text-align: center; padding-bottom: 30px;display: table-cell;padding: 0 10px;}
.but {background-color:#e66404;color:white;text-decoration: none;font-family: "Oswald",tahoma, sans-serif;text-transform: uppercase;font-size: 20px;padding: 10px;display: table;border-radius: 4px;}
.share .but{background-color:#1877f2;text-transform: none;font-size: 15px;padding: 4px 25px;margin:0 auto}
.bg .sm-text {font-size: 53px; margin-top: 50px; line-height:normal}
.bg-text {color: #fff;  text-shadow: 3px 1px 2px #2a3c44, 0 0 1em #2a3c44; padding: 50px 0; /*display: table;margin: 0 auto;*/}
.bg-text div{/*text-transform: uppercase;*/font-size: 38px;margin-top: 50px;}
.logo {margin: 0 auto;display: table;}
.logo div {font-size: 15px;padding-top: 5px;font-family: "Oswald",sans-serif; letter-spacing: 0.4px;}
.logo a {color: #fff !important; text-decoration: none !important; }
.menu {font-size: 30px; line-height: normal;  padding-top: 25px;display: table;margin: 0 auto;}
.menu div {position: relative; border-bottom: 1px dashed #b4c0cd;  white-space: nowrap; float: left;margin-right: 20px;}
.menu div div {position: absolute;
top: -5px;
right: 0;
font-size: 13px;
background-color: #a3cda2;
color: black;
border: none;
padding: 0 3px;
border-radius: 6px;width:auto; margin:0;}
.menu a {display:block; padding:7px 0 0 0}
.menu a:link,.menu a:visited {color: #fff; text-decoration: none; }
.menu a:hover,.menu a:active { color: #c9edff; text-decoration: none;}
.menu a.cur:link,.menu a.cur:visited,
.menu a.cur:hover,.menu a.cur:active { color: #8bf788;}
.foo {background-color:#f0f0f0; color: #7d7d7d; padding: 50px 0; text-align: center; font-size: 12px;}
.foo .reg {font-family: "Oswald",sans-serif;font-size: 18px;}
.content {padding: 0 0 50px 0}
.content img {max-width: 100%}
.products, .products li  {padding:0;margin:0; }
.products li {border-bottom:2px solid #e5e5e5; padding-bottom:30px; margin-bottom:30px}
.products li:last-child {border-bottom:none}
.products img {float:left; margin:0 30px 0 0;border: 1px solid #e4e4e4;}
div.products img {float:right; margin:0 0 30px 30px;}
.tel {font-size: 21px;}
.pics {margin-top: 50px;}
.pics div {width:33.33%; float:left; }
.pics div img {width: 99.9%;}
.floatleft {float:right; margin:0 0 0 30px;border: 1px solid #e4e4e4;}
	.blocks div {float: left; width:33.3%; text-align:center; margin-bottom:50px}
	.blocks div div{float: none; width:auto; margin:0; padding:0 10%;}
	.blocks img {width:80%;border-radius: 50%;display:block; margin:0 auto  40px auto;}
	.blocks.two	div {width:33.3%}
	.blocks.two	div div {width:auto}

	
	
@media only screen and (min-width:1201px) and (max-width:1475px){
.bg   {#657e8a background: url(/img/44.jpg) no-repeat left/125%;}
}

@media only screen and (min-width:767px) and (max-width:1200px){body{border-top:1px solid magenta}
.main {max-width:990px;width:95%;min-width:auto}
.bg, .bg.blag2, .bg.blag4  {background: url(/img/44.jpg) no-repeat left/195%;}
.content1111111 .products img, .floatleft {max-width: 45%;}
.what {display:flex; flex-wrap:wrap}
.what-item {width: 50%; }
.content .products img , .mit3, .info {width: 45%; }
.menu {float: left; clear: both;}
.uvaga{font-size: 30px}
.detaildiv  {height: 325px; background-size: 145%;}

}

@media only screen and (max-width:766px){body{border-top:1px solid green}
.main {min-width:280px;width:95%}
.menu{font-size: 16px; border-top: 1px solid white;padding-top: 20px;margin-top: 30px;}
.products img, .floatleft {float:none; margin:0}
.bg.blag2 {background-size: 317%;}
.bg.blag4  {background-size: auto;}
ul.products br {display: none}
.help {  text-align: center;  width: 200px;}
.but { margin: 0 auto;}
.help h3 {text-align: center;}
.share {display: block;padding-bottom:30px}
.foo ul li{float:none; width:100%; padding-bottom:30px}
.order iframe {width:100%;height:300px;}
.pics div {display:none}
.pics div:nth-child(1),.pics div:nth-child(2),.pics div:nth-child(3) {display:block; float:none; width:100%}
.news .news-item div {border: 5px solid white;}
.news .news-item {width:100%;height: 100px;overflow: hidden;margin-bottom: 20px;}
.what {display:block; }
.what-item {width:auto}
.what-item div {padding: 10%;}
.fback {width:100%}
.ok {width:auto; font-size: 25px;}
.stat { width: auto; margin-bottom: 30px}
h1 { font-size: 28px}
.bl  { width:100%; margin-bottom:30px; }
.who img  { float:none; margin: 0 auto; display: table;}
.mitt  {display:table}
.mitt div {width:auto}
.uvaga{font-size: 23px}
/*.menu div {width:41%}*/
.menu div div {top:6px;}
h1 {margin: 35px 0;}
.detaildiv  {height: 220px; background-size: 255%;}
.blocks {width: 220px;margin: 0 auto;}
.blocks div {float: none; width:auto; padding-bottom:0;}
.blocks img {width:auto; margin-bottom:20px}
.blocks.two	div {width:100%}
.blocks.two {margin:0 auto}
.who h3 {font-size: 23px;}
.menu a {padding:20px 0 0 0}
.kurs.emp {display:none}
.bg {line-height: 41px;padding: 40px 0;} 
.bg {background: url(/img/44.jpg) no-repeat left/290%;}
.bg .sm-text {font-size: 33px; }
.bg-text {padding: 15px;}
.bg, .bg-text div {font-size: 24px;}
}
@media only screen and (min-width:480px) and (max-width:766px){body{border-top:1px solid yellow}
.main {max-width:990px;width:95%}
.menu{font-size: 20px}
.order iframe {width:80%;height:400px;}
.pics div:nth-child(1),.pics div:nth-child(2),.pics div:nth-child(3) {width:33.33%;float:left; }
.news .news-item {width:50%}
.what {display:flex; flex-wrap:wrap}
.what-item {width: 50%; }
.stat { width: 434px}
.mit3 { clear:both}
.stat { width: 100%;  }
.content .products img  {display: none }
.who img {  float: left;max-width: 45%;margin-right: 5%;}
.menu {float: left; }
.mitt  {display:flex}
.uvaga{font-size: 26px}
/*.menu div {width:44%}*/
.detaildiv  {height: 255px; background-size: 192%;}
.bg {background: url(/img/44.jpg) no-repeat left/220%;}
.bg,
.bg-text div {font-size: 34px;}

}