*{margin:0;padding:0;}

#header{color: #56698F;
padding-top: 1%;
}



.test{background: yellow;
    border: 2px solid black;
}
.phone{text-align: left;
white-space: nowrap;}
.logo{/*border:4px solid black;*/
    padding: 1%;
text-align: center;
display: inline-block;}



.img1 {max-width: 100%;}
.img2 {
    max-width: 100%;
    float: left;
   
    padding-left: 30%;
    
}
.string-header{background: #FFF;
    margin-bottom: 4%;
    border-bottom: 1px solid #EEE;
}
.string-style{
    background: #DDD;
    text-align: left;
    color: #56698F;
    padding: 1%;
    padding-left: 7%;
    
  
}
.mod-text{
    text-align: left;
   margin: 3%;
    padding-left: 10%;
}
.foot{
    background: #5B5B5B;
    color: white;
    margin-top: 5%;
    padding: 2%;
    text-align: center;
}
.lab{
padding-top: 0;
padding-bottom: 2%;

}
.btn-downl{
    margin-top: 1%;
    margin-bottom: 1%;
  text-decoration: none;
  padding: 6px  15px;
  border:3px  solid #56698F;
  border-radius: 100px;
  outline: none;
  background: #56698F ;
  color: #EEE;
  font-size: medium;
  font-weight:700;
  overflow: hidden;
}
.btn-downl:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 18px;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 900;
  font-size: 140%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn-downl:hover {
  background-color: #EEE;
    color:crimson;
    border-color: #AAA;
 }
.btn-downl:active{
  background: #AAA;  
}
.btn-downl:active:after {
   
  bottom: -1.2em;
  transition: .3s;
}
.btn-downl.btn-d2:hover{
   border:3px  solid crimson;
}
.text-30days{
    margin-bottom: 5%;
    color: #5B5B5B;
}
.btn-grey{ margin-bottom: 5%;
   text-decoration: none;
  padding: 10px  15px;
  border:3px  solid #56698F;
  border-radius: 100px;
  outline: none;
  background: #DDD;
  color: #56698F;
  font-size: medium;
  font-weight: bold;
  overflow: hidden;  
}
.btn-grey.marg-bot{
    margin-bottom: 10%;
}
.btn-grey:hover {
  background-color: #EEE;
    color:crimson;
    border-color: #AAA;
 }
.btn-grey:active{
  background: #AAA;  
}
.a-none{
     text-decoration: none; 
}

.hr-style{
    margin-bottom: 6%;
    border: none; /* Убираем границу */
    background-color: #7d7d7d; /* Цвет линии */
    color: #5B5b5b; /* Цвет линии для IE6-7 */
    height: 7px; /* Толщина линии */
}


/*-----------------hover---------------------*/
.ih-item {

  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {

}
.ih-item a {
  color: #333; text-decoration: none;
}
.ih-item a:hover {
  text-decoration: none;
}


.ih-item .info {
  position: absolute;
  top: 0;right: 0;
  text-align: center;
 border:3px  solid #7689aF;
    border-radius: 12%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.ih-item.effect6 .img {
    background-color: aqua
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}


.ih-item.effect6 .info {
    z-index: 1;
  background: #eee;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.effect6 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.effect6 .info p {
  color: #444;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;

}

.ih-item.effect6.scale_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.effect6.scale_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.effect6.scale_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.effect6.scale_down .info {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.effect6.scale_down a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.effect6.scale_down a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.effect6.scale_down_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.2s;
  -moz-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.effect6.scale_down_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.effect6.scale_down_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/*----------------end-hover------------------*/