/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

/* Считалка форм заказа и предупреждение о чрезмерном таргетинге */
#js-calc-container,
#targeting-warning,
#limiting-warning
{
    float: right;
    max-width: 30%;
}

#targeting-warning,
#limiting-warning
{
    margin: 20px 1em;
}

/* Branding */
img#logo {
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 2;
}

#zone-branding-wrapper .site-name,
#zone-branding-wrapper .site-slogan {
    display: inline;
}

#zone-branding-wrapper .site-name
{
    background: none !important;
    padding: 0 !important;
}

#zone-branding-wrapper .site-name a {
    /* фоновое изображение для разных плотностей экранов */
    background:
        /* WebKit-префикс для Safari и старых Chrome */
        -webkit-image-set(
            url("../images/site-name4.png") 1x,
            url("../images/site-name4@1.5x.png") 1.5x,
            url("../images/site-name4@2x.png") 2x
        ) no-repeat left top,
        /* стандартный синтаксис для остальных браузеров */
        image-set(
            url("../images/site-name4.png") 1x,
            url("../images/site-name4@1.5x.png") 1.5x,
            url("../images/site-name4@2x.png") 2x
        ) no-repeat left top;

    /* выводим фон в нужном размере */
    background-size: 209px 40px;

    /* позиционирование логотипа */
    position: absolute;
    left: 210px;
    top: 47px;

    /* размеры кликабельной области */
    width: 209px;
    height: 40px;

    /* скрываем текст, оставляя только фон */
    text-indent: 9999px;
    overflow: hidden;
}


#zone-branding-wrapper .site-name:hover {
    text-decoration: none;
}

#zone-branding-wrapper .site-slogan {
    position: absolute;
    top: 92px;
    left: 210px;
    font-size: 17px;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}

/* Главная страница */
/*body.front.not-logged-in .fp-content
{
    font-size: 9px;
}*/

.fp-content #edit-vkuid
{
    max-width: 55%;
}

.fp-content .ajax-progress-throbber
{
    margin-left: 3px;
    left: auto;
    bottom: auto;
}

div.profile *
{
    clear: none;
}

#faq-link
{
    float: right;
}

#zone-footer-menu ul li
{
    margin-right: 10px;
}

#zone-footer-menu ul li a
{
    padding: 0 15px;
}

body.front.not-logged-in .fp-content #slogan
{
    padding: 0.5em 4em 0.2em 4em;
}

#free-vk-likes-wrapper div.form-item,
#free-vk-likes-wrapper imput
{
  display: inline-block;
}

#free-vk-likes-wrapper input[type=submit]
{
  margin: 0 0 0 0.5em;
}

#slogan h1
{
  padding: 15em 15px 15em 0 !important;
  padding: .5em 4em .2em !important;
}

#free-vk-likes-title
{
  font-size: 1.8em;
}

#additional {
    margin: 10px 19px 0;
}

#accumulated-bonus {
    margin: 2em 19px 0 19px;
}

.package {
  padding-bottom: 0;
}