/**
 * Bootstrap less файлов-библиотек
----------------------------------------------------------------------------- *//**
 * Переменные, используемые в проекте
----------------------------------------------------------------------------- */
/**
 * Версия картинок (глобально)
 */
/**
 * Цвета в проекте
----------------------------------------------------------------------------- */
/**
 * CSS3 mixins
 *
 * http://caniuse.com/
 * 
 * @author      Viacheslav Glushko aka iXax <mail@ixax.ru>
----------------------------------------------------------------------------- */
/**
 * linear gradient 0% - 100% simple YET
----------------------------------------------------------------------------- */
/**
 * linear gradient horizontal 0% - 100% simple YET
----------------------------------------------------------------------------- */
/**
 * ROTATION
----------------------------------------------------------------------------- */
/**
 * TRANSITION
----------------------------------------------------------------------------- */
/**
 * BOX-SIZING
----------------------------------------------------------------------------- */
/**
 * COLUMNS
----------------------------------------------------------------------------- */
/**
 * TRANSFORM
----------------------------------------------------------------------------- */
/**
 * Примеси проекта
----------------------------------------------------------------------------- */
/**
 * Ссылки с правильными подчеркиваниями
 * @decoration      тип подчеркивания solid, dotted, dashed
 * @base-color      статический цвет текста и подчеркивания
 * @hover-color     цвет при навдении
----------------------------------------------------------------------------- */
.mixin-inline-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
/**
 * надпись с карандашиком
----------------------------------------------------------------------------- */
.cpatext-banner__i {
    display: inline-block;
    vertical-align: top;
    border: 3px solid #fff;
    margin: 0 40px 0 0;
    cursor: pointer !important;
}
.cpatext-banner__i .cpatext-banner__title {
    font-size: 11px;
    font-weight: normal;
    color: #6793b2;
    background: #fff;
    text-align: center;
    padding: 0 0 3px;
}
.cpatext-banner {
    padding: 8px;
}
.cpatext-banner .cpatext-banner-i {
    position: relative;
    padding: 5px 5px 15px;
    /*=============color=================*/

    /*===green===*/

    /*===white===*/

    /*===black===*/

    /*===red===*/

    /*===blue===*/

    /*=============вложеные блоки общие стили=========*/

    /*==================виды банеров============*/

    /*===horizontal===*/

    /*===vertical===*/

    /*===square===*/

    /*===promo===*/

}
.cpatext-banner .cpatext-banner-i:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 0;
    margin: 0 0 0 -3px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green {
    background: #b0ce5e;
    background: -moz-linear-gradient(top, #b0ce5e 0%, #94b638 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0ce5e), color-stop(100%, #94b638));
    background: -o-linear-gradient(top, #b0ce5e 0%, #94b638 100%);
    background: -ms-linear-gradient(top, #b0ce5e 0%, #94b638 100%);
    background: linear-gradient(to bottom, #b0ce5e 0%, #94b638 100%);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green:before {
    border-top-color: #94b638;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    color: #cae18b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green .cpa-link {
    color: #c1da7f;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-vertical .cpatext-banner-campaign {
    background: rgba(50, 81, 10, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-square .cpatext-banner-campaign {
    background: rgba(50, 81, 10, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-square .cpatext-banner-title {
    background: rgba(50, 81, 10, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-promo .kind__promo {
    background: rgba(127, 158, 42, 0.7);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-green.cpatext-banner-promo .cpatext-banner-title {
    color: #fff;
    background: rgba(166, 208, 53, 0.85);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -o-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #ededed 100%);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white:before {
    border-top-color: #ededed;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white .cpatext-banner-descr .cpatext-banner-title {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white .cpatext-banner-descr .cpatext-banner-price {
    color: #555;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white .cpatext-banner-descr .cpatext-banner-price i {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white .cpa-link {
    color: #9cc2e0;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-horizontal .cpatext-banner-campaign {
    border-bottom: 1px solid #f4f4f4;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-vertical .cpatext-banner-price {
    background: rgba(255, 255, 255, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-square .cpatext-banner-campaign {
    background: rgba(255, 255, 255, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-square .cpatext-banner-title {
    color: #555;
    background: rgba(255, 255, 255, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-promo .kind__promo {
    background: rgba(255, 255, 255, 0.7);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-promo .kind__promo .title__promo {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-promo .kind__promo .title__promo strong {
    color: #555;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-promo .cpatext-banner-title {
    color: #555;
    background: rgba(255, 255, 255, 0.85);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-white.cpatext-banner-promo .cpatext-banner-action {
    color: #9c9c9c;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black {
    background: #696969;
    background: -moz-linear-gradient(top, #696969 0%, #434343 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #696969), color-stop(100%, #434343));
    background: -o-linear-gradient(top, #696969 0%, #434343 100%);
    background: -ms-linear-gradient(top, #696969 0%, #434343 100%);
    background: linear-gradient(to bottom, #696969 0%, #434343 100%);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black:before {
    border-top-color: #434343;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black .cpatext-banner-descr .cpatext-banner-title {
    color: #d2d2d2;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black .cpatext-banner-descr .cpatext-banner-price {
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black .cpatext-banner-descr .cpatext-banner-price i {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black .cpa-link {
    color: #999;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    color: #8b8b8b;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-vertical .cpatext-banner-campaign {
    background: rgba(0, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-square .cpatext-banner-campaign {
    background: rgba(0, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-square .cpatext-banner-title {
    background: rgba(0, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-promo .kind__promo {
    background: rgba(255, 255, 255, 0.2);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-promo .cpatext-banner-title {
    color: #fff;
    background: rgba(96, 96, 96, 0.85);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-black.cpatext-banner-promo .cpatext-banner-action {
    color: #9c9c9c;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red {
    background: #ec2d2d;
    background: -moz-linear-gradient(top, #ec2d2d 0%, #c63d3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec2d2d), color-stop(100%, #c63d3d));
    background: -o-linear-gradient(top, #ec2d2d 0%, #c63d3d 100%);
    background: -ms-linear-gradient(top, #ec2d2d 0%, #c63d3d 100%);
    background: linear-gradient(to bottom, #ec2d2d 0%, #c63d3d 100%);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red:before {
    border-top-color: #c63d3d;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red .cpatext-banner-descr .cpatext-banner-title {
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red .cpatext-banner-descr .cpatext-banner-price {
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red .cpatext-banner-descr .cpatext-banner-price i {
    color: #d2d2d2;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red .cpa-link {
    color: #d2d2d2;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    color: #d2d2d2;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-vertical .cpatext-banner-campaign {
    background: rgba(87, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-square .cpatext-banner-campaign {
    background: rgba(87, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-square .cpatext-banner-title {
    background: rgba(87, 0, 0, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-promo .kind__promo {
    background: rgba(205, 49, 49, 0.7);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-red.cpatext-banner-promo .cpatext-banner-title {
    color: #fff;
    background: rgba(247, 122, 122, 0.85);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue {
    background: #42b2ca;
    background: -moz-linear-gradient(top, #42b2ca 0%, #1f7eaf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b2ca), color-stop(100%, #1f7eaf));
    background: -o-linear-gradient(top, #42b2ca 0%, #1f7eaf 100%);
    background: -ms-linear-gradient(top, #42b2ca 0%, #1f7eaf 100%);
    background: linear-gradient(to bottom, #42b2ca 0%, #1f7eaf 100%);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue:before {
    border-top-color: #1f7eaf;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue .cpatext-banner-descr .cpatext-banner-title {
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue .cpatext-banner-descr .cpatext-banner-price {
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue .cpatext-banner-descr .cpatext-banner-price i {
    color: #59c3ef;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue .cpa-link {
    color: #9cc2e0;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    color: #8ed5f3;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-vertical .cpatext-banner-campaign {
    background: rgba(6, 49, 57, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-square .cpatext-banner-campaign {
    background: rgba(6, 49, 57, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-square .cpatext-banner-title {
    background: rgba(6, 49, 57, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-promo .kind__promo {
    background: rgba(56, 123, 178, 0.7);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-blue.cpatext-banner-promo .cpatext-banner-title {
    color: #fff;
    background: rgba(115, 179, 232, 0.85);
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-photo {
    display: block;
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.cpatext-banner .cpatext-banner-i .cpa-link {
    display: block;
    position: absolute;
    font: 8px/10px Arial, sans-serif;
    text-decoration: none;
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-descr .cpatext-banner-title {
    font: 11px/16px Arial, sans-serif;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    text-decoration: none;
    display: block;
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-campaign {
    overflow: hidden;
    zoom: 1;
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-campaign .cpatext-banner-name {
    font: 10px/10px Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
    padding: 4px 0 0;
    vertical-align: middle;
    color: #4089c3;
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-campaign .cpatext-banner-price {
    font: bold 14px/14px Arial, sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    vertical-align: middle;
}
.cpatext-banner .cpatext-banner-i .cpatext-banner-campaign .cpatext-banner-price i {
    vertical-align: bottom;
    font: normal normal 12px/12px Arial, sans-serif;
    color: rgba(255, 255, 255, 0.5);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal {
    height: 98px;
    width: 235px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-photo {
    float: left;
    text-align: center;
    line-height: 98px;
    width: 95px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-photo img {
    max-width: 86px;
    max-height: 98px;
    vertical-align: middle;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpa-link {
    bottom: 7px;
    right: 11px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-descr {
    margin: 0 0 0 95px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-descr .cpatext-banner-title {
    padding: 7px 7px 8px 10px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-campaign {
    border-bottom: 1px solid #fff;
    margin: 3px 3px 0 2px;
    padding: 0 0 5px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-name {
    font: 10px/10px Arial, sans-serif;
    text-decoration: none;
    width: 70px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-horizontal .cpatext-banner-campaign .cpatext-banner-price {
    width: 60px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical {
    width: 154px;
    height: 193px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-photo {
    display: block;
    height: 140px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-photo img {
    max-width: 154px;
    max-height: 140px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpa-link {
    bottom: 4px;
    left: 50%;
    margin: 0 0 0 -21px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-campaign {
    position: absolute;
    width: 144px;
    bottom: 68px;
    left: 5px;
    padding: 3px 5px 4px 5px;
    background: rgba(255, 255, 255, 0.8);
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-campaign .cpatext-banner-name {
    color: #74b1dc;
    width: 75px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-campaign .cpatext-banner-price {
    font-size: 16px;
    line-height: 16px;
    width: 65px;
    background: none;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-campaign .cpatext-banner-price i {
    line-height: 16px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-vertical .cpatext-banner-title {
    margin: 5px 0 0;
    padding: 4px 0 8px 5px;
    font-size: 12px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square {
    width: 165px;
    height: 137px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpa-link {
    bottom: 4px;
    left: 50%;
    margin: 0 0 0 -21px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-photo img {
    max-width: 155px;
    max-height: 137px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-title {
    position: absolute;
    top: 5px;
    left: 10px;
    padding: 1px 0 3px 8px;
    width: 147px;
    border: none;
    border-radius: 0;
    color: #d2d2d2;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-campaign {
    position: absolute;
    bottom: 15px;
    left: 10px;
    padding: 6px 3px 3px 5px;
    width: 147px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-name {
    width: 66px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-price {
    font-size: 18px;
    line-height: 18px;
    width: 77px;
    vertical-align: bottom;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-square .cpatext-banner-price i {
    line-height: 15px;
    vertical-align: bottom;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo {
    width: 155px;
    height: 136px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .cpatext-banner-photo img {
    max-width: 155px;
    max-height: 69px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .cpatext-banner-title {
    position: absolute;
    top: 78px;
    left: 5px;
    width: 143px;
    padding: 3px 7px 3px;
    border: 0;
    border-radius: 0;
    color: #fff;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .cpatext-banner-action {
    font: 10px/14px Arial, sans-serif;
    color: #fff;
    word-spacing: -2px;
    margin: 1px 0 0 5px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo {
    text-align: center;
    border-radius: 2px;
    margin: 0 0 4px;
    padding: 0px 0 2px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo .icon__promo {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../i/icon_ban.png);
    background-repeat: no-repeat;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo .title__promo {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font: 10px/10px Arial, sans-serif;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo .title__promo strong {
    font: bold 14px/14px Arial, sans-serif;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo.kind_delivery .title__promo strong {
    font-size: 10px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo.kind_delivery .icon__promo {
    background-position: 0 0;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo.kind_discount .icon__promo {
    background-position: 0 -52px;
}
.cpatext-banner .cpatext-banner-i.cpatext-banner-promo .kind__promo.kind_prize .icon__promo {
    background-position: 0 -26px;
}
.cpatext-current {
    border-color: #c4dff2;
}
.cpatext-current .cpatext-banner__title {
    background: #c4dff2;
}
