/*=== Фон ===*/
body { background: #fff; text-align: center; }

/*=== Цвет и размер шрифта в полях формы ===*/
textarea, select, input[type="text"], input[type="password"], select, select[multiple], select[multiple="multiple"] {
  color: #000;
}

/*=== Цвета ссылок ===*/
a:link, a:visited, a:active, span.u {
  color: #118bb9;
}
a:hover, span.u:hover {
  color: #ff6000;
}

/*=== Ширина главной области ===*/

.center-container
{
  position: relative;
  min-width: 300px;
  width: 100%;
  max-width: 1100px;
  margin: auto;
  padding: 0;
}

.more
{
  position: relative;
  z-index: 510;
  background: transparent url("../images/more.png") no-repeat center bottom;
  margin-top: -10px;
  height: 26px;
  text-align: center;
}

h1 {
  padding: 0 10px;
  line-height: 35px;
}

h2, .base-header
{
  text-align: center;
  margin: 30px 0 0 0;
  padding: 0 20px 50px 20px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  color: #5c5c5c;
  background: transparent url("../images/shadow-bottom-center.png") no-repeat bottom;
  margin-bottom: -10px;
}
h2 a, .base-header a
{
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}

.base-header
{
  margin: 10px 0;
}
h2 a
{
  font-size: 32px;
  font-weight: 400;
}

.header-layer
{
  position: relative;
  width: 100%;
  margin-top: 60px;
}

.bbhiden 
{
  display: none;
}

.clear { clear: both; }

/*=== Преимущества===*/

.red-icons-blocks-container{
    color: #2C3740;
    overflow: hidden;
    margin-bottom: 50px;
}

.red-icon-block{
    position: relative;
    float: left;
    width: 31%;
    padding-right: 32px;
}

.red-icon-block:last-child{
  padding-right:0px;
}

.red-icon-img{
    width: 82px;
    height: 85px;
    float: left;
    margin-right: 20px;
}
.red-icon-img1{background: transparent url("../images/red-icon1.png") no-repeat scroll center center / contain;}
.red-icon-img2{background: transparent url("../images/red-icon2.png") no-repeat scroll center center / contain;}
.red-icon-img3{background: transparent url("../images/red-icon3.png") no-repeat scroll center center / contain;}
.red-icon-img4{background: transparent url("../images/red-icon4.png") no-repeat scroll center center / contain;}
.red-icon-img5{background: transparent url("../images/red-icon5.png") no-repeat scroll center center / contain;}

.red-icon-content{
}

.red-icon-title{
    font-size: 22px;
    line-height: 22px;
}

.red-icon-text{
    font-size: 12px;
    margin-top: 5px;
}




hr { border: none; clear: both; border-bottom: dashed 1px #dfdfdf; }

/*=== Оформление навигации по страницам ===*/
.pagenav 
{
  padding: 20px; 
  text-align: center; 
  margin: 10px 0 0 0; 
}
.pagenav a, .pagenav .span.u, .pagenav span
{
  display:inline; 
  padding:3px 12px; 
  font-weight:bold;
}
.pagenav a:hover, .pagenav .span.u: hover 
{
  text-decoration:none; 
}
.pagenav span
{ 
}

/** <makebox> **/
.box 
{

}
.box .boxheader {
  
}
.box .boxcontent {
  padding: 0;
  overflow: hidden;
  background: #fafafa;
}
.box .boxfooter {
  border-top: dashed 1px #d3d3d3;
  padding: 10px;
}
.box .boxcontent .body  {
  margin-bottom: -1px;
}
.box .mbox {
  padding: 10px;
  overflow: auto;
  border-bottom: dashed 1px #d2d2d2;
}
.box .mbox, .box .mbox .label {
  font-size: 12px;
  color: #777;
}
.box .mbox_editor {
  padding: 0 12px 0 10px;
}
.box .mbox .label {
  display:  block;
}
.box input[type="checkbox"] {
  display: block;
  margin: 5px 5px 0 0;
  float: left;
}
.box .last {
  border: none;
}
.box .captha {
  border: none;
  border-top: dashed 1px #d3d3d3;
}
.box .boxfooter {
  overflow: auto;
}
.box .boxfooter a {
  margin: 0 0 0 10px;
  display: block;
  float: right;
}
.box .boxfooter input {
  margin: 0 0 0 10px;
  display: block;
  line-height: 15px;
  float: right;
}
/** </makebox> **/

/* Contdonwn */

#CDT {
    font-size: 26px;
    color: #ededed;
    margin: 15px 0 35px 0;
    font-weight: regular;
    text-align: center;
    min-width: 260px;
}

#CDT .number-wrapper {
    margin: 5px;
    -moz-box-shadow: 0 3px 4px #2e2e2e;
    -webkit-box-shadow: 0 3px 4px #2e2e2e;
    box-shadow: 0 3px 4px #2e2e2e;
    position: relative;
}

#CDT .number {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #000;
    background-image: linear-gradient(bottom, #2e2e2e 2%, #3c3c3c 50%, #2e2e2e 100%);
    background-image: -o-linear-gradient(bottom, #2e2e2e 2%, #3c3c3c 50%, #2e2e2e 100%);
    background-image: -moz-linear-gradient(bottom, #2e2e2e 2%, #3c3c3c 50%, #2e2e2e 100%);
    background-image: -webkit-linear-gradient(bottom, #2e2e2e 2%, #3c3c3c 50%, #2e2e2e 100%);
    background-image: -ms-linear-gradient(bottom, #2e2e2e 2%, #3c3c3c 50%, #2e2e2e 100%);    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #555;
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2);
    -moz-text-shadow: 0 2px 2px #000000;
    -webkit-text-shadow: 0 2px 2px #000000;
    text-shadow: 0 2px 2px #000000;
}
#CDT .end      
{
  width: 95%;
}
.line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 52%;
    left: 0;
    background: #000;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
       
.caption {
   font-size: 12px;
   position: absolute;
   bottom: -30px;
   left: 0;
   text-align: center;
   width: 100%;
   color: #777;
}


/* Larger than mobile */
@media (max-width: 400px) {

}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
  h3 {
    text-align: center;
  }
}

/* Larger than tablet */
@media (max-width: 750px) {

}

/* Larger than desktop */
@media (max-width: 1000px) {

}

/* Larger than Desktop HD */
@media (max-width: 1200px) {

}