/* vector icons */
#about-header .icon:before, .fancybox-container .popup .fancybox-close-small:before
{font-family:"1188" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#about-header {background:url(/v4/img/about/cover2.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;color:#fff}
#about-header .page-title {margin:10px 0 50px;font:500 32px/60px Ubuntu}
#about-header .container-fluid {width:720px}
#about-header p {margin:0 0 25px;font:400 22px/34px Ubuntu}
#about-header .services p {margin:25px 0 50px;font-size:18px;line-height:26px;color:#f70}
#about-header .icons {margin:25px 0 0;display:inline-block}
#about-header .icon {display:block;float:left;width:80px;height:80px;margin:0 10px;border:2px solid #f70;border-radius:50%;position:relative;color:#fff;text-decoration:none !important}
#about-header .icon .title {display:block;padding:5px 15px 7px;border-radius:50px;background:#f70;white-space:nowrap;position:absolute;top:-20px;left:50%;transform:translatex(-50%);opacity:0;transition:all .75s}
#about-header .icon .title:after {display:block;content:" ";width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #f70;position:absolute;bottom:-8px;left:50%;margin-left:-8px}
#about-header .icon:hover .title {opacity:.9;margin-top:-25px}
#about-header .icon:before {display:block;width:100%;font-size:36px;line-height:76px;color:#f70}
#about-header [data-icon="call"]:before {content:"\e034";font-size:42px;margin-top:2px}
#about-header [data-icon="www"]:before {content:"\e065";font-size:36px}
#about-header [data-icon="ios"]:before {content:"\e049";margin-top:-2px}
#about-header [data-icon="android"]:before {content:"\e050"}
#about-tabs {height:50px;overflow:hidden;background:#4d6880;text-align:center;font:400 16px/20px Ubuntu,Arial}
#about-tabs ul {display:inline-block;margin:0 auto}
#about-tabs li {float:left}
#about-tabs a {display:block;padding:15px 25px;box-shadow:inset 1px 0 0 rgba(52,73,94,.5);color:#fff;text-decoration:none !important}
#about-tabs a:hover, #about-tabs a:focus {background:#34495e}
#about-tabs .selected a {border-radius:3px 3px 0 0;background:#fff !important;box-shadow:none !important;color:#34495e}
[data-scroll-reveal]:not([data-scroll-reveal-complete="true"]) {opacity:0}

.block.features {text-align:center;position:relative;z-index:60}
.block.features .title {margin:50px 0 25px;font:400 36px/40px Ubuntu,Arial}
.block.features .subtitle {margin:25px 0 50px;font:400 24px/30px Roboto,'sans-serif'}
.block.features .subtitle strong {font-weight:700;color:#df3900}
.block.features .subtitle a {font-weight:700;color:#df3900;text-decoration:none !important}
.block.features .subtitle a:hover {border-bottom:2px solid #df3900}
.block.features .icon {width:100%;height:60px;margin-bottom:20px;background:url(../img/icon-hr.png) no-repeat 50% 30px;position:relative}
.block.features .icon > span {display:block;width:60px;height:60px;position:absolute;top:0;left:50%;margin-left:-30px;border:1px solid #4d6880;border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;color:#4d6880}
.block.features .icon > span:before {display:block;width:100%;font-size:32px;line-height:58px}
.block.features [data-icon="route"]:before {content:"\c008";font-size:60px !important}
.block.features [data-icon="operator"]:before {content:"\e048";margin-top:-2px}
.block.features [data-icon="vote"]:before {content:"\e044";margin-top:-2px}
.block.features [data-icon="www"]:before {content:"\e046"}
.block.features [data-icon="ios"]:before {content:"\e049";margin-top:-2px}
.block.features [data-icon="yp"]:before {content:"\e041";margin-top:1px}
.block.features [data-icon="enter"]:before {content:"\e111";font-size:36px !important}
.block.features [data-icon="transport"]:before {content:"\c003";font-size:60px !important}
.block.features [data-icon="search"]:before {content:"\e023";font-size:28px !important;margin:-1px -2px 0 0}
.block.features [data-icon="object"]:before {content:"\e051"}
.block.features [data-icon="tet"] {border-color:#df3900 !important}
.block.features [data-icon="tet"]:before {content:"\e900";color:#df3900}
.block.features [data-icon="sms"] {border-color:#f70 !important}
.block.features [data-icon="sms"]:before {content:"\e054";color:#f70}
.block.features [data-icon="mob"]:before {content:"\e055"}
.block.features .item-title {font:400 24px/26px Ubuntu,Arial;margin:-10px 0 10px}
.block.features [class^="row"] {clear:left;display:inline-block;width:100%;margin:25px 0}
.block.features .item {float:left;width:50%;padding:0 8%;box-sizing:border-box;-moz-box-sizing:border-box;font:400 15px/20px Roboto,'sans-serif'}
.block.features .item p {margin:0}
.block.features .item p .number {display:block}
.block.features .row-2 .item {padding:0 3% 0 13%}
.block.features .row-2 .item+.item {padding:0 13% 0 3%}
.block.features .row-3 .item {width:100%;padding:0 33%}
#benefits .row-1 .item {width:33.33%;padding:0 1%}
#tariffs .row-1 .item {width:50%;padding:0 4%}
#benefits,#tariffs-header {
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 )
}
#benefits .row-2 .item {padding:0 1% 0 17.66%}
#benefits .row-2 .item+.item {padding:0 17.66% 0 1%}
#benefits .item p .number {color:#f70}
#tariffs .container {width:1200px}
#tariffs .item.ltc .item-title {color:#df3900}
#tariffs .item.mob .item-title {color:#34495e}
#tariffs .item.sms .item-title {color:#f70}
#tariffs-header p {font-size:14px;line-height:18px;color:#34495e}
#tariffs-content {background:#dde6ed}
#tariffs-content [class^="row"] {margin:25px 0 20px}
#tariffs-content .row-1 .item {padding:0 4%}
#tariffs-content .item {position:relative}
#tariffs-content .item:before {content:" ";display:block;width:0;height:0;border-top:10px solid #f5f5f5;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:-25px;left:50%;margin-left:-15px}
#tariffs-content .item p {margin:15px 0;color:#4d6880}
#tariffs-content .item p.highlight {font-weight:700;color:#34495e}
#tariffs-content .item p sup {color:#df3900}
#tariffs-content .item:last-child {box-shadow:-1px 0 0 rgba(255,255,255,.5)}
#tariffs-content .item.mobile-only {display:none}
#tariffs .bottom-text {clear:both;margin:0;padding:50px 0;font:400 24px/30px Ubuntu,Arial;color:#4d6880}
#tariffs .bottom-text strong,#tariffs .bottom-text a {font-weight:400;color:#df3900}
#ad-opportunities .banners {width:100%;max-width:800px;margin:0 auto}
#ad-opportunities .banners:after {content:" ";display:block;clear:both}
#ad-opportunities .banner-item {border-top:1px solid #eee;padding:20px;text-align:left}
#ad-opportunities .banner-item:after {content:" ";display:block;clear:both}
#ad-opportunities .banner-item .pic {display:block;float:left;width:100px;height:100px;border-radius:100px;overflow:hidden;box-shadow:inset -4px 4px 0 rgba(77,104,128,.5);position:relative}
#ad-opportunities .banner-item .pic:before {content:" ";display:block;width:0;height:0;border-radius:100px;position:absolute;top:50%;left:50%;background:rgba(77,104,128,.5);transition:all .75s}
#ad-opportunities .banner-item .pic:hover:before {width:100%;height:100%;left:0;top:0}
#ad-opportunities .banner-item .pic:after {content:" ";display:block;width:22px;height:22px;position:absolute;top:50%;left:50%;margin:-11px 0 0 -11px;background:url(../img/icon-zoom.png) no-repeat;opacity:0;transition:all .75s}
#ad-opportunities .banner-item .pic:hover:after {opacity:1}
#ad-opportunities .banner-title {margin:5px 0 -5px 120px;font:700 24px/28px Ubuntu,Arial;color:#e03b00}
#ad-opportunities .banner-title span {font-weight:400}
#ad-opportunities .btn-more {margin:20px 0 0 120px}
#ad-opportunities .btn-more .btn {height:34px;background:none;border:1px solid #4d6880;color:#4d6880}
#ad-opportunities .btn-more .btn:hover {background:#4d6880;color:#fff}
#ad-opportunities .sections {margin:20px 0 0 120px}
#ad-opportunities [class^="icon"] {float:left;width:40px;height:40px;margin-right:10px;background:url(../img/banners/sprite-sections.png) no-repeat;position:relative}
#ad-opportunities [class^="icon"] .desc {display:block;padding:5px 15px 7px;border-radius:50px;background:#34495e;white-space:nowrap;color:#fff;position:absolute;bottom:-20px;left:50%;opacity:0;transition:all .75s}
#ad-opportunities [class^="icon"] .desc:after {display:block;content:" ";width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #34495e;position:absolute;top:-8px;left:50%;margin-left:-8px}
#ad-opportunities [class^="icon"]:hover .desc {opacity:.9;margin-bottom:-20px}
#ad-opportunities [class^="icon"] .desc-full {white-space:nowrap;margin-left:50px;font:400 20px/36px Ubuntu,Arial;color:#4d6880}
#ad-opportunities .icon-home {background-position:top left}
#ad-opportunities .icon-bus {background-position:-50px 0}
#ad-opportunities .icon-music {background-position:-100px 0}
#ad-opportunities .icon-calendar {background-position:-150px 0}
#ad-opportunities .icon-weather {background-position:-200px 0}
#ad-opportunities .icon-business {background-position:-250px 0}
#ad-opportunities .icon-map {background-position:-300px 0}
#ad-opportunities .icon-mobile {background-position:-350px 0}
#ad-opportunities .disabled.icon-home {background-position:0 -50px}
#ad-opportunities .disabled.icon-bus {background-position:-50px -50px}
#ad-opportunities .disabled.icon-music {background-position:-100px -50px}
#ad-opportunities .disabled.icon-calendar {background-position:-150px -50px}
#ad-opportunities .disabled.icon-weather {background-position:-200px -50px}
#ad-opportunities .disabled.icon-business {background-position:-250px -50px}
#ad-opportunities .disabled.icon-map {background-position:-300px -50px}
#ad-opportunities .disabled.icon-mobile {background-position:-350px -50px}
#ad-opportunities .banner-item .data {float:right;text-align:right;color:#34495e;font-size:15px;line-height:24px;list-style:none}
#ad-opportunities .banner-item .data .link {font-weight:700;color:#e03b00}
#ad-opportunities .banner-item .data .link:hover {text-decoration:none;border-bottom:1px solid #e03b00}
#ad-opportunities .banner-item .data .cpm strong {font-weight:700;color:#e03b00}
#ad-opportunities .banner-item .popup {display:none}
#ad-opportunities .banners-footer {border-top:1px solid #eee;padding:0 20px 50px;font-size:15px}
#ad-opportunities .banners-footer:after {content:" ";display:block;clear:both}
#ad-opportunities .banners-footer .notes {float:right;margin-top:20px;text-align:right;font-style:italic;color:#4d6880}
#ad-opportunities .banners-footer .extra-prices {float:left;text-align:left;color:#34495e}
#ad-opportunities .banners-footer .extra-prices .footer-title {display:block;margin:20px 0 15px;font:400 24px/30px Ubuntu,Arial;color:#df3900}
#ad-opportunities .banners-footer .extra-prices p {margin:6px 0}
.fancybox-container .popup {margin:22px;padding:0;overflow:visible}
.fancybox-container .popup .banner-title {margin:0;padding:15px 20px 18px;background:#34495e;font:700 24px/28px Ubuntu,Arial;color:#fff}
.fancybox-container .popup .banner-title span {font-weight:400}
.fancybox-container .popup .banner-info {padding:0 20px 10px}
.fancybox-container .popup .subtitle {display:block;margin:10px 0;font:400 20px/26px Ubuntu,Arial}
.fancybox-container .popup .subtitle.alone {margin:20px 0 15px}
.fancybox-container .popup .banner-info ul {margin:10px;padding:0;list-style-position:inside}
.fancybox-container .popup .banner-info li {margin:5px 0}
.fancybox-container .popup .banner-info .highlight {color:#e03b00}
.fancybox-container .popup .banner-info p.description {margin:10px 0}
.fancybox-container .popup .banner-info .spec {font-weight:500;color:#e03b00}
.fancybox-container .popup .banner-info .down {display:block;margin:10px 0;font:400 20px/26px Ubuntu,Arial}
.fancybox-container .popup .banner-info code {display:block;margin:10px -20px -10px;padding:20px;white-space:pre;background:#f5f5f5;color:#4d6880}
.fancybox-container .popup .fancybox-close-small {top:-22px;right:-22px;border-radius:50%;background:#e03b00;color:#fff;text-align:center;text-decoration:none !important}
.fancybox-container .popup .fancybox-close-small:hover {background:#d01d00}
.fancybox-container .popup .fancybox-close-small:after {display:none}
.fancybox-container .popup .fancybox-close-small:before {display:block;content:"\e029";font-size:26px;line-height:40px}
.special-offer {padding:50px 0;background:#dde6ed;text-align:center}
.special-offer .container {width:840px}
.special-offer .title {margin:0 0 25px;font:400 36px/40px Ubuntu,Arial;color:#df3900}
.special-offer p {font:400 15px/22px Roboto,Arial;color:#34495e}
#timeline {height:620px;margin-top:-75px;background:url(../img/timeline-bg.png) no-repeat top center #dde6ed;text-align:center;position:relative;z-index:50}
#timeline .title {display:block;width:602px;height:96px;background:url(../img/timeline-title.png) no-repeat;font-size:0;text-indent:-9999px;position:absolute;top:87px;left:50%;margin:0 0 0 -301px;z-index:55}
#timeline .logo {display:block;width:441px;height:419px;position:absolute;top:105px;left:50%;margin-left:-364px;background:url(../img/timeline-logo.png) no-repeat;z-index:53}
#timeline .text {display:block;width:213px;height:134px;position:absolute;top:263px;left:50%;margin-left:10px;background:url(../img/timeline-text.png) no-repeat;z-index:54;font-size:0;text-indent:-9999px}
#timeline .years {display:block;width:748px;height:53px;position:absolute;top:450px;left:50%;margin-left:-374px;background:url(../img/timeline-years-2017.png) no-repeat;z-index:53}
#call-center {height:525px;position:relative;z-index:55;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 )
}
#call-center:before {display:block;content:" ";width:100%;height:72px;background:url(../img/call-center-bg.png) 50% 0 repeat-x;position:absolute;top:-72px;left:0}
#call-center .title {display:none}
#call-center .text {display:block;width:302px;height:196px;position:absolute;top:33px;left:50%;margin-left:-292px;background:url(../img/call-center-text.png) no-repeat;font-size:0;text-indent:-9999px}
#call-center .icon {display:block;width:190px;height:172px;position:absolute;top:43px;left:50%;margin-left:80px;background:url(../img/call-center-icon.png) no-repeat}
#call-center .chart {display:block;width:100%;height:303px;background:url(../img/call-center-chart-2017.png) no-repeat 50% 0;position:relative;top:200px}
#call-center .call-count {display:block;width:500px;height:249px;background:url(../img/call-center-popular.png) no-repeat;position:absolute;bottom:-77px;left:50%;margin-left:-250px;font-size:0;text-indent:-9999px;z-index:50}
#audience {width:100%;height:534px;background:url(../img/audience-bg.png) repeat-x 50% 100%;position:relative;z-index:52}
#audience .title {display:none}
#audience .www {width:300px;height:342px;position:absolute;top:115px;left:50%;margin-left:-450px;background:url(../img/audience-www-2016.png) no-repeat 50% 0;font-size:0;text-indent:-9999px}
#audience .www .link {display:block;width:169px;height:35px;margin:-52px 0 0 74px;background:url(../img/audience-links.png) no-repeat}
#audience .www .link:hover {background-position:0 -35px}
#audience .mobile {width:300px;height:342px;position:absolute;top:115px;right:50%;margin-right:-150px;background:url(../img/audience-mob-2016.png) no-repeat 50% 0;font-size:0;text-indent:-9999px}
#audience .mobile .link {display:block;width:122px;height:37px;margin:-52px 0 0 98px;background:url(../img/audience-links.png) no-repeat -23px -70px}
#audience .mobile .link:hover {background-position:-23px -107px}
#audience .app {width:250px;height:339px;position:absolute;top:118px;right:50%;margin-right:-393px;background:url(../img/audience-app-2016.png) no-repeat 50% 0;font-size:0;text-indent:-9999px}
#audience .app .link {display:block;width:120px;height:37px;margin:-55px 0 0 78px;background:url(../img/audience-links-app.png) no-repeat}
#audience .app .link:hover {background-position:0 -37px}
#stats {width:100%;height:490px;background:url(../img/stats-bg.png) repeat-x 50% 100%;position:relative;margin-top:-25px;z-index:50}
#stats .text {width:466px;height:123px;position:absolute;top:135px;right:50%;margin-right:-283px;background:url(../img/stats-text.png) no-repeat;font-size:0;text-indent:-9999px}
#stats .chart {width:237px;height:180px;position:absolute;top:100px;left:50%;margin-left:-402px}
#stats .chart .piece-1 {display:block;width:107px;height:105px;position:absolute;top:13px;left:0;background:url(../img/stats-piece-1.png) no-repeat}
#stats .chart .piece-2 {display:block;width:57px;height:67px;position:absolute;top:0;right:53px;background:url(../img/stats-piece-2.png) no-repeat}
#stats .chart .piece-3 {display:block;width:85px;height:72px;position:absolute;bottom:30px;right:0;background:url(../img/stats-piece-3.png) no-repeat}
#stats .chart .piece-4 {display:block;width:120px;height:62px;position:absolute;bottom:0;left:24px;background:url(../img/stats-piece-4.png) no-repeat}
#catalog {height:800px;background:#667d92;position:relative;z-index:55}
#catalog .network {width:100%;height:641px;position:absolute;top:-12px;left:0;background:url(../img/catalog-network.png) no-repeat 50% 50%;z-index:59}
#catalog .text-1 {width:503px;height:33px;position:absolute;top:0;left:50%;margin-left:-261px;background:url(../img/catalog-text.png) no-repeat;font-size:0;text-indent:-9999px}
#catalog .text-2 {width:503px;height:42px;position:absolute;top:61px;left:50%;margin-left:-261px;background:url(../img/catalog-text.png) no-repeat 0 100%;font-size:0;text-indent:-9999px}
#catalog .logo {width:225px;height:225px;position:absolute;top:263px;left:50%;margin-left:-118px;background:url(../img/catalog-logo.png) no-repeat;z-index:60}
#catalog .lines {width:718px;height:369px;position:absolute;top:254px;left:50%;margin-left:-398px;background:url(../img/catalog-lines.png) no-repeat;z-index:58}
#catalog .add-company {display:block;width:300px;height:149px;position:absolute;top:579px;left:50%;margin-left:-156px;background:url(../img/catalog-add.png) no-repeat;font-size:0;text-indent:-9999px;z-index:60}
#catalog .add-company:hover {background-position:0 -149px}
#price-tables {position:relative;z-index:60;background:#f5f5f5;text-align:center;font-size:0;line-height:0}
#price-tables .container-fluid {font-size:15px;line-height:18px}
#price-tables .title {margin:0;padding:25px 0 100px;font:400 36px/40px Ubuntu,Arial;color:#e03b00}
#price-tables .price-tables {display:inline-block;width:100%;background:#dde6ed}
#price-tables [class^="col"] {float:left;box-sizing:border-box;-moz-box-sizing:border-box;margin:-56px 0 50px;padding:0 1%}
#price-tables .col-3 {width:33.33%}
#price-tables .col-4 {width:25%}
#price-tables .header {color:#fff;border-radius:5px 5px 0 0;position:relative;background:#f70}
#price-tables .header:after {display:block;content:" ";width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #f70;position:absolute;bottom:-10px;left:50%;margin-left:-15px}
#price-tables .header .name {margin:0;font:400 24px/56px Ubuntu,Arial;text-transform:uppercase}
#price-tables .mini .header {background-color:#ffc200}
#price-tables .mini .header:after {border-top-color:#ffc200}
#price-tables .ekstra .header {background-color:#e03b00}
#price-tables .ekstra .header:after {border-top-color:#e03b00}
#price-tables .list {margin:0;padding:0;list-style:none;line-height:40px;white-space:nowrap;color:#34495e}
#price-tables .list li {height:40px;border-bottom:1px solid #eee;transition:all .25s}
#price-tables .list li:hover {background:#f5f5f5}
#price-tables .content {padding-top:10px;background:#fff}
#price-tables .bottom {margin-top:-1px;padding:20px 0;border-top:2px solid #eee;border-radius:0 0 5px 5px;background:#f5f5f5;box-shadow:0 2px 0 rgba(77,104,128,.1)}
#price-tables .bottom .button {display:inline-block;height:40px;padding:0 20px;background:#34495e;border-radius:3px;color:#fff;font-weight:500;line-height:40px;text-transform:uppercase;text-decoration:none !important}
#price-tables .bottom-text {clear:both;margin:50px 0;font:400 24px/30px Ubuntu,Arial;color:#8fa1b3}
#price-tables .banner {display:block;max-width:100%;margin-bottom:50px}
#about.birthday {max-width:1600px;margin:-2px auto 0}
#about.birthday+#footer {position:relative;margin-top:-277px}
#about.birthday #about-header .container-fluid {position:relative;padding:0;min-height:450px !important;max-height:750px !important}

/* begin -------------- responsive styles */
/********** smaller than 1001px */
@media all and (max-width:1000px) {
    #audience .www {margin-left:-425px}
    #audience .mobile {margin-right:-175px}
    #audience .app {margin-right:-428px}
}
/********** smaller than 901px */
@media all and (max-width:900px) {
    #price-tables .col-3 {width:50%;padding:0 2.5%}
    #price-tables .col-3:nth-child(1n+3) {margin-top:0}
    #tariffs .container-fluid {padding:0}
    #tariffs .bottom-text {padding:25px 20px}
}
/********** smaller than 801px */
@media all and (max-width:800px) {
    #audience .www {margin-left:-309px}
    #audience .app {margin-right:-308px}
    #audience .mobile {display:none}
    #call-center .call-count {bottom:-50px}
}
/********** smaller than 768px */
@media all and (max-width:767px) {
    #about-header {background-position:60% 50%}
    #about-header .container {padding:50px 20px}
    #about-header .icons {margin-top:20px}
    #our-content .item {padding:0 5% !important}
    #benefits [class^="row"] {display:block;margin:0}
    #benefits .item {float:none;width:100% !important;margin:25px 0;padding:0 25% !important}
    #timeline .years {left:auto;right:20px;margin-left:0}
    #audience .www {position:static;left:auto;float:left;width:50%;margin:115px 0 0}
    #audience .www .link {margin:-52px auto 0}
    #audience .app {position:static;right:auto;float:right;width:50%;margin:118px 0 0}
    #audience .app .link {margin:-55px auto 0}
    #ad-opportunities .container-fluid {padding-right:20px;padding-left:20px}
    .special-offer .container-fluid {padding-right:20px;padding-left:20px}
    #ad-opportunities .banner-item .pic {margin-top:5px}
    #ad-opportunities .banner-title {margin-top:0}
    #ad-opportunities .banner-item .data {float:none;margin:10px 0 0 120px;text-align:left}
    #ad-opportunities .sections {margin-top:0}
    #ad-opportunities [class^="icon"] {margin:10px 10px 0 0}
    #ad-opportunities .btn-more {margin-top:10px}
    #tariffs .row-1 .item {padding:0 15px}
}
/********** smaller than 600px */
@media all and (max-width:599px) {
    #about-header .container > p {font-size:20px;line-height:26px}
    #call-center .icon {display:none}
    #call-center .text {margin-left:-151px}
    #stats {height:350px}
    #stats .chart {display:none}
    #stats .text {top:77px;margin-right:-233px}
    #catalog .text-1 {margin-left:-251px}
    #catalog .text-2 {top:42px;margin-left:-251px}
    #catalog .network {height:516px;background-position:50% 65%;background-size:150%}
    #catalog .logo {top:180px;margin-left:-112px;background-position:50% 50%;background-size:80%}
    #catalog .lines {display:none}
    #catalog .add-company {top:400px;margin-left:-150px}
    #price-tables .col-3 {margin-bottom:20px;padding:0 1%}
    #price-tables .bottom-text {margin:25px 0}
    #benefits .item {padding:0 15% !important}
    #price-tables .banner {display:none}
    .special-offer .title {font-size:24px;line-height:28px}
    #tariffs [class^="row"] .item {width:100%;margin-bottom:25px;padding:0 20px}
    #tariffs-header {background:#fff !important}
    #tariffs-header [class^="row"] {display:none}
    #tariffs-content .item.mobile-only {display:block}
    #tariffs-content [class^="row"] {margin:0}
    #tariffs .row-1 .item:before {border-top-color:#fff}
    #tariffs .row-1 .item.mobile-only {padding:25px 15px 15px;background:#fff}
    #tariffs .row-1 .item.mobile-only:before {display:none}
    #tariffs .bottom-text {padding:25px 15px;font-size:18px;line-height:26px}
}
/********** smaller than 541px */
@media all and (max-width:540px) {
    #about-tabs {overflow:inherit;height:auto}
    #about-tabs ul {display:flex;flex-wrap:wrap}
    #about-tabs li {float:none;flex-grow:1}
    #about-tabs a {box-shadow:inset 1px 0 0 rgba(52,73,94,.5), 0 -1px 0 rgba(52,73,94,.5)}
    #about-tabs .selected a {position:relative;z-index:5;border-radius:0;background-color:#f70 !important;color:#fff}
    #audience {height:auto;background-image:url(../img/audience-bg-mobile.png)}
    #audience .container {padding:85px 5px 75px}
    #audience .link {display:none !important}
    #audience .www {width:100%;float:none;margin:0 auto}
    #audience .app {width:100%;float:none;margin:50px auto 0}
    #call-center .call-count {bottom:-67px}
    .block.features .title {margin:30px 15px 0;font-size:24px;line-height:30px}
    #price-tables .title {padding:25px 0 75px;font-size:18px;line-height:24px}
    #price-tables .list li:empty {display:none}
    #our-content [class^="row"] {display:block;margin:0}
    #our-content .item {float:none;width:100%;margin:25px 0;padding:0 5% !important}
    #stats .text {background-position:50% 50%;background-size:80%}
    #catalog {height:600px}
    #catalog .logo {top:183px;background-size:80%}
    #catalog .text-1 {background-position:50% 0;background-size:80%}
    #catalog .text-2 {top:30px;background-position:50% 100%;background-size:60%}
    #catalog .add-company {top:390px}
    #price-tables .container-fluid {padding-right:20px;padding-left:20px}
    #price-tables .col-3 {width:100%;margin:-56px 0 81px !important}
    #price-tables .col-3:last-child {margin-bottom:20px !important}
}
/********** smaller than 501px */
@media all and (max-width:500px) {
    #about-header .container-fluid {padding-right:20px;padding-left:20px}
    #about-header .page-title {margin:25px 0 15px;font:400 24px/30px Ubuntu}
    #about-header p {margin-bottom:15px;font-size:18px;line-height:24px}
    #about-header .services p {margin-top:15px;margin-bottom:30px;font-size:16px;line-height:20px}
    #about-header .icons {margin:25px -20px 0}
    #about-header .icon {display:inline-block;float:none;width:64px;height:64px;margin:5px}
    #about-header .icon:before {font-size:30px;line-height:58px}
    #about-header .icon .title {display:none}
    #call-center {height:450px}
    #call-center .call-count {background-position:50% 100%;background-size:80%}
    #call-center .text {top:0;background-position:50% 50%;background-size:80%}
    #call-center .chart {top:120px}
    #timeline {height:560px}
    #timeline .title {background-position:50% 50%;background-size:80%}
    #timeline .logo {display:none}
    #timeline .text {top:225px;margin-left:-107px}
    #timeline .years {top:400px}
    .block.features .subtitle {margin-bottom:20px;font-size:16px;line-height:24px}
    #ad-opportunities .banner-item .pic {margin:0 auto;float:none}
    #ad-opportunities .banner-item .pic:before {width:100%;height:100%;left:0;top:0}
    #ad-opportunities .banner-item .pic:after {opacity:1}
    #ad-opportunities .banner-title {margin:10px 0;text-align:center}
    #ad-opportunities .banner-item .data {margin:10px 0;text-align:center}
    #ad-opportunities .btn-more {margin-left:0}
    #ad-opportunities .btn-more .btn {display:block}
    #ad-opportunities .sections {display:inline-block;width:100%;margin:0;text-align:center}
    #ad-opportunities [class^="icon"] {display:inline-block;float:none;margin:5px}
    #ad-opportunities [class^="icon"] .desc-full {display:none}
    #ad-opportunities .banners-footer .extra-prices {float:none;text-align:center}
    #ad-opportunities .banners-footer .notes {float:none;margin-top:40px;text-align:center}
}
/********** smaller than 401px */
@media all and (max-width:400px) {
    #stats .text {background-size:60%}
    #catalog .text-1 {background-size:60%;background-color:#667d92;z-index:60}
    #catalog .text-2 {top:20px;height:33px;background-size:60%;background-color:#667d92;z-index:60}
    #benefits .item {padding:0 5% !important}
    #ad-opportunities .banner-title {font-size:20px;line-height:26px}
    #ad-opportunities .banners-footer .extra-prices .footer-title {font-size:20px;line-height:26px}
}
/********** smaller than 361px */
@media all and (max-width:360px) {
    #about-header .icon {width:60px;height:60px;margin:3px}
    #about-header .icon:before {font-size:28px;line-height:56px}
}
/********** smaller than 341px */
@media all and (max-width:340px) {
    #timeline .title {background-size:70%}
    #price-tables .col-3 {padding:0 !important}

}
/* end ---------------- responsive styles */