/* Sprites 1 */
.css_sprite_1 {
  background-image: url(../images/sprites/css_sprites_1.png);
}
.css_sprite_1.img-1 {
  width: 82px;
  height: 76px;
  margin-left: auto;
  background-position: 0px -2px;
  background-size: 340%;
}
.css_sprite_1.img-2 {
  width: 64px;
  height: 82px;
  background-position: -386px -90px;
  background-size: 480%;
}
.css_sprite_1.img-3 {
  width: 160px;
  height: 160px;
  background-position: -205px -13px;
  background-size: 400%;
}
.css_sprite_1.img-4 {
  width: 64px;
  height: 85px;
  background-position: -174px -4px;
  background-size: 470%;
  margin-left: auto;
  margin-right: auto;
}
.css_sprite_1.img-5 {
  width: 77px;
  height: 90px;
  background-position: -6px 97px;
  background-size: 410%;
  margin-left: auto;
  margin-right: auto;
}

.right-box-img div[class^="box-"].arrow-radius:before {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/sprites/css_sprites_1.png);
    background-size: 600%;
    background-position: 30px 0px;
    width: 30px;
    height: 47px;
}

.right-box-img div[class^="box-"].arrow-radius:before {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/sprites/css_sprites_1.png);
    background-size: 600%;
    background-position: 30px 0px;
    width: 30px;
    height: 47px;
}

.box-2.arrow-radius::before {
  transform: rotateY(-180deg);
}

/* Sprites 2 */
.css_sprite_2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -90px;
  background-image: url(../images/sprites/css_sprites_2.png);
}
.css_sprite_2.img-1 {
  width: 80px;
  height: 50px;
  background-position: 0px -4px;
  background-size: 180%;
}
.css_sprite_2.img-2 {
  width: 80px;
  height: 68px;
  background-position: 80px -4px;
  background-size: 240%;
}
.css_sprite_2.img-3 {
  width: 80px;
  height: 68px;
  background-position: -80px 73px;
  background-size: 250%;
}
.css_sprite_2.img-4 {
  width: 80px;
  height: 68px;
  background-position: 0px 73px;
  background-size: 250%;
}

/* Sprites 3 */
.css_sprite_3 {
  opacity: 0.3;
  background-image: url(../images/sprites/css_sprites_3.png);
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .css_sprite_3 {
  opacity: 1;
}
.css_sprite_3.img-1 {
  width: 54px;
  height: 54px;
  background-position: -2px 263px;
  background-size: 270%;
  position: absolute;
  margin-left: -65px;
  opacity: 1;
}
.css_sprite_3.img-2 {
  width: 54px;
  height: 54px;
  background-position: -59px 270px;
  background-size: 280%;
  position: absolute;
  margin-left: -65px;
  opacity: 1;
}
/* Display */
.css_sprite_3.img-3 {
  width: 37px;
  height: 37px;
  background-position: -112px -291px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-3 {
  background-position: -166px -291px;
}
/* List */
.css_sprite_3.img-4 {
  width: 42px;
  height: 37px;
  background-position: -10px -234px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-4 {
  background-position: -67px -234px;
}
/* Letter */
.css_sprite_3.img-5 {
  width: 39px; height: 30px;
  background-position: -318px -10px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-5 {
  background-position: -236px -234px;
}
/* Bars */
.css_sprite_3.img-6 {
  width: 30px; height: 34px;
  background-position: -377px -64px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-6 {
  background-position: -377px -118px;
}
/* People */
.css_sprite_3.img-7 {
  width: 34px; height: 30px;
  background-position: -220px -291px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-7 {
  background-position: -274px -291px;
}
/* Airplane */
.css_sprite_3.img-8 {
  width: 36px; height: 36px;
  background-position: -124px -234px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-8 {
  background-position: -180px -234px;
}
/* Support */
.css_sprite_3.img-9 {
  width: 33px; height: 33px;
  background-position: -318px -160px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-9 {
  background-position: -318px -213px;
}
/* Person */
.css_sprite_3.img-10 {
  width: 30px; height: 34px;
  background-position: -377px -10px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-10 {
  background-position: -377px -172px;
}
/* Tune */
.css_sprite_3.img-11 {
  width: 45px; height: 33px;
  background-position: -138px -180px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-11 {
  background-position: -203px -180px;
}
/* Display */
.css_sprite_3.img-12 {
  width: 39px; height: 30px;
  background-position: -318px -110px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-12 {
  background-position: -318px -60px;
}
/* Constructor */
.css_sprite_3.img-13 {
  width: 44px; height: 34px;
  background-position: -74px -180px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-13 {
  background-position: -10px -180px;
}
/* Speaker */
.css_sprite_3.img-14 {
  width: 39px; height: 25px;
  background-position: -69px -344px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-14 {
  background-position: -10px -344px;
}
/* Cake */
.css_sprite_3.img-15 {
  width: 31px; height: 33px;
  background-position: -61px -291px;
  background-size: auto;
}
.new-index-2 .box-for-block .body-box ul li:hover > i > .img-15 {
  background-position: -10px -291px;
}

/* Sprites 4 */
.css_sprite_4 {
  background-image: url(../images/sprites/css_sprites_4.png);
}
.css_sprite_4.img-1 {
  width: 180px;
  height: 180px;
  background-position: -525px -200px;
  background-size: 500%;
}
.css_sprite_4.img-2 {
  width: 180px;
  height: 180px;
  background-position: -520px -10px;
  background-size: 500%;
}
.css_sprite_4.img-3 {
  margin-left: auto;
  margin-right: auto;
  width: 180px;
  height: 270px;
  background-position: -10px -710px;
  background-size: 680%;
  background-repeat: no-repeat;
}
.css_sprite_4.img-4 {
  width: 220px;
  height: 220px;
  background-position: -323px -320px;
  background-size: 500%;
}
.css_sprite_4.img-5 {
  width: 220px;
  height: 220px;
  background-position: -261px -20px;
}
.css_sprite_4.img-6 {
  width: 220px;
  height: 220px;
  background-position: -20px -20px;
}
.css_sprite_4.img-7 {
  width: 220px;
  height: 220px;
  background-position: -20px -260px;
}

.grey-line .inner_box-img .type-4 {
  max-height: 72px;
}

.box-last-footer div.arrow:before {
  background-image: url(../images/sprites/css_sprites_4.png);
  background-size: 670%;
  background-position: -675px -252px;
  background-repeat: repeat;
}

.box-last-footer div.plus:before {
  background-image: url(../images/sprites/css_sprites_4.png);
  background-size: 600%;
  background-position: -636px -213px;
  background-repeat: repeat;
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.right-box-img .box-3 {
    width: 160px;
    height: 160px;
    left: 170px;
    top: 70px;
}

.right-box-img .box-4 {
    width: 160px;
    left: 40px;
    top: 220px;
}

.right-box-img .box-5 {
    width: 90px;
    right: 40px;
    top: 220px;
}

.right-box-img .box-3 span {
    width: 75px!important;
    display: block!important;
    margin: 0 auto!important;
    margin-top: -35px!important;
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
  75% {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
  75% {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }
}

.banner-telegram__tools {
    max-width: 1610px;
    min-height: 100px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 40px;
    background-color: #c6ccd9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    cursor: pointer;
}

.banner-telegram__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 40px;
}

.banner-telegram__col:last-child {
    margin-right: 0;
}

.banner-telegram__content {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 20px;
    color: #364051;
}

.banner-telegram__content p {
    padding: 0;
    margin: 0;
}

.banner-telegram__content-white {
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    font-size: 35px;
}

.banner-telegram__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-telegram__link {
    background-color: #296dd0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 20px;
    color: #fff;
    padding: 18px 85px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.banner-telegram__link:hover {
    background-color: #3a7bd8;
    color: #fff;
}

div.content-home__box__body table thead th {
    padding: 15px 10px;
}

div.content-home__box__body table thead th:first-of-type {
    width: 30%;
}

div.content-home__box__body table thead th.ticpr,
div.content-home__box__body table thead th.trafic {
    width: 8%;
}

div.content-home__box__body table thead th.price {
    width: 12%;
}

.btn-blue-main i, .btn-blue-main:active i, .btn-blue-main:focus i {
    display: inline-block;
    width: 29px;
    height: 28px;
    background: url("../images/search.png") no-repeat;
    margin: -5px 10px;
    position: relative;
}

div.content-home__box__body table tbody tr td {
    padding: 15px;
    font-family: "Roboto",sans-serif;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
}

div.content-home__box__body table td {
    border: 1px solid #e7e7e7;
    border-width: 0 1px 1px 0;
}

.btn-plus, .btn-plus:focus, .btn-plus:active {
    font-family: "Roboto",sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding: 10px;
    padding-left: 40px;
    background: url("../images/plus.png") no-repeat 8px 8px #2f78d6;
    text-decoration: none;
}

@media only screen and (max-width:1024px) {
    .block_view {
        background: red;
        width: 43.94531vw;
        height: 43.94531vw;
        font-size: 2.73438vw;
        border: .97656vw solid #000
    }
    .banner-telegram__tools {
        max-width: 1024px;
    }
}

@media only screen and (max-width:768px) {
    .banner-telegram__tools {
        max-width: 768px;
    }
    .banner-telegram__content-white {
        display: none;
    }
    .banner-telegram__link {
        padding: 18px 52px;
    }
}

@media(min-width:767px) {
    .click-drop_cat {
        display: none;
    }
    #box-drop_cat {
        display: block!important;
    }
}

.banner-telegram__content p {
    padding: 0;
    margin: 0;
}

.banner-telegram__content-white {
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    font-size: 35px;
}

@media only screen and (max-width:576px) {
    .block_view {
        background: red;
        width: 43.40278vw;
        height: 43.40278vw;
        font-size: 3.125vw;
    }
    .banner-telegram__tools {
        max-width: 320px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
    .banner-telegram__col {
        margin-right: 0;
    }
    .banner-telegram__icon {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 40px;
    }
    .banner-telegram__content {
        text-align: center;
        line-height: 28px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 28px;
    }
    .banner-telegram__btn {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}