//@import "jquery.fancybox-1.3.4.less";

.container{
  width:980px;
}
.content{
  min-width:980px;
  
}
.bg-top{
  background: url(../../images/ai/bestnumbers_/bg-top.jpg) no-repeat top center;
  max-height:734px;
}
.top-heading{
  height:136px;
  text-align: center;
  padding-top: 36px;
  img{
    width:100%;
    height: auto;
    max-width:932px;
  }
}

.advantages{
  font-size:0;
  margin-top:28px;
  margin-bottom:0;
  line-height: 1;
  text-align: center;
  width:92%;
  padding: 0;
  margin-left:auto;
  margin-right: auto;
  li{
    display:inline-block;
    width:16.66%;
    text-align: center;
    a{
      .icon{
        display:block;
        width:57px;
        height:56px;
        margin: 0 auto;
        background-position:top center;
        background-repeat: no-repeat;
        margin-bottom: 15px;
      }      
      font-size: 16.67px;
      line-height: 18px;
      color:#b2b2b2;
      text-align: center;
      text-decoration: none;
      &:hover,&.active{
        color:#fff;
        .icon{
          background-position:bottom center;
        }
      }
    }
    &.item1{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_1.png');
      }
    }
    &.item2{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_2.png');
      }
    }
    &.item3{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_3.png');
      }
    }
    &.item4{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_4.png');
      }
    }
    &.item5{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_5.png');
      }
    }
    &.item6{
      a .icon{
        background-image:url('../../images/ai/bestnumbers_/ic_6.png');
      }
    }
  }
}
.bg-top .phones{
  font-size: 0;
  margin-top:35px;
  min-width:980px;
  a{
    width:303px;
    height:426px;
    margin-left:-31px;
    margin-right:-32px;
    text-align: center;
    display: inline-block;
    background-image:url('../../images/ai/bestnumbers_/phones.png');
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    &:last-child{
      margin-right: -35px;
    }
    .white{
      display: block;
      text-align: center;
      margin: 0 auto;
      padding-top:95px;
      height: 166px;
    }
    .black{
      display: none;
      padding-top:93px;
      height: 166px;
    }
    .descript{
      margin-top:55px;
      text-align: left;
      color:#fdfdfd;
      font-size: 14px;
      list-style: none;
      margin-left: 65px;
      padding-left: 40px;
      li{
        line-height: 19px;
      }
      li:before{
        content:"\2022";
        margin-right:4px;
      }
    }
    &:hover,&.active{
      background-position: right top;
      .white{
        display: none;
      }
      .black{
        display: block;
      }
      .descript{
        visibility:hidden;
      }
    }
  }
}
.bottom-bg{
  background:url('../../images/ai/bestnumbers_/bg-bottom.jpg') no-repeat top center;
  padding-top:2px;
  max-height:714px;
  margin-bottom:9px;
  .text-block{
    font-size: 0;
    padding-bottom: 27px;
    margin-top: -1px;
    width: 892px;
    margin: 0 auto;
    .text-item{
      vertical-align: top;
      background:url('../../images/ai/bestnumbers_/triangle.png') no-repeat top center;
      text-align: center;
      width:33.33%;
      padding-top:73px;
      display: inline-block;
      .inner{
        padding: 0 20px;
        border-right: solid 3px #bbbdc0;
      }
      &:first-child .inner{
        border-left: solid 3px #bbbdc0;
      }
      h2{
        font-size: 20px;
        color:#fff;
        font-weight: bold;
        margin-top:0;
        margin-bottom:15px;
        padding: 0;
      }
      p{
        font-size: 15px;
        color: #b2b2b2;
        line-height: 19px;
        margin: 0;
        min-height:76px;
      }
    }
  }

  .goodnumbers{
    font-size:0;
    text-align: center;
    margin-bottom:30px;
    margin-top:60px;
    .col{
      width:20%;
      display: inline-block;
      width:152px;
      margin-right:33px;
      &:last-child{
        margin-right: 0;
      }
      .big-btn{
        border:solid 2px #fff;
        width:100%;
        line-height:54px;
        font-size: 16px;
        display: block;
        color:#fff;
        text-decoration: none;
        box-shadow: 0 0 0px 1px #9da0a1, inset 0 0 0px 1px #9da0a1;
        margin-bottom:26px;
        &:hover, &.active{
          color:#000;
          box-shadow: 0 0 0px 1px #9da0a1;
          background: #fff;
        }
      }
      .number-item{
        font-size: 18px;
        color:#fff;
        font-weight: bold;
        text-decoration: none;
        line-height: 30px;
        display: block;
        white-space: nowrap;
        &:hover{
          color:#ec008c;   
        }
      }
      .show-all{
        font-size: 14px;
        color:#b2b2b2;
        width:100%;
        display: inline-block;
        border-top:solid 2px #c1c1c1;
        box-shadow: 0px -1px 0px 0px #7d7f80;
        margin-top:19px;
        padding-top:10px;
        text-decoration: none;
        text-align: left;  
        line-height: 16px;
        padding-right: 50px;
        background: url('../../images/ai/bestnumbers_/arrow.png') no-repeat right bottom;
      }
    }
  }

  .tariff{
    vertical-align: top;
    margin-bottom: 30px;
    .tariff-icon{
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      width:215px;
      height:160px;
      vertical-align: top;
      margin-top:11px;
    }
    .tariff-text{
      display: inline-block;
      vertical-align: top;
      h2{
        vertical-align: top;
        font-size: 24px;
        color:#fff;
        font-weight: bold;
        background: url('../../images/ai/bestnumbers_/heading_bg.png') no-repeat center 12px;
        padding:0;
        padding-left: 80px;
        margin:0;
        width: 704px;
        height: 54px;
        .small{
          font-size: 18px;
          color:#fff;
        }
        .big{
          font-size: 40px;
        }
      }
      .tariff-item{
        width: 239px;
        vertical-align: top;
        display: inline-block;
        margin-top:27px;
        border-left: solid 2px #bbbdc0;
        box-shadow: -1px 0px 0px 0px #5c6062;
        padding-left: 9px;
		text-decoration:none;
        h3{
          a{
            color:#fff;  
            text-decoration: none;
          }
          font-size: 12px;
          color:#fff;
          font-weight: bold;
          margin:0;
          padding:0;
          margin-bottom: 11px;
        }
        p{
          font-size: 11px;
          color:#fff;
          line-height: 13px;
          margin-bottom: 0;
          height:78px;
        }
        .arrow{
          color:#b2b2b2;
          font-size: 14px;
          display: inline-block;
          line-height: 16px;
          padding-right: 50px;
          margin-top: 19px;
          text-decoration: none;
          background: url('../../images/ai/bestnumbers_/arrow.png') no-repeat right bottom;
        }
      }
    }
    &.group-495{
      .tariff-icon{
        background-image: url('../../images/ai/bestnumbers_/495_ic.png');
      }
    }
    &.group-499{
      .tariff-icon{
        background-image: url('../../images/ai/bestnumbers_/499_ic.png');
        background-position-y: 15px;
      }
    }
    &.group-812{
      .tariff-icon{
        background-image: url('../../images/ai/bestnumbers_/812_ic.png');
        background-position-y: 23px;
      }
    }
    &.group-800{
      .tariff-icon{
        background-image: url('../../images/ai/bestnumbers_/800_ic.png');
        background-position-y: 39px;
      }
    }
  }
}


/*@media (max-width: 990px) {
  .container{
    width:auto;
  }
  .content{
    min-width:0;
    background: url(../../images/ai/bestnumbers_/mob_top_bg.jpg) no-repeat top center;
  }
  .top-heading{
    padding:38px 5px 30px 10px;
    height:auto;
    max-height:116px;
    img{
      width:100%;
      height: auto;
      max-width:280px;
    }
  }
  .steps{
    margin:0 -15px;
    min-height: 0;
    box-shadow: 0px 0px 3px 3px rgba(190, 190, 190, 0.75);
    li{
      height:auto;
      float: none;
      background: url('../../images/ai/bestnumbers_/mob_steps_bg.jpg') repeat-x 0 1px;
      padding-left: 35px;
      &.active a{
        color:#652d90;
      }
      transition:height .3s ease;
      .mod-content{
        display: none;
        padding:0 35px 2px 0px;
        font-size:13px;
        line-height: 15px;
        color:#6d6e71;
      }
      .step-modal{
        height:80px;
        font-size: 13px;
        color:#231f20;
        line-height:16px;
        text-align: left;
        padding-top:25px;
        padding-right:0;
        padding-left: 144px;
        margin-left:-35px;
        &:hover{
          margin-top:0;
        }
      }
      &.step1{
        width:100%;
        background: url('../../images/ai/bestnumbers_/mob_step_1_bg.jpg') repeat-x 0 0px;
        .step-modal{
          background: url(../../images/ai/bestnumbers_/mob_step_1.jpg) no-repeat 20px 0px;
        }
      }
      &.step2{
        width:100%;
        .step-modal{
          background: url(../../images/ai/bestnumbers_/mob_step_2.jpg) no-repeat 20px top;
        }
      }
      &.step3{
        width:100%;
        .step-modal{
          background: url(../../images/ai/bestnumbers_/mob_step_3.jpg) no-repeat 20px top;
        }
      }
      &.step4{
        width:100%;
        .step-modal{
          background: url(../../images/ai/bestnumbers_/mob_step_4.jpg) no-repeat 20px top;
        }
      }
      &.step5{
        width:100%;
        .step-modal{
          background: url(../../images/ai/bestnumbers_/mob_step_5.jpg) no-repeat 20px top;
        }
      }
      &.step6{
        width:100%;
        .step-modal{
          padding-right:0;
          background: url(../../images/ai/bestnumbers_/mob_step_6.jpg) no-repeat 20px top;
        }
      }
    }
  }

  .bottom-bg{
    background: url('../../images/ai/bestnumbers_/mob_bottom_bg.jpg') no-repeat center 30px;
    padding-top:0;
    max-height:none;
  }
}

@media (max-width: 480px) {
  .steps{
    li {
      .mod-content {
        font-size: 12px;
      }
    }
  }
}*/