/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    /*display: table;*/
    display: block;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Основные стили */
body {
	background-color: #daf0e2;
}
nav {
	height: 40px;
	width: 100%;
	background: #33894f  !important;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
}
.conteiner{ 
    height:100%;
	width:90%;
	position:relative;
	min-width:320px;
	max-width:1280px;
	margin:auto;
	box-shadow: 0 1px 20px #7f7f7f;
	/*display:flex;
	flex-direction:row;*/
}
.top {
	width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    min-width: 320px;
}
a {
	color: #FF3000;
	/*display: inline-block;
	width: 150px;
	text-align: center;*/
	text-decoration: none;
	/*line-height: 40px;
	text-shadow: 1px 1px 0px #283744;*/
}
a:hover {
	color: #d80b1d;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	/*width: 600px;*/
	height: 40px;
	float: right;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff !important;
	display: inline-block;
	width: 140px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
	color: #fff !important;
}
nav a#pull {
	display: none;
}
#pull span {
	color: #EB1D1D !important;
}
.name {
	float: left;
    font-size: 1em;
    padding: 0 5px;
}
.name a span {
	color: #EB1D1D;
}
.page {
	width: 94%;
	margin: 0 auto;
	padding: 50px 0px 0px 0px;
	border-top: 1px solid #BBBBBB;
	display: flex;
}
.content {
	float: left;
	width: 80%;
	padding: 0px 0px 0px 10px;
	/*background: #FFFFFF;*/
}
.entry {
	padding: 10px 20px;
	padding-bottom: 20px;
	/*border-bottom: 1px solid #BBBBBB;*/
}
.sidebar {
	padding: 10px 20px;
	width: 20%;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 10px 0;
	color:  #0205d4;
}
h1 {
	font-size: 1.5em;
    text-align: center;
}
h2 {
	font-size: 1.2em;
	text-align: center;
}
h3 {
	font-size: 1.1em;
	text-align: center;
}
h4 {
	font-size: 1.0em;
	text-align: center;
	
}
.tel:before {
content: "\260E";
font-size:30px;
}
.footer {
	/*width: 1000px;*/
	height: 50px;
	/*margin: 0 auto;*/
	/*padding: 0px 0 15px 0;*/
	border-top: 1px solid #BBBBBB;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

.footer p {
	margin: 0;
	padding: 20px 30px;
	line-height: normal;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #45302C;
}

.footer a {
	color: #6B4A45;
}
.foot {
	float: left;
    padding: 20px 20px;
    font-size: 0.8em;
}
img {
		width: 107%;
        height: 5%;
	}


/* Стили для экранов 1024px и меньше */
@media screen and (max-width: 1024px) {
    h1 {
    font-size: 1.3em;
    }
	.sidebar {
	width: 30%;
    }
	table {
	width: 100%;
    }
}


/* Стили для экранов 812px и меньше */
@media screen and (max-width: 812px) {
    img {
		width: 90%;
        height: 4%;
	}
	h1,h2,h3,h4 {
    font-size: 1.0em;
    }
	table {
	width: 100%;
    }
}


/* Стили для экранов 768px и меньше */
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
		float: none;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	.name {
		display: none;
    }
	.conteiner{ 
	    width:100%;
    }
	.page {
    display: block;
    }
	.content {
    width: 100%;
   }
   .sidebar {
    width: 90%;
    }
	h1,h2,h3,h4 {
    font-size: 1.0em;
    }
	table {
	width: 100%;
    }
}

/*Стили для экранов 515px и меньше*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #027831;
		width: 97%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.kart {
	display: flex;	
	}
	.kart1 {
		width: 50%;
	}
	
		.content {
    width: 95%;
   }
	table {
	width: 100%;
    }
}


/* Смартфоны */
@media only screen and (max-width : 480px) {
	
}	

/* Смартфоны 
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	
		.content {
    width: 90%;
   }
	
	h1, h2, h3, h4 {
    font-size: 1.0em;
    }

	
}*/