body{font:100% 'Lato', sans-serif; background:#cfdce3; color:#424242; margin:1px; font-size:16px;}
p{font-family: 'Lato', sans-serif; font-size:18px; color:#424242; margin:10px}
a{font-family: 'Lato', sans-serif; color:#06F; font-size:18px}
a:hover{color:#C30; text-decoration:none}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto Slab Regular.eot');
	src: local('☺'), url('fonts/Roboto Slab Regular.woff') format('woff'), url('fonts/Roboto Slab Regular.ttf') format('truetype'), url('fonts/Roboto Slab Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/LatoRegular.eot');
	src: local('☺'), url('fonts/LatoRegular.woff') format('woff'), url('fonts/LatoRegular.ttf') format('truetype'), url('fonts/LatoRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/LatoItalic.eot');
	src: local('☺'), url('fonts/LatoItalic.woff') format('woff'), url('fonts/LatoItalic.ttf') format('truetype'), url('fonts/LatoItalic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/LatoBoldItalic.eot');
	src: local('☺'), url('fonts/LatoBoldItalic.woff') format('woff'), url('fonts/LatoBoldItalic.ttf') format('truetype'), url('fonts/LatoBoldItalic.svg') format('svg');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/LatoBold.eot');
	src: local('☺'), url('fonts/LatoBold.woff') format('woff'), url('fonts/LatoBold.ttf') format('truetype'), url('fonts/LatoBold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
#mainwrapper header {
	/*Header */
	background-color: #4E979E;
	overflow: auto;
	font-style: normal;
	font-weight: 600;
}
#mainwrapper header #logo {
	/* Company Logo text */
	width: 28%;
	float: left;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: rgba(146,146,146,1.00);
}
#mainwrapper header nav {
	/*Nav bar containing links in header */
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 2%;
	width: 68%;
	float: left;
	color: rgba(146,146,146,1.00);
}
header nav a {
	/* Links in header */
	padding-right: 2%;
	font-family: 'Lato';
	font-size:18px;
}
#content #mainContent h1 {
	font-family: 'Roboto'; color:#3f4545; margin:20px; font-size:22px;
}
#content #mainContent h2 {
	font-family: 'Roboto'; color:#0C7E76; margin:20px; font-size:20px; border-bottom:solid 1px #0C7E76;
}
#content #mainContent h3 {
	/*Captions ot Taglines */
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(146,146,146,1.00);
}
.text_column {
	width: 90%;
	text-align: left;
	font-weight: normal;
	line-height: 26px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #424242;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 5px;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}
.thumbnail {
	width: 48.5%;
	text-align: center;
	float: left;
	margin-top: 5px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	border: 1px solid rgba(208,207,207,1.00);
	border-radius: 5px;
	padding-top: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .2);
}
.gallery .thumbnail h4 {
    font-family: 'Roboto';
	font-size:18px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3f4545;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	
}
.gallery .thumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 10px;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 300px;
	max-height: 200px;
}

#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 310px;
	height: 100%;
	float:left;
}
.baner600{
    width: 300px;
	height: 100%;
	margin: 1%;
}
#yandex_rtb_R-A-2162608-1 {
width: 100%;
height: 300px;
}
#content #mainContent p {
	font-family: Lato, sans-serif; 
	font-size: 18px;
    line-height: 26px;	
	color:#393b3b; 
	margin:10px;
	text-align: left;
}
#content #mainContent #authorInfo {
	/* Author info section */
padding:1%; 
}
footer article {
	/* Footer articles */
	width: 47.5%;
	height: 90px;
	float: left;
	margin-bottom:10px;
	padding: 1%;
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-style: normal;
	font-weight: 300;
	background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
}
footer article h3 {
	/* Footer article titles */
	text-align: center;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#mainContent {
	/* Container for the blog post in individal blog view */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0.5%;
	width: 73%;
	float: left;
	padding-right: 0.5%;
	background:rgba(255, 255, 255, 1);
	border: 1px solid rgba(208,207,207,1.00);
    border-radius: 5px;
}
#mainwrapper #content #sidebar {
	/* Sidebar*/
	margin-top: 5px;
	width: 25.2%;
	padding-left: 0.5%;
	padding-right: 0%;
	float: left;
	background:#cfdce3;
}

#mainwrapper {
	/* Container of all content */
	width: 80%;
	overflow: auto;
	margin-left: 10%;
	background:#cfdce3;
}
.soc {
margin-top: -17px;
text-align: center;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
}
.Poisk {
margin-top: -19px;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
}
.linkont {
margin-top: 5px;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
}
.link {
margin-top: 5px;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
}
.yandex-adaptive1 {
margin-top: 5px;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;	
}
.homework {
margin-top: 5px;
padding:1%;
text-align: center;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;	
}
.helpmy {
margin-top: 5px;
margin-left:1px;
margin-right:1px;
text-align: center;
background:rgba(255, 255, 255, 1);
border-radius: 5px;	
}
.cognitive{
margin-top: 5px;
padding:1%;
background:rgba(255, 255, 255, 1);
border: 1px solid rgba(208,207,207,1.00);
border-radius: 5px;
text-align: center;
}
.kontent{
width: 100%;
}
#content #sidebar #adimage {
	/* Container for Image in sidebar */
	margin-top: 5px;
	padding:1%;
	background:rgba(255, 255, 255, 1);
    border: 1px solid rgba(208,207,207,1.00);
    border-radius: 5px;	
}
nav ul li {
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
nav ul {
	padding-left: 0%;
}
nav ul li a {
font-family:'Roboto', sans-serif;
    font-size:16px;
	color: #474747;
	text-decoration: none;
}
nav li a:hover{ 
font-weight: bolder;
color: #474747;
}

.rectangle {
counter-reset: li; 
list-style: none; 
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rectangle a {
font-family: Lato, sans-serif;
font-size:16px;
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #dfe8e8;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
border: solid 0px #AAE;
border-radius: 5px;
}
.rectangle a:hover {background: #DCDDE1;}       
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #4E979E;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
border: solid 0px #AAE;
border-radius: 5px;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #4E979E;
}

#footerbar {
	/* Footer bar at the bottom of the page */
	text-align: center;
	font-family: CALIBRI, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	background-color: #4E979E;
	width: 100%;
}
footer {
	/* Container for footer artices */
	width: 74.5%;
}
.notOnDesktop {
	/*element to be displayed only in mobile view and tabet view */
	display: none;
}
#mainContent #bannerImage img {
	/* Actual banner image */
	width: 100%;
}
#sidebar #adimage img {
	/* Image in sidebar */
	width: 100%;
	float: left;
}
#mainwrapper header nav a {
	/* Links in header */
	color: #ffffff;
	text-decoration: none;
}
#mainwrapper header nav a:hover{
color: #474747;
}
img {
  max-width: 100%;
}
.mobil {
	display: block;
	width: 100%;
}
.sprite {
    background-image: url(img/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-01 {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}

.sprite-02 {
    width: 24px;
    height: 24px;
    background-position: -39px -5px;
}

.sprite-03 {
    width: 24px;
    height: 24px;
    background-position: -73px -5px;
}

.sprite-04 {
    width: 24px;
    height: 24px;
    background-position: -107px -5px;
}

.sprite-05 {
    width: 24px;
    height: 24px;
    background-position: -141px -5px;
}

.sprite-06 {
    width: 24px;
    height: 24px;
    background-position: -5px -39px;
}

.sprite-07 {
    width: 24px;
    height: 24px;
    background-position: -39px -39px;
}

.sprite-08 {
    width: 24px;
    height: 24px;
    background-position: -73px -39px;
}

.sprite-09 {
    width: 24px;
    height: 24px;
    background-position: -107px -39px;
}

.sprite-10 {
    width: 24px;
    height: 24px;
    background-position: -141px -39px;
}

.sprite-11 {
    width: 24px;
    height: 24px;
    background-position: -5px -73px;
}

.sprite-12 {
    width: 24px;
    height: 24px;
    background-position: -39px -73px;
}

.sprite-13 {
    width: 24px;
    height: 24px;
    background-position: -73px -73px;
}

.sprite-14 {
    width: 24px;
    height: 24px;
    background-position: -107px -73px;
}

.sprite-15 {
    width: 24px;
    height: 24px;
    background-position: -141px -73px;
}

.sprite-16 {
    width: 24px;
    height: 24px;
    background-position: -5px -107px;
}

.sprite-17 {
    width: 24px;
    height: 24px;
    background-position: -39px -107px;
}

.sprite-18 {
    width: 24px;
    height: 24px;
    background-position: -73px -107px;
}

.sprite-19 {
    width: 24px;
    height: 24px;
    background-position: -107px -107px;
}

.sprite-20 {
    width: 24px;
    height: 24px;
    background-position: -141px -107px;
}

.sprite-21 {
    width: 24px;
    height: 24px;
    background-position: -5px -141px;
}

.sprite-22 {
    width: 24px;
    height: 24px;
    background-position: -39px -141px;
}

.sprite-23 {
    width: 24px;
    height: 24px;
    background-position: -73px -141px;
}

.sprite-home {
    width: 24px;
    height: 24px;
    background-position: -107px -141px;
}

.sprite-menu {
    width: 24px;
    height: 24px;
    background-position: -141px -141px;
}
.sprite-zakaz {
    width: 24px;
    height: 24px;
    background-position: -175px -5px;
}

/* fuul view */
@media screen and (max-width:1200px) {
#mainwrapper {
	/* Container of all content */
	width: 100%;
	overflow: auto;
	margin-left: 0px;
}
#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 250px;
	height: 100%;
	float:left;
}
.baner600{
    width: 240px;
	height: 100%;
	margin: 1%;
}
}

/* fuul view */
@media screen and (max-width:989px) {
#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 250px;
	height: 100%;
	float:left;
}

.baner600{
    width: 240px;
	height: 100%;
	margin: 1%;
}
}

/* Tablet view */
@media screen and (max-width:769px) {
.notOnDesktop {
	/* Search box shown only in mobile view and Tablet view */
	display: block;
	text-align: left;
	margin-bottom: 1px;
	padding: 1%;
	width: 98%;
    height: 35px;
}
#mainwrapper {
	/* Container of all content */
	width: 100%;
	overflow: auto;
	margin-left: 0px;
}

#mainContent {
	/* Container for the blog post */
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 5px;
	padding-left: 0%;
	width: 100%;
	float: right;
	padding-right: 0%;
	background:rgba(255, 255, 255, 1);
	border: 1px solid rgba(208,207,207,1.00);
    border-radius: 5px;
}
#content #mainContent #authorInfo {
	/* Author info section */
}
.Poisk {
display: none;
}
.helpmy {
margin-top: -19px;
margin-bottom: 5px;	
}
#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 250px;
	height: 100%;
	float:left;
}
.baner600{
    width: 240px;
	height: 100%;
	margin: 1%;
}
#mainwrapper #content #sidebar {
	/* Sidebar*/
	float: none;
	width: 100%;
	padding-left:0px;
	padding-top: 0px;
	overflow: auto;
	margin-top: 3px;
	padding-bottom: 13px;
}
#content #mainContent #authorInfo {
	/* Author info section */
padding:1%;
margin-top: 15px; 
}

#content #sidebar nav {
	/* Navigation bar for links in sidebar */
	width: 96%;
	padding-top: 7px;
}
#sidebar nav ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
}
footer {
	/* Footer region */
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
footer article {
	/* Footer articles */
	display: none;
}
.soc {
text-align: center;
}
#content footer article {
	/*Each footer article */
	width: 46%;
}
footer article {
	display: none;
}
#mainwrapper header {
	/* Header */
	width: 100%;
}
.text_column {
	padding-left: 10px;
	padding-right: 10px;
	width: 90%;
}
.mobil {
	display: none;
}
.linkont {
margin-top: -19px;
}
}

/* Mobile view */
@media screen and (max-width:480px) {
#mainwrapper {
	/* Container of all content */
	width: 100%;
	overflow: auto;
	margin-left: 0px;
}
#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 96%;
	text-align: center;
}
#mainwrapper header nav {
	/*navigation links in header */
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	width: 98%;
}
#mainwrapper header nav a {
	/* Links in header */
	color: #4E979E;
	text-decoration: none;
}

#content #mainContent p {
font-size:18px; 	
}

#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 100%;
	float:none;
	}
.baner600{
width: 100%;
margin:1%;
}
.adslot_1 {
 width: 100%; 
 height: 200px;
 }
#content #mainContent #authorInfo {
	/* Author info section */
padding:1%;
margin-top: 20px; 
}		
#content #sidebar nav {
	/* Navigation bar for links in sidebar */
	width: 96%;
	padding-top: 7px;
}
#sidebar nav ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
}
#mainwrapper #content #sidebar {
	/* sidebar */
	padding-bottom: 0px;
	margin-bottom:5px;
}
#content .notOnDesktop {
	/* Search box shown only in mobile and tablet view */
	width: 98%;
	text-align: left;
	padding: 1%;	
}
#content #mainContent h1 {
	/* Title under maincontent, if any */
	font-size: 22px;
}
#content #mainContent h2 {
	/* Title under maincontent, if any */
	font-size: 20px;
}
#content footer article {
	/* Each foter article */
	width: 96%;
}
footer article {
	display: none;
}
.gallery .thumbnail h4 {
font-size:20px;	
}
.soc {
text-align: center;
}
.Poisk {
display: none;
}
.text_column {
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
width: 98%;
margin-left: 1%;
margin-right: 1%;
margin-top: 1px;
margin-bottom: 7px;
padding-bottom: 10px;
padding-top: 5px;
}
.gallery {
padding-bottom: 1px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 1px;
}
.baner {
margin: 0 15% 0 15%; 
}
.mobil {
	display: none;
}
.sprite {
    display:none;
}
}
.acatpage{
text-align:left; 
text-transform: capitalize; 
margin:1px;padding: 1px 1px 1px 20px;
width: 90%;
display: block;
color: #0B3B0B; 
text-decoration: none;
font: 17px Roboto, sans-serif;
}
.acatpage:hover,
acatpage:active,
acatpage:focus{ text-decoration: none; }
.contakt {font-size:12px; color:#ECECEC;text-decoration: none; }
.tailtext{font-size:12px; color:#ECECEC; }
.tailgener{font-size:12px; color:#DADADA; }
.blue{color:#0C7E76; font-weight:bold}
.viewinfo{font-size:12px; color:#999}
.viewinfo2{font-size:14px; color:#036; font-weight:bold}
.leftcat{color:#0C7E76; margin:0 0 3px 0;text-align: center; font-family: 'Roboto'; font-size:18px;  font-weight:bold;}
.page{text-align:center}
.zakaz{color:#0C7E76; font-size:15px; font-weight:bold;}

.pagination { font-size:10pt; width: 320px; height: 60px; margin: 0 auto;}
        
.pagination a {
    font-family: Lato, sans-serif;
	font-size:15px;
    text-decoration: none;
	background:#dfe8e8;
	border: solid 0px #AAE;
	border-radius: 5px;
	color: #444;
	text-align:center;
}
.pagination a:hover{ 
font-weight: bolder;
color: #444;
background:#DCDDE1;
font-size:15px;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.4em;
    margin-right: 4px;
	margin-bottom: 4px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    color: #fff;
	background: #4E979E;
	border-radius: 5px;
	font-weight:bold;
	font-size:11pt;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	font-size:16px;
	border-color:#999;
	border: solid 0px #AAE;
	background:#fff;
}