body {
  padding-top: 0px;
  background: transparent;  /*url(/images/fon2.png);   */
}
.prizyv {
padding-top:5px; font-weight:700; text-align:center; width:98%; font-size:26px; color:brown;
}
.footer-area {   width:100%; background: #e0e0fa; /* #e9e9ef;  */
}
.header {   background: #97c852;  /*#c0c0fa;#e0e0fa; #e9e9ef;  */
}
.clearing, .clr{
clear:both;
font-size:1px;  
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}		
html, body { 
  height: 100%;
  }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


  
.wrapper {
	max-width:1200px; /*1200px; */
	margin: 0 auto;
	padding: 0px;
	min-width: 320px;
}

body {
	background-color: #f5f5f5;

}

.page-content>h1 { font-size:32px; color:#337ab7; font-weight:300;}
.page-content>h2 { font-size:24px; color:#337ab7; font-weight:300;}
.page-content>h3 { font-size:20px; color:#337ab7; font-weight:300;}



.header {
	width: 100%;
	display: block;
	min-height: 65px;  /* 214px; */
	padding-top: 0px;
	/* background: url(../images/topbg.jpg) top center no-repeat; */
 box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.logo {
	padding: 0px 0px;  /* 49px 0px */
	margin: 0 auto;
	text-align: left;  /* center; */
}








.show-grid {
	background-color: #fff;
}
.moreoption {
	width: 100%;
	display: block;
	margin-top: 250px;
}
.moreoption .boxheader {
	border: solid 0px;
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 17px;
}
.buttoncolor {
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 10px 15px;
	text-decoration: none;
	transition: background 0.3s linear 0s;
	width: 12.5%;
	height: 30px;
	float: left;
	text-align: center;
	margin: 0px 0px;
}
.buttoncolor:hover {
	color: #fff;
	text-decoration: none;
}
.buttoncolor:focus {
	color: #fff;
	text-decoration: none;
}
.headertlt {
	width: 100%;
	padding: 40px 0px 15px 0px;
	letter-spacing: -0.5px;
	font-size: 22px;
	color: #424242;
}
.colorlink01 {
	width: 40%;
	float: left;
	margin: 0% 0% 0% 2%;
}
.colorlink02 {
	width: 40%;
	float: left;
	margin: 0% 0% 0% 2%;
}
.colorlink03 {
	width: 14%;
	float: left;
	margin: 0% 0% 0% 2%;
}
.buttoncolor02 {
	color: #424242;
	display: block;
	font-size: 15px;
	border-radius: 2px;
	height: 30px;
	padding: 10px 15px;
	text-decoration: none;
	transition: background 0.3s linear 0s;
	width: 100%;
	border-right: solid 5px #fff;
	float: left;
	text-align: center;
	margin: 0% 0% 0% 0%;
	background-color: #f2f2f2;
	border: solid 1px #D9D9D9;
	cursor: pointer;
	text-align: center !important;
	text-decoration: none !important;
	width: 50%;
	float: left;
}
.buttoncolor02:hover {
	background-color: #424242;
	color: #000;
}
.buttoncolor02.active {
	background-color: #424242;
	color: #fff;
}
.main-content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}


 @media only screen and (min-width: 230px) and (max-width:780px) {
 #infoTwo { display:none;}
 .header {min-height:0; }
 /* замена черного фона #262626 */
 h1 {font-size:20px;}
 h2 {font-size:16px;}
 .smallogo {
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 9px;
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 52px; 
	background: #97c852; 
	background: transparent; /* #5c8dd7;   #262626; */
	
	background: -moz-linear-gradient(top, #97c852 0, #d2edfa 50%, #97c852 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c852), color-stop(50%, #d2edfa), color-stop(100%, #97c852));
	background: -webkit-linear-gradient(top, #97c852 0, #d2edfa 50%, #97c852 100%);
	background: -o-linear-gradient(top, #97c852 0, #d2edfa 50%, #97c852 100%);
	background: -ms-linear-gradient(top, #97c852 0, #d2edfa 50%, #97c852 100%);
	background: linear-gradient(to bottom, #97c852 0, #d2edfa 50%, #97c852 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c852', endColorstr='#97c852', GradientType=0);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);

/*
	background: -moz-linear-gradient(top, #5c8dd7 0, #1c1c1c 50%, #5c8dd7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c8dd7), color-stop(50%, #1c1c1c), color-stop(100%, #5c8dd7));
	background: -webkit-linear-gradient(top, #5c8dd7 0, #1c1c1c 50%, #5c8dd7 100%);
	background: -o-linear-gradient(top, #5c8dd7 0, #1c1c1c 50%, #5c8dd7 100%);
	background: -ms-linear-gradient(top, #5c8dd7 0, #1c1c1c 50%, #5c8dd7 100%);
	background: linear-gradient(to bottom, #5c8dd7 0, #1c1c1c 50%, #5c8dd7 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c8dd7', endColorstr='#5c8dd7', GradientType=0);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
*/	
}


.wrapper {
	width: 100%;
	margin: 0% 2%;
}
/*
.header {
	min-height: *65px;
}
*/
.logo {
	display: none !important;
}




.header {
	box-shadow: none !important;
	background-image: none !important;
}
.colorlink01 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink02 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink03 {
	width: 92% !important;
	margin: 0% 4%;
}
.buttoncolor02 {
	width: 100% !important;
	margin-bottom: 2%;
}
.buttoncolor {
	width: 25%;
}
.moreoption {
	width: 100%;
	margin: 85px 0 0 0;
	background-color: transparent !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
}


 @media only screen and (min-width: 781px) and (max-width:1023px) {
 h1 {font-size:22px;}
 h2 {font-size:16px;}
.wrapper {
	width: 96%;
	margin: 0% 2%;
}
.colorlink01 {
	width: 100% !important;
	margin: 0%;
}
.colorlink02 {
	width: 100% !important;
	margin: 0%;
}
.colorlink03 {
	width: 100% !important;
	margin: 0%;
}
.buttoncolor02 {
	width: 50% !important;
	margin-bottom: 1%;
}
.logo {
	float: none !important;
	margin: 0 auto !important;
	width: 100% !important;
	text-align: left;  /* center; */
}
}


 @media only screen and (min-width: 1024px) and (max-width:1200px) {
  h1 {font-size:24px;}
  h2 {font-size:18px;}
.wrapper {
	width: 96%;
	margin: 0% 2%;
}
.colorlink01 {
	width: 100% !important;
	margin: 0%;
}
.colorlink02 {
	width: 100% !important;
	margin: 0%;
}
.colorlink03 {
	width: 100% !important;
	margin: 0%;
}
}

/*
.myFa  { font-size:30px; }
.myFaBlue     { font-size:36px; color: lightblue; }
.myFaOrange { font-size:36px; color:#ff670f;}
*/

/* для расшир поиска */
.check2 {
   background: #fff;
   border:1px solid lightblue;
   width:20px;
   height:20px;
}

/* свой стиль под Bootstrap */
.pagination span>a { color: #337ab7; text-decoration: none; }
.pagination span>a:hover { color: #337ab7; }
.pagination .active { color:#ff670f; font-weight:500;}
.pagination span { 
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;	
}
.pagination span:hover { 
    background-color: #eee;	
}

.priceVariant td{ vertical-align:top; text-align:center; padding:0px 2px;}
.blueRub { color:#337ab7; }

.h1, h1 { font-size:30px; }

.h2, h2 { font-size:24px; }