/*FONTS  */
/* [reskin] Легасі PF Din Display Pro прибрано. Аліаси pf_reg/pf_l/pf_med/pf_bold
   тепер визначені в css/fonts/onest/onest.css (мапляться на Onest відповідних
   ваг). Раніше ці @font-face (font-weight:normal=400) вигравали точний матч
   ваги 400 над Onest-аліасами, тож елементи з font-family:'pf_*' тягнули
   старий шрифт. */

html {
    background: #fff;
}

body {
    font-family: 'pf_reg';
    font-size: 14px;
    color: #000000;
    /*background: #ffffff url(images/bg-web.png) repeat;*/
    background-color: #FFFFFF;
}
@media screen and (min-width:1440px) {
    body {font-size: 16px;}
}

.hidden {display: none;}
.freg{font-family: 'pf_reg';}

.flight,
h1 {font-family: 'pf_l'; font-weight: normal;}
h2 {font-family: 'pf_l'; font-weight: normal; margin: 0px;}

.fmedium,
.block-recomended-goods h2,
#store-right-sidebar h2,
.goods-title a {font-family: 'pf_med';}

.fbold,
.block h4 a,
body .price {font-family: 'pf_bold';}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1 { color: #333333; padding-left: 30px; margin: 0 0 10px 0;}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {}

li {}

dl {}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
    font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}
hr { clear: both; margin: 25px 0; width: 100%;}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings.
 */

#page-wrapper {}
#page { }
#page.container { min-width: 1000px; width: 100%; margin: 0 auto; }


/*
 * Wraps all header elements - branding and .region-header
 */
.front #header {
    background-image: url(/images/neodrive-logo.png);
    background-position: left 53px;
    background-repeat: no-repeat;
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF; }
.not-front #header {
    background-image: url(/images/neodrive-logo.png);
    background-position: left 53px;
    background-repeat: no-repeat;
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF; }
.top-header  { height: 53px; overflow: hidden; z-index: 55; background-color: #eeeeee; width: 100%; position: fixed; left: 0; top: 0; right: 0; padding: 0px; }
.top-header-wrapper { margin: 0 auto; min-width: 1000px; width: 1000px;}
/*
 * Wraps the sidebars the content column
 */
#columns { min-width: 1000px; width: 1000px; margin: 0 auto; clear: both;}
#contact-maps { height: 380px; min-width: 1000px; width: 1000px; clear: both; position: relative; overflow: hidden; }
@media screen and (min-width:1440px) {
    .not-front #header, .front #header { min-width: 1300px; width: 1300px; }
    #columns, .top-header-wrapper {min-width: 1300px; width: 1300px;}
    #contact-maps { height: 480px; min-width: 1300px; width: 1300px; }
}
/*
 * Main content column wrapper
 */
#content-column {}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */
#main-content { margin: 0; }

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used
 * mainly for position and invisible gutters and can be problematic to style
 */
#content { clear: both; }

/*
 * Footer wrapper
 */
#footer { clear: both;  height: 390px; padding-bottom: 60px;}
#footer .region-inner { }

/*
 * Panels may need additional margin wrangling when in the $content region
 */
#content .panel-display {}

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */

/*
 * Wraps the leaderboard
 */
#leaderboard-wrapper {}
#leaderboard-wrapper .container {}

/*
 * Wraps the header
 */
#header-wrapper {
    /* Debug styles, is this working */
    background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}

/*
 * Wraps the nav elements
 */
#nav-wrapper {}
#nav-wrapper .container {}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {}
#breadcrumb-wrapper .container {}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {}
#messages-help-wrapper .container {}

/*
 * Wraps the secondary content/preface region
 */
#secondary-content-wrapper {}
#secondary-content-wrapper .container {}

/*
 * Wraps the main content column
 */
#content-wrapper {}
#content-wrapper .container {}

/*
 * Wraps the tertiary content/postfix region
 */
#tertiary-content-wrapper {}
#tertiary-content-wrapper .container {}

/*
 * Footer wrapper
 */
#footer-wrapper {
    /* Debug styles, is this working? */
    background: rgba(255, 192, 203, 0.5);
}
#footer-wrapper .container {}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
.front #branding { margin: 0px auto;
                   height: 105px;
                   width: 1000px;
                   padding-top: 53px;
                   position: relative;}
.not-front #branding { margin: 0px auto;
                       height: 105px;
                       width: 1000px;
                       padding-top: 53px;
                       position: relative;}

@media screen and (min-width:1440px) {
    /* ?????????????????? */
    #branding {width: 1300px;}
}
/*
 * Logo
 */
#logo { float: left; position: absolute; top: 81px;z-index: 1;left: 45px;}
.not-front #logo { float: left; position: absolute; top: 81px;z-index: 1;left: 45px;}
#logo img { position: relative; bottom: 10px; }

#brandlink a.brand-logo-link { padding-top: 53px;width: 400px;height: 100px;display: inline-block;position: absolute;z-index: 1; }

/*
 * Wrapper for the site name and slogan
 */
#name-and-slogan { float: left;}

/*
 * Site name (h1)
 */
#site-name {
    margin: 0;
}

#site-name a {}

#site-name a:link,
#site-name a:visited {
    text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
    text-decoration: underline;
}

/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
#main-content-header {}

/*
 * The main page title (h1)
 */
#page-title {
    margin: 0;
}


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Feed icons
 */
.feed-icon {}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
    display: inline;
    float: none;
    margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
    display: inline;
    margin: 0;
}

/*
 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment
 * stylesheets
 */
ul.links {
    margin: 0;
    padding: 0;
}

ul.links.inline {
    display: block;
}

ul.links li {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
    margin: 0;
    padding: 0;
}

/*
 * Attribution message and link
 */
.attribution {
    display: block;
    opacity: 0.65;
    padding: 1em 0;
    text-align: center;
}

.attribution a {
    text-decoration: none;
    color: inherit;
}

.attribution a:hover,
.attribution a:focus {
    text-decoration: underline;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Standard region wrapper, don't add width to any regions, you will bork the
 * layout - no margin, padding or borders etc
 */
.region {}

/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
.region-inner {}

/*
 * Regions can be nested, such as when using Panels
 */
.region-inner .region-inner {}

/*
 * Header region, embedded in the #header
 */
.region-header {}

/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
.region-help {}

/*
 * Secondary content
 */
.region-secondary-content {}

/*
 * Sits above the main content header, like a content-top region
 */
.region-highlighted {}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {}

/*
 * Sidebars - targets both
 */
.sidebar {}

/*
 * First sidebar
 */
.region-sidebar-first {}

/*
 * Second sidebar
 */
.region-sidebar-second {}

/*
 * Tertiary content
 */
.region-tertiary-content {}

/*
 * Footer region
 */
.region-footer {}


/* =============================================================================
 *   Links
 * ========================================================================== */

a {
    text-decoration: none;
    color: #006699;
}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
    text-decoration: underline;
    cursor: pointer;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

.nav {
    clear: both;
    margin: 10px 0 10px;
}

.nav ul,
.nav ul.menu {
    margin: 0;
    padding: 0;
}

.nav li,
.nav ul.menu li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav li a,
.nav ul.menu li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
}

.nav li a:visited,
.nav ul.menu li a:visited {}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {}

.nav .block {
    margin-bottom: 0;
}


/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */

.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.at-mt .at-menu-toggle-button {
    margin: 0;
}

.at-mt .at-menu-toggle ul a {
    padding: 0 10px;
    white-space: nowrap;
}




/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
    padding-left: 15px;
}

ul.menu ul {
    padding-left: 15px;
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
    margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus {}

ul.menu li.active a,
ul.menu li.active-trail a {}

ul.menu li.first,
ul.menu li.last {}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
    padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
    /* Prevent text wrapping to a new line, assumes the string is two chars */
    min-width: 2em;
    white-space: nowrap;
}

.book-navigation .menu {
    margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */
#breadcrumb { margin: 10px 0;}
/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px;}
#breadcrumb .breadcrumb-label:after { content: "/"; }
#breadcrumb ol { margin: 0; padding: 0;}
#breadcrumb .with-breadcrumb-label ol { display: inline;}
#breadcrumb li { list-style: none; display: inline; color: #404040;}
#breadcrumb li span{color: #069;}
#breadcrumb li.crumb-first { padding-left: 15px; background: url(images/breadcrumparrow-web.png) no-repeat left center; }
#breadcrumb li.crumb-last {}
#breadcrumb a { font-family: pf_bold;}
#breadcrumb a:link, #breadcrumb a:visited {}
#breadcrumb a:active, #breadcrumb a.active {}
#breadcrumb a:hover, #breadcrumb a:focus {}
#breadcrumb .crumb-separator {}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
    clear: both;
    margin: 0;
    text-align: center;
}

.item-list ul.pager li {
    margin: 0;
}

ul.pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: .5em;
}

ul.pager li.pager-current {
    font-weight: 700;
}

.block ul.pager li {
    margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}
ul.pager li.first {}
ul.pager li.last {}
ul.pager li.pager-current {}
ul.pager li.pager-first {}
ul.pager li.pager-previous {}
ul.pager li.pager-next {}
ul.pager li.pager-last {}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
    left: 50%;
    margin-left: -6.5em;
    margin-top: 0;
    padding: 0 0.5em;
    position: absolute;
    width: 12em;
    z-index: 50;
}

#skip-link a {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
    outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
    margin-bottom: 15px;
}

ul.primary {
    border-bottom-color: #ccc;
    margin: 20px 0;
    padding: 0 0 0 5px;
}

ul.primary li {
    display: block;
    float: left;
    margin: 0 1px -1px;
}

ul.primary li a {
    background-color: #f5f5f5;
    border-color: #ccc;
    margin-right: 1px;
    padding: 0 10px;
    display: block;
    float: left;
    height: 1.5em;
    line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
    background-color: #eee;
    border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
    background-color: #fff;
    border-bottom-color: #fff;
}

ul.secondary {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    padding: 0 .3em 1em;
}

ul.secondary li {
    border-right: 0;
    list-style: none;
    padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
    border-bottom: none;
    text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
    margin: 20px 0 0;
    list-style: none;
}

ul.action-links li {}


/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {}

/*
 * When labels are set to inline in field display settings the clearfix class is
 * automatically added
 */
.field-label-inline {}

.field-label-inline .field-label {
    margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
 * ineritance issues
 */
.field-label {
    font-size: 1em;
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    margin-bottom: 0;
}




/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
.field-type-image {}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption {}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
    /* The same bottom margin as p, blockquote, ul, ol and dl */
    margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
    margin: 0;
    padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {}
input.form-text::-webkit-input-placeholder { color: #656565; font-size: 13px; font-family: Arial, Helvetica, sans-serif; opacity: 0.5; }
input.form-text:-moz-placeholder { color: #656565; font-size: 13px; font-family: Arial, Helvetica, sans-serif; opacity: 0.5; }
textarea.form-textarea::-webkit-input-placeholder { color: #656565; font-size: 13px; font-family: Arial, Helvetica, sans-serif; opacity: 0.5; }
textarea.form-textarea:-moz-placeholder { color: #656565; font-size: 13px; font-family: Arial, Helvetica, sans-serif; opacity: 0.5; }

/*
 * Long text
 */
.field-type-text-long {}

/*
 * Text with summary
 */
.field-type-text-with-summary {}

/*
 * File
 */
.field-type-file {}

/*
 * Number/Integer
 */
.field-type-number-integer {}

/*
 * Decimal
 */
.field-type-number-decimal {}

/*
 * Number float
 */
.field-type-number-float {}

/*
 * List
 */
.field-type-list-text {}

/*
 * List boolean
 */
.field-type-list-boolean {}

/*
 * List integer
 */
.field-type-list-integer {}

/*
 * List float
 */
.field-type-list-float {}

/*
 * Field types (Contrib)
 */
.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}

/*
 * Named fields
 */
.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
.ia-n .field-type-image,
.iat-n .field-type-image {}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {

}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {

}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {

}

input[type="submit"]:hover {
}

.form-type-checkbox input[type=checkbox].checkbox-css {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-type-checkbox label {
    background-image:url(images/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=checkbox].checkbox-css + label {
    padding-left:25px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:20px;
    vertical-align:middle;
    cursor:pointer;
}
input[type=checkbox]:checked.checkbox-css + label {
    background-position: 0 -20px;
}

#profile input[type=checkbox].checkbox-css + label { font-size: 14px;}

.rightcheckbox input[type=checkbox].checkbox-css + label {background-position: 100% 0px; padding-left: 0px; padding-right: 25px;}
.rightcheckbox input[type=checkbox]:checked.checkbox-css + label {background-position: 100% -20px;}

/*  */
.form-type-radio input[type=radio].radio-css {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-type-radio label {
    background-image:url(images/radiobox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=radio].radio-css + label {
    padding-left:25px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}
input[type=radio]:checked.radio-css + label {
    background-position: 0 -20px;
}
.rightradiobox input[type=radio].radio-css + label {background-position: 100% 0px; padding-left: 0px; padding-right: 25px;}
.rightradiobox input[type=radio]:checked.radio-css + label {background-position: 100% -20px;}

/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block { /*margin-bottom: 20px;*/ clear: both; }

/*
 * Inner wrapper for most blocks, good for margin, padding and borders,
 * block_system_main does not have it
 */
.block-inner {}

/*
 * The first block in the region
 */
.block.first {}

/*
 * The last block in the region
 */
.block.last {}

/*
 * Zebra striping for each block in the region
 */
.block.odd {}

/*
 * Zebra striping for each block in the region
 */
.block.even {}

/*
 * Block title
 */
.block-title {
    margin: 0;
}

/*
 * Block content wrapper
 */
.block-content {}

/*
 * Match item list and block menu margin and padding
 */
.block-content {}

.block-content ul,
.block-content ol {
    padding: 0 0 0 15px;
}

.block-content li {
    margin: 0;
    padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
#block-aggregator-category-1 {}

/*
 * Block for the latest news items in the first feed
 */
#block-aggregator-feed-1 {}

/*
 * First block created with "Add block" link
 */
#block-block-1 {}

/*
 * "Recent blog posts" block
 */
#block-blog-recent {}

/*
 * "Book navigation" block for the current book's table of contents
 */
#block-book-navigation {}

/*
 * "Recent comments" block
 */
#block-comment-recent {}

/*
 * "Active forum topics" block
 */
#block-forum-active {}

/*
 * "New forum topics" block
 */
#block-forum-new {}

/*
 * Language switcher block
 */
#block-locale-language {}

/*
 * Custom menu block
 */
#block-menu-menu-NAME {}

/*
 * "Recent content" block
 */
#block-node-recent {}

/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
#block-node-syndicate {}

/*
 * "Most recent poll" block
 */
#block-poll-recent {}

/*
 * "Author information" block for the profile of the page's author
 */
#block-profile-author-information {}

/*
 * "Search form" block
 */
#block-search-form {}

/*
 * "Shortcuts" block
 */
#block-shortcut-shortcuts {}

/*
 * "Popular content" block
 */
#block-statistics-popular {}

/*
 * "Main menu" block
 */
#block-system-main-menu {}

/*
 * "Management" block for Drupal management menu
 */
#block-system-management {}

/*
 * "Navigation" block for Drupal navigation menu
 */
#block-system-navigation {}

/*
 * "User menu" block for Drupal user menu
 */
#block-system-user-menu {}

/*
 * "System help" block
 */
#block-system-help {}

/*
 * "Main page content" block
 */
#block-system-main {}

/*
 * "Powered by Drupal" block
 */
#block-system-powered-by {}

/*
 * "User login form" block
 */
#block-user-login {}

/*
 * "Who's new" block for a list of the newest users
 */
#block-user-new {}

/*
 * "Who's online" block for a list of the online users
 */
#block-user-online {}


/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
    margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {}

.node.node-full {}

.node.odd {}

.node.even {}

.node .node-title {
    margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content .row { }
.node .node-content .row.last { margin-bottom: 0px; border-bottom: none; }
.node .node-content .row.first { margin-top: 0px; }

.node ul.links {}

.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {}

.node-article {}

.node-book {}

.node-forum {}

.node-poll {}


/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
    margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
    margin: 0;
}

#comments h2.comment-form {
    margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
    margin-bottom: 20px;
}

.comment.first {}

.comment.last {}

.comment.odd {}

.comment.even {}

.comment .user-picture {}

.comment .submitted {}

.comment .submitted p {}

.comment .submitted .username {}

.comment .submitted time {}

.comment .user-signature {}

.comment ul.links {}

/*
 * Comment title
 */
.comment-title {
    margin: 0;
}

/*
 * Comment states
 */
.comment-new {}

.comment-by-anonymous {}

.comment-by-node-author {}

.comment-by-viewer {}

.comment-title-hidden {}

.comment-with-picture {}

.comment-with-signature {}

/*
 * Preview of the comment before submitting new or updated comment
 */
.comment-preview {}

/*
 * "New" marker for comments that are new for the current user
 */
.new { color: #c00;}

/*
 * Nested comments are indented
 */
.indented { margin-left: 40px;}


/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item {}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 1px solid #c00;
}

.form-item label {
    font-weight: 700;
}

.form-item label.option {}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
    color: #c00;
}

.form-item .description {
    font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}

/*
 * The submit button
 */
.form-submit {}

.container-inline div,
.container-inline label {
    display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
    border: 0px /*1px solid #ccc*/;
}
legend {text-align: left;}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

/*
 * Password confirmation
 */
.password-parent, .confirm-parent { margin: 0;}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table { margin: 10px 0;padding: 0;width: 100%;}
table.sticky-header { z-index: 10;}
table, thead, tbody, tr, th, td { border-color: #ccc;}
table, td, th {vertical-align: middle;}
caption, th, td {text-align: left;}
thead tr { font-weight: 700;background-color: #898989;/*#e5e5e5*/; border-spacing: 2px;
           border: 1px solid #808080;}
thead tr a {color: #fff; font-weight: normal;}
td, th { border-bottom: 0;margin: 0;padding: 5px 7px;}
tbody {}
tbody tr { border-top: 1px solid #ccc;}
tr.odd { background: #fff;}
tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0;}
tr.drag {}
tr.drag-previous {}
tr.odd td.active { background-color: #eee;}
tr.even td.active { background-color: #ebebeb;}
.lt-ie8 tr {}
.lt-ie8 tr.even,
.lt-ie8 tr.odd {}
.lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td {}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {}

#forum td.created,
#forum td.posts,
#forum td.topics,
#forum td.last-reply,
#forum td.replies,
#forum td.pager {
    white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
    margin-bottom: 10px;
    margin-top: 10px;
}

div.messages ul {
    margin-top: 0;
    margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
    color: pink;
    color: rgba(239, 170, 170, 0.4);
    font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
    font-size: 75px;
    font-weight: bold;
    height: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
    position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
    padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
    margin: 0;
}

.db-offline {}

.db-offline .container {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 960px;
}

.db-offline div.messages {
    margin: 20px 0 0;
}

.db-offline #content {
    padding: 20px 0;
}


/*============================================================================
* Header with inner block's.
*===========================================================================*/
#block-pt-login li{ list-style: none; display: inline;}
.usernameinp { float: left; margin: 5px 0; background: url(/css/images/lock.png) no-repeat left center; height: 19px; width: 19px;}
.to-register:hover, .to-register { padding-left: 28px;float: right; font-size: 16px; text-decoration: underline;color: #898989;background:url(images/user.png) no-repeat left center; }
.to-reset-pass:hover, .to-reset-pass { padding-left: 28px;float: right; font-size: 16px; text-decoration: underline;color: #898989; }
#block-pt-login ul { margin: 12px 0; padding: 0px;}
#block-pt-login input[type="password"],
#block-pt-login input[type="text"] { color: #898989; width: 150px;padding: 1px 1px 1px 7px; border: solid 1px #898989; background: transparent; height: 24px; margin-left: 14px; font-size: 100%;}
#block-pt-login input[type="submit"] { margin-left: 7px;text-indent: -9999px; border: none;  width: 28px; height: 28px; background: url(images/enter.png) center center no-repeat; }

#block-pt-search{position: absolute; right: 0px; bottom: 9px; padding-top: 85px;}
#block-pt-search .form-item  { float: left; margin: 0px; padding: 0px;}
#block-pt-search #user-search > div {position: relative;}
#block-pt-search #user-search select { font-size: 14px;height: 28px;width: 169px;padding: 1px 1px 1px 7px;border: solid 1px #898989;margin-right: 14px;}
#block-pt-search #user-search input[type="text"] {
    font-size: 14px;
    height: 24px;
    width: 170px;
    padding: 1px 1px 1px 7px;
    border: solid 1px #898989;
    color: #000;
}

#block-pt-search #user-search input[type="submit"] {
    position: absolute;
    right: 2px;
    top: 0px;
    margin-left: 0px;
    text-indent: -9999px;
    border: none;
    width: 22px;
    height: 27px;
    background: url(images/search.png) center center no-repeat;
}
#block-pt-search .chosen-container {font-size: 14px;margin-right: 14px;}
/*styling chosen selet*/

#block-pt-search .chosen-single {font-size: 14px; height: 28px;width: 210px; padding: 1px 1px 1px 7px; border: solid 1px #898989; margin-right: 14px;border-radius: 0px;}
#profile .chosen-single {font-size: 14px; height: 28px;width: 356px; padding: 1px 1px 1px 7px; border: solid 1px #898989; margin-right: 14px;border-radius: 0px;}

#block-pt-search .social-links { text-align: right; margin-bottom: 10px; }
#block-pt-search .social-links .social .social-ico { width: 32px; height: 32px; }

/*============================================================================
* Ragister user navigation
*===========================================================================*/
.logged-in {}
#block-system-user-menu {}
#block-system-user-menu ul { display: table; width: 100%;margin: 0px; padding: 0px;}
#block-system-user-menu ul  li {padding: 0 3px; box-sizing: border-box; margin: 0px; list-style: none; color: #333333; display: table-cell; height: 53px; vertical-align: middle;}
#block-system-user-menu ul li:hover{background: #fff;}
#block-system-user-menu ul  li a{ /*text-shadow: 0px 0px 1px #555;*/ display: inline-block; font-size: 14px;font-weight: normal; color:#333333; line-height: 31px;}
#block-system-user-menu ul li a:hover {text-decoration: none;}
#block-system-user-menu ul .profile-link {max-width: 200px;}
#block-system-user-menu ul .profile-link a { display: block; padding-left: 35px; background: url(images/icom-user.png) left center no-repeat; text-overflow: ellipsis; max-width: 160px; white-space: nowrap;overflow: hidden;}
#block-system-user-menu ul .olist-link {/*width: 116px;*/}
#block-system-user-menu ul .olist-link a {padding-left: 35px; background: url(images/icom-olist.png) left center no-repeat;}
#block-system-user-menu ul .order-link {/*width: 75px;*/}
#block-system-user-menu ul .order-link a {padding-left: 35px; background: url(images/icom-order.png) left center no-repeat;}
#block-system-user-menu ul .currency-link {}
#block-system-user-menu ul .currency-link a {padding-left: 35px; background: url(images/icom-course.png) left center no-repeat;}
#block-system-user-menu ul .ballance-link {}
#block-system-user-menu ul .ballance-link .red { color: #ED1C24;}
#block-system-user-menu ul .ballance-link a { padding-left: 45px; background: url(images/icom-ballans.png) left center no-repeat;}
#block-system-user-menu ul .bascet-link {}
#block-system-user-menu ul .bascet-link a { padding-left: 40px; background: url(images/icom-bascet.png) left center no-repeat;}
#block-system-user-menu ul .logout-link { /*width: 77px;*/}
#block-system-user-menu ul .logout-link a { padding-left: 35px; background: url(images/icom-logout.png) left center no-repeat;}

/*============================================================================
* Main menu for all pages.
*===========================================================================*/
#primary-menu-bar { padding: 0; /*border-bottom: solid 2px #898989;*/ width: 100%; display: inline-block; }
#primary-menu-bar ul.dropdown li { position: relative; font-weight: normal; float: none; zoom: 1; min-width: 8%; margin: 0 0.5%; display: inline-block;}
#primary-menu-bar ul.dropdown { text-align: center; width: 100%;}
#primary-menu-bar ul.dropdown .expanded { position: relative;}
#primary-menu-bar ul.dropdown li > a:hover{ text-decoration: none; padding: 0px 2px 2px 2px; border-bottom: 5px solid #ed0911; color: #7d7d7d; font-size: 18px;}
#primary-menu-bar ul.dropdown li > a{text-decoration: none; padding: 0px 2px 7px 2px; color: #000000; font-size: 18px;}
#primary-menu-bar ul.dropdown .expanded:hover ul { visibility: visible;}
#primary-menu-bar .menu ul.dropdown ul { text-align: left; background-color: #fff; width: 250px;visibility: hidden;position: absolute;top: 100%;left: 0;padding: 5px;margin: 0 0; z-index: 10;}
#primary-menu-bar .menu ul.dropdown ul li {width: 100%; height: auto;}
#primary-menu-bar ul.dropdown li:hover > ul { display: block; position: absolute; left: 0; top: 100%;visibility: visible;}

/*============================================================================
* Footer
*===========================================================================*/
#block-contact-box {width: 100%; height: 160px;background: url(images/plashka-web.png) repeat;}
#block-contact-box .block-inner{width: 1000px; margin: 0 auto;}
#block-contact-box .lot { float: left; width: 25%; padding:30px 0 0 0px; margin: 0px;}
#block-contact-box a:hover, #block-contact-box a { margin: 0px; font-size: 16px; color:#000000; text-decoration: none;}
#block-contact-box a.fmed { font-size: 18px; color:#000000; margin: 0 0 10px 0;line-height: 1;}
#block-contact-box .small {font-size: 14px;line-height: 1;margin-bottom: 22px;display: block; clear: both;}
#block-contact-box .phones{font-size: 20px; line-height: 1.1;}
#block-contact-box .phones a span {font-size: 20px; line-height: 1.1;}

#block-footer-second .block-inner { width: 1000px; margin: 0 auto; padding: 25px 0 0 0;}
#block-footer-second .pits-social, #block-footer-second .footer-menu, #block-footer-second .pits-servises {float: left;}
#block-footer-second .pits-social {width: 25%;}
#block-footer-second .pits-social img {opacity: 0.01;}
#block-footer-second .pits-social img:hover {opacity: 1;}
#block-footer-second .pits-social .social img.social-ico  {opacity: 1; width: 32px; height: 32px;}
#block-footer-second .copyright{line-height: 1.2;font-size: 16px; padding-bottom: 15px;}
#block-footer-second .footer-menu {width: 50%;}
#block-footer-second .footer-menu ul{padding: 0px; margin: 0px;}
#block-footer-second .footer-menu li {font-size: 18px; list-style: none; width: 49%; display: inline-block;}
#block-footer-second .pits-servises .subtitle{font-size: 18px;}
#block-footer-second .pits-servises ul {line-height: 1.3;}
#block-footer-second .pits-servises ul li{margin-bottom: 2px;}
#block-footer-second a {color: #000; text-decoration: none;}

@media screen and (min-width:1440px) {
    /* ?????????????????? */
    #block-footer-second .block-inner , #block-contact-box .block-inner {width: 1300px;}
}

/*page with right-sidebar styling*/
.two-columns.right-side #main-content{ width: 80%; float: left; margin: 0px 0 10px 0; padding: 0px;}
.two-columns.right-side aside.region-right-sidebar{ width: 19%; float: left; margin: 50px 0 5px 1%;}
.two-columns.right-side aside.region-right-sidebar .block {}
.two-columns aside.region-right-sidebar .block-recomended-goods .prew-pic { float: left; width: 25%; margin:0 2% 0 0; }
.two-columns aside.region-right-sidebar .block-recomended-goods .description {float: left; width: 73%;}

@media screen and (min-width:1440px) {
    /* ?????????????????? */
    .two-columns.right-side #main-content{ width: 73%; }
    .two-columns.right-side aside.region-right-sidebar{ width: 26%; }
}




/*============================================================================
* Front page
*===========================================================================*/
#index h1{background: url(images/about.png) no-repeat left center;}
.two-columns.left-sidebar #main-content{ width: 74%; float: left; margin: 0px 0 10px 0; padding: 0px;}
.two-columns aside.region-left-sidebar{ width: 25%; float: left;margin: 0 1% 5px 0;}
.two-columns aside .block {margin: 0 0 25px 0; }
.two-columns aside .block h2 { padding-left: 30px; font-size: 16px; color: #333333; margin: 0 0 25px 0;}
.two-columns aside .block h4{margin: 0px;}
.two-columns aside .block .row{line-height: 1.2; clear: both;}
.two-columns aside #block-news { border: 1px solid #d7d7d7; border-radius: 7px;}
.two-columns aside #block-news h2{ font-size: 24px; background: url(images/news.png) no-repeat left center;}
.two-columns aside #block-news .row {margin-bottom: 18px;}
.two-columns aside #block-news > div {margin: 10px;}
.two-columns aside #block-news .all-news{ padding-bottom: 10px; clear: both;}
.two-columns aside #block-news .all-news .to-all-news { display: inline-block; padding-left: 30px; text-decoration: none; font-size: 1em; color: #069;background: url(images/enter-blue.png) no-repeat left center;}

.two-columns aside #block-comings { border: 1px solid #d7d7d7; border-radius: 7px;}
.two-columns aside #block-comings h2 {font-size: 24px; background: url(images/recomended.png) no-repeat left center;}
.two-columns aside #block-comings .row {margin-bottom: 18px;}
.two-columns aside #block-comings > div {margin: 10px;}

.two-columns aside .block-recomended-goods h2 {color: #1c3435; background: url(images/recomended.png) no-repeat left center;}
.two-columns aside .block-recomended-goods h2.goods {color: #F70F0F;}
.two-columns aside .block-recomended-goods h2 .goods {color: #F70F0F;}
.two-columns aside .block-recomended-goods .row{ width: 100%;float: left; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d7d7d7;}
/*.two-columns aside .block-recomended-goods .prew-pic { float: left; margin:0 10px 0 0; }
.two-columns aside .block-recomended-goods .description {float: left; width: 175px;}
.two-columns aside .block-recomended-goods .description .prices { padding: 20px 0 0 0;}
.two-columns aside .block-recomended-goods .description .prices span { clear: both; display: block;}
.two-columns aside .block-recomended-goods .description .prices .old-price { text-decoration: line-through; color: #949494; font-size: 12px;}
.two-columns aside .block-recomended-goods .description .prices .price { color: #006699; font-size: 14px;}*/
.two-columns aside .block-recomended-goods .block-content .row .preview-img { text-align: center; }
.two-columns aside .block-recomended-goods .block-content .row .preview-img img { border-radius: 10px;}
.two-columns aside .block-recomended-goods .block-content .row h4 { text-align: center; font-size: 14px; }
.two-columns aside .block-recomended-goods .block-content .row .preview { font-size: 14px; text-align: center; }
.two-columns aside .block-recomended-goods .block-content .row .prices { color: #006699; font-size: 16px; text-align: center; }

@media screen and (min-width:1440px) {
    .two-columns aside .block-recomended-goods h2,
    .two-columns aside .block h2 { font-size: 18px; }
}
#index #pre-footer {
    padding: 30px 0 20px 0;
    margin-bottom: 96px;
    position: relative;
    clear: both;
}
#index #pre-footer::after {
    content: " ";
    position: absolute;
    bottom: 0px; width: 88%;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 6%;
    display: block;
}
#index #pre-footer #pre-footer-content{ border: 1px solid #d7d7d7; border-radius: 7px;}
#index #pre-footer #pre-footer-content  #block-partners {position: relative; padding: 13px 70px 13px;}
#index #pre-footer #pre-footer-content  #block-partners .block-title {
    position: absolute;
    top: -14px;
    background-color: #FFF;
    width: 160px;
    overflow: hidden;
    padding: 0px 2%;
    margin: 0 auto;
    left: 41%;
}
#index #pre-footer #pre-footer-content  #block-partners h2 {
    color: #1C3435;
    background: url(images/partners.png) no-repeat left center;
    padding-left: 30px;
    font-size: 18px;
    margin: 0 0 0px 0;
}

/*sliders front page arrows*/
.bx-viewport li a { margin: 0; padding: 0px;}
.bx-wrapper img { max-width: 100%;display: block;}
.bx-controls-direction a{position: absolute;text-indent: -9999px; opacity: 1; z-index: 2; }
#block-partners .bx-prev{ top: 50%; margin-top: -16px; outline: 0;left: 10px; width: 32px; height: 32px; overflow: hidden; background: url(images/slide2.png)left center no-repeat;}
#block-partners .bx-next{ top: 50%; margin-top: -16px; outline: 0; right: 10px; width: 32px; height: 32px; overflow: hidden; background: url(images/slide2.png)right center no-repeat;}
#block-slider-main .bx-prev{top: 50%; outline: 0; margin-top: -25px;left: 10px; width: 50px; height: 50px; overflow: hidden; background: url(images/slide1.png)-1px center no-repeat;}
#block-slider-main .bx-next{ top: 50%; outline: 0; margin-top: -25px;right: 10px; width: 50px; height: 50px; overflow: hidden; background: url(images/slide1.png)-59px center no-repeat;}
#block-slider-main .block-inner  { clear: both; margin-left: 0px;margin-right: 0px;}
#block-slider-main .block-inner .bx-wrapper {position: relative;padding: 0;}
#block-slider-main .bx-next:hover, #block-slider-main .bx-prev:hover{opacity: 0.5;}
.bx-viewport ul.bxslider  {margin: 0px; padding: 0px;}
#block-slider-main .bx-viewport {border-radius: 10px; overflow: hidden;z-index: 1;}
#block-slider-goods .bx-wrapper img { margin: 0 auto; }

/*============================================================================
* About-us page
*===========================================================================*/
#about-us h1{background: url(images/ico-about.png) no-repeat left center;}
#about-us .node-content form > img { cursor: pointer; width: 17%/*168px*/; /*height: 149px;*/ border-radius: 10px; margin: 0 3% 33px 0;} /*style for small mages*/
/*gallary*/
.popup{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    overflow:auto;
}

.popup .close{ position: fixed; top: 20px; right: 20px; cursor: pointer;}
#view_img{
    display: block;
    height: 60%;
    margin: 0 auto;
    position: relative;
    top: 5%;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    z-index: 110;
}

.loader{
    background: #2b3889 url(images/loader.gif) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -125px;
}

.popup .social{ margin-top: 80px; text-align: center; color:#fff; position: relative; z-index: 9999;}

.social_close { position: absolute; z-index: 105; height: 100%; width:100%; top:0; }

.popup b{
    color: #fff;
    position: fixed;
    display: inline-block;
    width: 45%;
    height: 100%;
    top: 0;
    background-size: 30px !important;
    cursor: pointer;
    z-index: 200;
}

.popup b.prev{
    background: url(images/arrow_next.png) no-repeat center right;
    right: 0;
    margin-right: 5%;
}

.popup b.next{ background: url(images/arrow_prev.png) no-repeat left center; left: 0; margin-left: 5%;}
.popup .close{ z-index: 250; right: 23px !important;}
a.social_share { display: inline-block; height: 130px; margin-top: 20px;}
p#message { text-align: left; margin: auto; width: 600px; }
/*end POPUP*/


/*============================================================================
* Contact page
*===========================================================================*/
#contact h1{background: url(images/ico-contact.png) no-repeat left center;}
#contact .rows-wraper .row-text { width: 31%; float: left; height: 70px; margin: 10px 2% 10px 0; line-height: 1.3;}
#contact .rows-wraper .row-text h4 { margin: 0px;}
#contact .rows-wraper .row-text span { clear: both; display: block;}
#contact .rows-wraper .row-map { position: relative; z-index: 1; border-radius: 10px; width: 100%; overflow: hidden; height: 100%; margin: 10px 0 20px; float: left;}
#contact .rows-wraper .row-map.map-2 { margin: 10px 0 65px; }
#contact .rows-wraper .row-map iframe { width: 100%; position: relative; z-index: 0;}
#contact .rows-wraper hr { clear: both; margin: 25px 0; float: left; width: 100%;}
#contact span a img.card { height: 36px; padding: 0 1px; }
#contact h4 {margin-bottom: 0px; margin-top: 10px;}

/*============================================================================
* Cooperation page
*===========================================================================*/
#cooperation h1 { background: url(images/ico-cooperation.png) no-repeat left center; padding-left: 30px;}

/*============================================================================
* Partner page
*===========================================================================*/
#partner h1 { background: url(images/ico-cooperation.png) no-repeat left center; padding-left: 30px;}

/*============================================================================
* download page
*===========================================================================*/
#download h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}

#rules h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}
#vin h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}

/*============================================================================
* Delivery page
*===========================================================================*/
#delivery h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}
#delivery .page-delivery  .node-content ul li ul li a {text-decoration: underline;}
#delivery .page-delivery .table-list th {color: #fff; font-weight: normal; text-align: center;}

/*============================================================================
* Ragister page
*===========================================================================*/
#register h1, #passwd h1 { background: url(images/ico-register.png) no-repeat left center; padding-left: 30px;}
.register-form-wrapper{width:55%; float: left; margin: 0 5% 0 0;}
.info-box { width: 40%; float: left;}
.register-form-wrapper .form-item { margin: 0 0 5px 0; clear: both;}
.register-form-wrapper .form-actions{margin: 0 0 5px 0; clear: both;}
.register-form-wrapper .form-actions span {}
.register-form-wrapper .form-item select {
    height: 30px;
    border: 1px solid #D7D7D7;
    outline: none;
    padding: 1px 2px;
}
.register-form-wrapper .form-item.form-item-phone {
 position: relative;
}
.register-form-wrapper .form-item .phone_code{
    height: 30px;
    border: 1px solid #D7D7D7;
    outline: none;
    padding: 1px 2px;
    position: absolute;
    border-right: none;
    left: 205px;
    position: absolute;
    border-right: none;
}
.register-form-wrapper .form-item #phone{
    padding-left: 95px;
    box-sizing: border-box;
}
.register-form-wrapper .form-item input[type="text"] { height: 30px; border: 1px solid #D7D7D7; outline: none;padding: 1px 2px; box-sizing: border-box; width: 60%;}
.register-form-wrapper .form-item textarea { border: 1px solid #D7D7D7; outline: none;padding: 1px 2px; box-sizing: border-box; width: 60%;}
.register-form-wrapper .form-item label { font-weight: 400; width: 200px; margin-right: 2px; display: inline-block; }
.register-form-wrapper .form-item-captcha label { float: left; width: 203px;}
#vin .register-form-wrapper .form-item-captcha input[type="text"]  { width: 25%;}
.register-form-wrapper .form-item.form-item-choices { display: inline-block;}
.register-form-wrapper .form-item.form-item-choices #edit-choice label {width: auto;}
.register-form-wrapper .form-item.form-item-choices #edit-choice , .register-form-wrapper .form-item.form-item-choices > label {float: left;}
.register-form-wrapper .form-item.form-item-choices #pdv-choice label {width: auto;}
.register-form-wrapper .form-item.form-item-choices #pdv-choice , .register-form-wrapper .form-item.form-item-choices > label {float: left;}
.register-form-wrapper .form-actions .form-type-checkbox {display: inline-block; }
.not-front #block-system-main .node .node-content {clear: both; margin-bottom: 70px; display: inline-block; width: 100%;}

.register-form-wrapper .form-item input[type="submit"] {
    margin-left: 25px;
    width: auto;
    background-position: right 2px;
    height: 32px;
    background-color: #E6E6E6;
    color: #069;
    padding-right: 30px;
    border: 1px solid;
    text-indent: 0px;
}


/*============================================================================
* User-profile page
*===========================================================================*/
#user-profile  h1 { background: url(images/ico-user.png) no-repeat left center; padding-left: 30px;}
.form-profile-wrapper #profile legend {font-size: 16px; font-family: 'pf_med';}
.form-profile-wrapper #profile .field {margin:0 0 5px 0;}
.form-profile-wrapper #profile .field label { font-weight: 400; width: 155px; display: inline-block; }
.form-profile-wrapper #profile .field input[type="text"]:disabled {background: #f8f8f8;}
.form-profile-wrapper #profile .field input[type="text"],
.form-profile-wrapper #profile .field input[type="password"] { width: 350px;height: 27px; border: 1px solid #D7D7D7; outline: none;padding: 1px 2px;}
.form-profile-wrapper #profile .form-type-checkbox {display: inline-block;}
.form-profile-wrapper #profile .form-actions input[type="submit"] {
    margin-left: 505px;
    width: auto;
    background-position: right 2px;
    height: 32px;
    background-color: #E6E6E6;
    color: #069;
    padding-right: 30px;
    border: 1px solid;
    text-indent: 0px;
}
#user-profile .form-profile-wrapper {float: left; width: 60%;}
#user-profile .info-box {float: left; width: 40%;}
#user-profile .info-box .content-info-box {background: #e6e6e6; border-radius: 10px; padding: 25px 20px;}
#delivery_show {margin-right: 5px; border: none; background: transparent;/*background: #e6e6e6;*/ text-align: center; height: 31px; /*width: 180px;*/border-radius: 5px;}
#profile #delivery_show .ui-icon{display: inline-block; background:url(images/ico-point.png) no-repeat left center; width: 17px; height: 22px;}
#profile #delivery_show .ui-button-text{ color:#006699; font-size: 14px; font-family: 'pf_bold';}


/*============================================================================
* vakansii --- jobs page
*===========================================================================*/
#jobs h1 { background: url(images/ico-jobs.png) no-repeat left center; padding-left: 35px;}
#jobs #jobs-form .form-item {margin: 0 0 5px 0;}
#jobs #jobs-form .form-item label{ font-weight: 700; width: 110px; display: inline-block;}
#jobs #jobs-form .form-item input[type="text"]{ width: 350px;}
#jobs #jobs-form .form-item textarea { width: 350px;  resize: vertical; padding: 0 1px 0 7px; min-height: 45px;}
#jobs #jobs-form .form-item.form-item-file {overflow: hidden;  width: 425px; float: left;}
#jobs #jobs-form .form-item.form-item-file label {text-indent: -99999px;}
#jobs #jobs-form .form-item.form-item-file #uploadfile {display: none;}
#jobs #jobs-form .form-item.form-item-file #upload-button{background: url(images/upload.png) no-repeat left center; padding-left: 25px; height: 25px; line-height: 25px; text-decoration: underline; cursor: pointer; display: inline-block;}


/*============================================================================
* autoservice --- page
*===========================================================================*/
#autoservice h1 { background: url(images/ico-autoservice.png) no-repeat left center; padding-left: 35px;}
#autoservice  #main-content .node {}
#autoservice span img.card {height: 36px; padding: 0 1px;}
.node .cards {margin-bottom: 20px; display: inline-block;}
.node .cards .card {margin: 0 10px 0 0;}
.node ul{clear: both;}


/*============================================================================
* Basket page
*===========================================================================*/
#order-cart h1 { background: url(images/ico-cart.png) no-repeat left center; padding-left: 40px;}
#order-cart #block-system-main .info-text-cart { background: #E6E6E6; border-radius: 10px; padding: 25px 20px;}
#basket_form .chosen-single {font-size: 14px; height: 28px;width: 110px; padding: 1px 1px 1px 7px; border: solid 1px #898989; margin-right: 14px;border-radius: 0px;}
#basket_form input.bask-amount { width: 30px; vertical-align: top; padding: 1px; height: 22px; font-family: "pf_bold";}
#basket_form input[type="submit"]{ text-indent: 0;
                                   border: 1px solid;
                                   width: auto;
                                   height: 28px;
                                   background-color: #E6E6E6;;
                                   background-position: right 2px;
                                   background-repeat: no-repeat;}
/*:not(#basket_form input[type="submit"] )*/

#basket_form #btn_calc, #basket_form #btn_seldeliv,
#basket_form #btn_delete {color: #069; padding-right: 32px; height: 31px;}
#btn_calc{ background-image: url(images/calculator-icon.png); }
#btn_delete { background-image: url(images/delete_icon_stop.png); color: #F70F0F !important; font-weight: bold; }
#btn_seldeliv {background-image: url(images/ico-point.png)}
#basket_form #btn_calc:hover, #basket_form #btn_seldeliv:hover,
#basket_form #btn_delete:hover { opacity: 0.8; transition: all .2s ease-out; }
#basket_form #btn_checkout {
    text-indent: 0px;
    border: 1px solid;
    width: auto;
    height: 31px;
    background-image: url('images/enter-sprite.png');
    background-color: #E6E6E6;
    background-position: right 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 30px;
    color: #069;
}
#basket_form #receiver_fio{ width: 100px; }
#basket_form #receiver_phone{ width: 105px; }
/*#basket_form #btn_checkout:hover { background-position: 0px -34px;}*/
#order-import .form-profile-wrapper {float: left; width: 60%;}
#order-import .info-box {float: right; width: 35%;}
#order-import .info-box .content-info-box {background: #e6e6e6; border-radius: 10px; padding: 25px 20px;}


/*============================================================================
* Zamovlenya page
*===========================================================================*/
#olist h1 { background: url(images/ico-olist.png) no-repeat left center; padding-left: 40px;}


/*============================================================================
* Zvitu page
*===========================================================================*/
input[type="submit"] {
    margin-left: 25px;
    text-indent: -9999px;
    border: none;
    width: 28px;
    height: 28px;
    background-image: url(images/enter-sprite.png);
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
}
input[type="submit"]:hover {background-position: 0px -34px;}
input[type="text"] {font-size: 14px; height: 24px; padding: 1px 1px 1px 7px; border: solid 1px #898989; color: #000;border-radius: 0px;}

#zvitu h1{ background: url(images/ico-zvitu.png) no-repeat left center; padding-left: 40px;}
#zvitu .form-type-checkboxes,
#zvitu .form-type-checkboxes .form-type-checkbox { display: inline-block;}
#zvitu .form-type-checkboxes .form-type-checkbox label {margin-right: 15px;}
#select-date input[type="text"]{width: 80px;}
#select-date img.ui-datepicker-trigger, #basket_form img.ui-datepicker-trigger {vertical-align: middle; margin-left: 1px; margin-bottom: 1px;}

.table-list{ font-size: 12px; }
@media screen and (min-width:1440px) {
    .table-list{ font-size: 14px; }
}
.table-list-bg{ font-size: 12px; }
@media screen and (min-width:1440px) {
    .table-list-bg{ font-size: 14px; }
}
.table-list tr.red, .table-list tr td.icons span.red, label span.red { color: #9e0505; }
.table-list tr.brown, .table-list tr td.icons span.brown, label span.brown { color: #4e0000; }
.table-list tr.green, .table-list tr td.icons span.green, label span.green { color: green; }
.table-list tr.gray, .table-list tr td.icons span.gray, label span.gray { color: gray; }
.table-list tr.blue, .table-list tr td.icons span.blue, label span.blue { color: #0972a5; }
.table-list tr.hand, .table-list tr td.hand { cursor: pointer;}
.table-list tr td, .container .article #PROSIFE tr td { padding: 2px; text-align: center;}
.table-list tr td.left, .container .article #PROSIFE tr td.left { padding-left: 10px; text-align: left;}
.table-list tr td.right, .container .article #PROSIFE tr td.right { padding-right: 10px; text-align: right;}
.table-list tr td.grey, .container .article #PROSIFE tr td.grey { color: #747474;}
.table-list tr td.icons, .container .article #PROSIFE tr td.icons { padding: 7px 7px 0;}

.table-list tr td.error { background-color: #feb5b5; font-weight: bold;}

.table-list tr td.bold, .container .content #basket tr td.bold,
#orders_list tr td.bold, .container .article #PROSIFE tr td.bold { font-family: "pf_bold";}
.table-list tr td#price, .container .content #basket tr td#price { font-family: "pf_bold";}
.table-list tr td.cart a, .container .content #basket tr td.cart a { display: block; height: 20px; margin: 0 5px; width: 24px;}
.table-list tr td.cart a.reg, .container .content #basket tr td.cart a.reg { background: url("images/cart-red.png") no-repeat scroll 0 0 transparent; }
.table-list tr td.cart a.red, .container .content #basket tr td.cart a.red { background: url("images/cart-red.png") no-repeat scroll 0 0 transparent;}
.table-list tr td.cart a.notify-on, .container .content #basket tr td.cart a.notify-on { background: url("images/bell-notify-on.png") no-repeat scroll 0 0 transparent;}
.table-list tr td.cart a.notify-off, .container .content #basket tr td.cart a.notify-off { background: url("images/bell-notify-off.png") no-repeat scroll 0 0 transparent;}
.table-list tr td.cart a.grey { background: url("images/cart-grey.png") repeat scroll 0 0 transparent; }
.table-list tr td a.xls, a.xls { vertical-align: middle; background: url("images/excel24.png") repeat scroll 0 0 transparent; display: inline-block; height: 24px; margin: 0 1px; width: 24px; }
.table-list tr td .photo-red { vertical-align: middle; background: url("images/photo-red.png") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px; width: 20px; }
.table-list tr td .photo-grey { vertical-align: middle; background: url("images/photo-grey.png") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px; width: 20px;}
.table-list tr td .info-red { vertical-align: middle; background: url("images/info-red.png") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px; width: 20px; }
.table-list tr td .info-grey { vertical-align: middle; background: url("images/info-grey.png") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px;width: 20px; }
.table-list tr td .pdf-red { vertical-align: middle; background: url("images/pdf-red.gif") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px; width: 20px;}
.table-list tr td .pdf-grey { vertical-align: middle; background: url("images/pdf-grey.gif") no-repeat scroll 0 0 transparent; background-size: 95%; display: inline-block; height: 20px; margin: 0 1px; width: 20px; }
.table-list tr.white, .container .article #PROSIFE tr.white { background: none repeat scroll 0 0 #FFFFFF;}
.table-list tr.bsinfo { background: none repeat scroll 0 0 #D9EDF7;}
.table-list tr.pinfo { background: none repeat scroll 0 0 #FCFAF2;}
.table-list tr.grey, .container .article #PROSIFE tr.grey { background: none repeat scroll 0 0 #F5F5F5;}
.table-list tr.pink, .container .article #PROSIFE tr.pink { background: none repeat scroll 0 0 #CD0A0A;}
.table-list tr.title td, .container .article #PROSIFE tr.title td { padding-left: 10px; text-align: left; background: none repeat scroll 0 0 #DEDEDE;}
.table-list tr.grey:hover, .container .article #PROSIFE tr.grey:hover { background-color: #b0bec3; }
.table-list tr.white:hover, .container .article #PROSIFE tr.white:hover { background-color: #b0bec3; }
.table-list tr td.shara { color: red; font-size: 14px;}
.table-list tr td.shara div { color: grey; font-size: 11px; font-weight: normal; text-decoration: line-through;}
.table-list th.article {text-align: center;}
.table-list tr {border: 1px solid #B5B5B5; }
.table-list tbody tr:hover {background-color: #B0BEC3;}
.table-list tbody tr.nohover:hover {background-color: transparent;}

.table-list tbody tr td.amount{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.table-list tbody tr td span.ambysk {
    margin-right: 1px;
    border: 1px solid #006699;
    background-color: #fff;
    width: 18px;
    display: inline-block;
    font-size: 12px;
    height: 18px;
}

#delivery_form.table-list tr.grey:hover { background-color: #F5F5F5;}
#delivery_form.table-list tr.white:hover { background-color: #FFFFFF;}


div.group-info div.info-line span.info-line-right a.infopage-add-cart-red {
    background: url("images/cart-red.png") no-repeat scroll 0 0 transparent;
    width: 24px;
    height: 20px;
    display: inline-block;
    margin: 0px 5px;
    vertical-align: middle;
}
/*============================================================================
* News page
*===========================================================================*/
#news h1 { background: url(images/ico-news.png) no-repeat left center; padding-left: 35px;}
#news .views-row {clear: both; padding-bottom: 25px; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px;display: inline-block; width: 100%;}
#news .views-row .views-field-field-news-image {float: left; margin: 0 4% 1px 0; width: 18%;}
#news .views-row .views-field-field-news-image .field-content { float: left;height: 149px;border-radius: 5px;width: 168px;overflow: hidden;}
#news .views-row .views-field-field-news-image img { border-radius: 10px; }
#news .views-row .right-side {float: left; width: 78%;}
#news .views-row .right-side .views-field-title {color: #006699; }
#news .views-row .right-side .views-field-created{ margin-bottom: 5px;}
#news .views-row .right-side .views-field-body p {line-height: 1.2;}
#news .views-row .right-side .views-more-link {font-family: 'pf_bold'; line-height: 20px;display: block; height: 20px; background: url(images/readmore.png) no-repeat left center; padding-left: 25px;}
#news #node div.node-content p a {text-decoration: underline;font-weight: var(--fw-bold);color: var(--sku);}

/*============================================================================
* Shares page
*===========================================================================*/
#shares h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 35px;}
#shares .views-row {clear: both; padding-bottom: 25px; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px;display: inline-block; width: 100%;}
#shares .views-row .views-field-field-news-image {float: left; margin: 0 4% 1px 0; width: 20%;}
#shares .views-row .views-field-field-news-image .field-content { float: left;height: 100%;border-radius: 5px;width: 100%;overflow: hidden;}
#shares .views-row .views-field-field-news-image img { border-radius: 10px; max-width: 100%; }
#shares .views-row .right-side {float: left; width: 70%;}
#shares .views-row .right-side .views-field-title {color: #006699; }
#shares .views-row .right-side .views-field-created{ margin-bottom: 5px;}
#shares .views-row .right-side .views-field-body p {line-height: 1.2;}
#shares .views-row .right-side .views-more-link {font-family: 'pf_bold'; line-height: 20px;display: block; height: 20px; background: url(images/readmore.png) no-repeat left center; padding-left: 25px;}
#shares .shares-rew-table .rewards-block { width: 30%; float: left; padding-right: 15px; }
#shares .shares-rew-table .reward-photos { text-align: center; }
#shares .shares-rew-table .reward-photos img { border-radius: 5px; max-width: 75%; }
#shares .shares-rew-table .reward-content h3 { margin-top: 0; }
#shares .shares-your-reward { clear: both; padding-top: 15px; }
/*pager*/
.text-center {width: 100%; position: relative; text-align: center; clear: both;}
.text-center ul.pagination { padding: 10px; text-align: center; margin: 0 auto}
.text-center ul.pagination li {display: inline; list-style: none;}
.text-center ul.pagination li a {font-family: 'pf_bold'; color: #006699; margin: 0 4px;}
.text-center ul.pagination li a:hover{color: #111111; text-decoration: none;}
.text-center ul.pagination li.active a {color: #111111; background: transparent;  font-family: 'pf_l';}


/*============================================================================
* News page inner node-type-news !!!!
*===========================================================================*/
.node-type-news h1 { background: url(images/ico-news.png) no-repeat left center; padding-left: 35px;}
.node-type-news .field-news-title h2 {color: #006699; font-size: 14px; margin: 0px;}
.node-type-news .datestamp{margin-bottom: 10px;}
.node-type-news .field-news-subtitle {}
.node-type-news .field-news-image { float: left; margin: 0 15px 15px 0px;}
.node-type-news .node-content img,
.node-type-news .node-content .field-news-image img {border: 1px solid #d7d7d7; }


/*============================================================================
* Marks page
*===========================================================================*/
#marks h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 35px;}
#marks .all-cars {display: none;}
#marks .top-cars .row,
#marks .all-cars .row {float: left; width: 20%; text-align: center; margin-bottom: 10px;}
#marks .top-cars .row a,
#marks .all-cars .row a{font-family: 'pf_bold';}
#marks .top-cars .clear {clear: both; text-align: center; background: #e6e6e6;}
#marks .top-cars .clear #showall {margin: 0 auto; display: inline-block; cursor: pointer;}
#marks .top-cars .clear #showall .ico-but{ color: #006699;background: url(images/enter-car.png)no-repeat left center;padding-left: 25px; height: 31px;display: inline-block;line-height: 31px;}

/*============================================================================
* partner page
*===========================================================================*/
#partner h1 { background: url(images/partners.png) no-repeat left center; padding-left: 35px;}
/*#partner .all-partner {display: none;}*/
#partner .top-partner .row,
#partner .all-partner .row {float: left; width: 20%; min-height: 130px; text-align: center; margin-bottom: 10px; }
#partner .top-partner .row a,
#partner .all-partner .row a{font-family: 'pf_bold';}
#partner .top-partner .clear {clear: both; text-align: center; background: #e6e6e6;}

/*============================================================================
* Cat -item page
*===========================================================================*/
#cat h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 35px;}
.page-cat #cart-slider{ float: left; width: 45%; margin: 0 5% 60px 0;}
#carousel-wrapper { padding-bottom: 10px; position: relative;}
#carousel, #thumbs { overflow: hidden; }
/*#carousel-wrapper .caroufredsel_wrapper { border-radius: 10px;box-shadow: 0 0 5px #899;}*/

#carousel.inactive { /*background: #ffffff;*/ width: 490px; height: 490px; /*border-radius: 10px;box-shadow: 0 0 5px #899;*/ overflow: hidden; display: table-cell; vertical-align: top; text-align: center; }
#carousel.inactive img { position: inherit; max-width: 100%; width: auto; height: auto; float: none; margin: auto;}
#carousel.inactive span{ width: auto; height: auto; float: none;}
#carousel span, #carousel img,
#thumbs a, #thumbs img  { display: block; float: left; }
#carousel span, #carousel a, #thumbs span, #thumbs a { position: relative; }
#carousel img,
#thumbs img {
    border: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    right: 0;
    margin: auto;
}
#carousel img.glare, #thumbs img.glare { width: 102%; height: auto; }
#carousel span { width: 450px; height: 313px;}

#thumbs-wrapper { padding: 20px 40px; position: relative; }
#thumbs a {
    border: 1px solid #B5B5B5;
    width: 150px;
    height: 100px;
    margin: 0 10px;
    overflow: hidden;
/*    border-radius: 10px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -ms-transition: border-color .5s;
    transition: border-color .5s;*/
}
#thumbs a:hover, #thumbs a.selected { border-color: #006699; }
#wrapper img#shadow { width: 100%; position: absolute; bottom: 0; }

#prev, #next {
    background: transparent url('images/carousel_nav.png') no-repeat 0 0;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}
#prev {
    background-position: 0 0;
    left: 10px;
}
#next {
    background-position: -32px 0;
    right: 10px;
}
#prev:hover {
    opacity: 0.8;
}
#next:hover {
    opacity: 0.8;
}
#prev.disabled, #next.disabled {
    display: none !important;
}

.page-cat .left-part {float: left; width: 45%; margin: 0 0 20px 5%;}
.page-cat .left-part .price-basket .price{ font-size: 18px; color: #006699; margin: 0 15px;}
.page-cat .left-part .price-basket .to-buy-link {display: inline-block;}
.page-cat .left-part .price-basket .to-buy-link .button-css-red{ outline: none; background-image: url('images/cart-white.png'); background-position: 15px center; background-repeat: no-repeat; padding: 7px 15px 7px 45px; border-top-left-radius: 15px 8px; border-bottom-left-radius: 15px 8px; border-top-right-radius: 15px 8px; border-bottom-right-radius: 15px 8px; border:none; background-color: #ed0911; color: #ffffff;font-size: 14px}
.page-cat .left-part .price-basket .to-buy-link .button-css-red:hover{transition: all .2s ease-out; opacity: 0.6;}
.page-cat .left-part .group-info {margin-bottom: 20px;}
.page-cat .left-part .info-title {font-family: 'pf_reg'; font-size: 18px;}
.page-cat .left-part .group-info a{text-decoration: underline;}


#brand h1, #brands h1, #like h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 35px;}

/*============================================================================
* Katalog-all page
*===========================================================================*/
#store h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}
#store-right-sidebar { margin: 0 1% 40px 0; padding: 0 1%;}
#store-right-sidebar h2 {color: #1c3435; background: url(images/recomended.png) no-repeat left center;}
#store-right-sidebar .row{ width: 100%;float: left; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d7d7d7;}
#store-right-sidebar .filters .filters-s ul { list-style: none; padding-left: 0px; margin-top: 0px;}
#store-right-sidebar .filters .filters-s .filters-s-l { font-size: 12px; color: #069;}
#store-right-sidebar .filters #mincost, #store-right-sidebar .filters #maxcost {padding-left: 2px; width: 40px;}
#store-right-sidebar .filters .filters-scroll { overflow-y: auto; max-height: 250px; }

@media screen and (min-width:1440px) {
    #store-right-sidebar .filters .filters-s .filters-s-l { font-size: 16px; }
}

.view-with-goods {margin: 0px;padding: 0px; width: 100%;}
.view-with-goods  .row {width: 25%; height: 380px; padding: 0 0 15px 0;float: left;}
.view-with-goods .row:nth-child(4n+4) .row-inner-wrapper{float: left;}
.row-inner-wrapper .goods-info.prew-pic {display: table-cell; width: 250px; overflow: hidden;text-align: center; vertical-align: middle;height: 170px; /*background: #ffffff;*/}
.row-inner-wrapper .goods-info.prew-pic img {
    position: inherit;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    border-radius: 10px;
}

#index .view-with-goods  .row .row-inner-wrapper {display: table-cell; vertical-align: top; float: left; width: 185px;}
#index .view-with-goods  .row {width: 32%;}
#index .view-with-goods .row:nth-child(3n+3) .row-inner-wrapper{float: left;}

.view-with-goods  .row .row-inner-wrapper {display: table-cell; vertical-align: top; float: left; width: 245px;}
@media screen and (min-width:1440px) {
    #index .view-with-goods  .row .row-inner-wrapper { width: 235px; }
    .view-with-goods  .row .row-inner-wrapper { width: 300px; }
}

.view-with-goods  .row .row-inner-wrapper .goods-title{ max-height: 75px; overflow: hidden;}
.view-with-goods  .row .row-inner-wrapper .goods-title a{font-family: 'pf_bold';}
.view-with-goods .price-basket .price{ font-size: 18px; color: #000/*006699*/; margin: 0 2px 0 0px;}
.view-with-goods .price-basket .to-buy-link {display: inline-block;}
.view-with-goods .price-basket .to-buy-link .red {background: transparent url(images/cart-red.png) no-repeat scroll 0px 0px; width: 24px; height: 19px; display: block; margin: 0px 0px -2px;}
.view-with-goods .price-basket .to-buy-link .button-css-red{ outline: none; background-image: url('images/cart-white.png'); background-position: 8px center; background-repeat: no-repeat; padding: 7px 10px 7px 35px; border-top-left-radius: 15px 8px; border-bottom-left-radius: 15px 8px; border-top-right-radius: 15px 8px; border-bottom-right-radius: 15px 8px; border:none; background-color: #ed0911; color: #ffffff;font-size: 14px}
.view-with-goods .price-basket .to-buy-link .button-css-red:hover{transition: all .2s ease-out; opacity: 0.6;}

.view-with-goods  .row .row-inner-wrapper .goods-properties{font-family: 'pf_l';}
.view-with-goods  .row .row-inner-wrapper .goods-properties .label-title{color: #888888;}
.view-with-goods  .row .row-inner-wrapper .price-basket .label-title{color: #888888;}

.container-auto .auto-container-long { display: block; width: auto; }
.container-auto .auto-container { display: inline-block; font-size: 12px; line-height: 20px; margin-bottom: 25px; padding-right: 5px; vertical-align: top; }
.container-auto .auto-container .letter { text-align: center; color: #686969; float: left; font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 0.4em; position: relative; width: 35px; }
.container-auto .auto-container-long .list { width: 300px; }
.container-auto .auto-container .list { list-style: none outside none; margin: 0px 10px 0 7px; padding: 0; }
.container-auto .auto-container-long ul { display: inline-block; vertical-align: top; }
.container-auto .auto-container-long ul.list li { margin-bottom: 5px; }
.container-auto .auto-container .list a { display: block; text-decoration: none; font-family: pf_bold; font-size: 18px; }
.container-auto .auto-container .list span { font-size:11px; font-family: "pf_reg"; font-size: 16px; }

.autocat-categories { word-spacing: -4px; }
.autocat-categories .autocat_cat:nth-child(2n+1) { margin: 0 21px 0 0; padding: 0; }
.autocat-categories .autocat_cat { display: inline-block; margin: 0 19px; padding: 0; position: relative; vertical-align: top; width: 45%; word-spacing: normal; }
.autocat-categories .autocat_cat .autocat_img { border-top: 2px solid #069; margin-bottom: 5px; padding: 5px; position: relative; z-index: 2; }
.autocat-categories .autocat_cat .autocat_info { background: none repeat scroll 0 0 rgba(255, 255, 255, 0); padding-top: 15px; padding-right: 30px; position: relative; z-index: 1; }
.autocat-categories .autocat_cat .autocat_title { font-size: 18px; letter-spacing: -0.25px; line-height: 18px; margin-bottom: 5px; }
.autocat-categories .autocat_cat .autocat_childrens { font-size: 12px; line-height: 14px; float: right; width: 50%;}
.autocat-categories .autocat_cat .autocat_childrens ul { list-style: outside none none; margin: 0; padding: 0; word-spacing: -4px; }
.autocat-categories .autocat_cat .autocat_childrens ul li { display: block; font-size: 12px; line-height: 14px; margin-right: 10px; vertical-align: middle; word-spacing: normal; }
.autocat-categories .autocat_cat .autocat_childrens ul li a { font-size: 12px; line-height: 14px; }
.autocat-categories .autocat_cat .autocat_img img {max-width: 48%; border:1px solid #dadada; display: block; }
.autocat-categories .autocat_cat:hover .autocat_img { border-top: 2px solid transparent; }
.autocat-categories .autocat_cat:hover .autocat_img img { border:1px solid #069; }
.autocat-categories .autocat_cat:hover .autocat_info { background: #F5F5F5; padding-left:10px; margin-left:-10px; padding-bottom: 160px; margin-bottom:-160px; padding-right:10px; border-radius: 10px; box-shadow: 0px 0px 5px #899;}

@media screen and (min-width:1440px) {
    .autocat-categories .autocat_cat .autocat_img img {max-width: 100%;}
    .autocat-categories .autocat_cat .autocat_childrens { font-size: 15px; line-height: 16px; }
    .autocat-categories .autocat_cat .autocat_childrens ul li { font-size: 15px; line-height: 16px; }
    .autocat-categories .autocat_cat .autocat_childrens ul li a { font-size: 15px; line-height: 16px; }
    .autocat-categories .autocat_cat:hover .autocat_info { background: #F5F5F5; padding-left:20px; margin-left:-20px; padding-bottom: 200px; margin-bottom:-200px; padding-right:10px; border-radius: 15px; box-shadow: 0px 0px 5px #899;}

}

.store-categories { word-spacing: -4px; }
.store-categories .store_cat:nth-child(3n+1) { margin: 0 21px 0 0; padding: 0; }
.store-categories .store_cat { display: inline-block; margin: 0 19px; padding: 0; position: relative; vertical-align: top; width: 30%; word-spacing: normal; }
.store-categories .store_cat .store_img { border-top: 2px solid #069; margin-bottom: 5px; padding: 5px; position: relative; z-index: 2; }
.store-categories .store_cat .store_info { background: none repeat scroll 0 0 rgba(255, 255, 255, 0); padding-top: 15px; padding-right: 30px; position: relative; z-index: 1; }
.store-categories .store_cat .store_title { font-size: 18px; letter-spacing: -0.25px; line-height: 18px; margin-bottom: 5px; }
.store-categories .store_cat .store_childrens { font-size: 12px; line-height: 14px; float: right; width: 95%;}
.store-categories .store_cat .store_childrens ul { list-style: outside none none; margin: 0; padding: 0; word-spacing: -4px; }
.store-categories .store_cat .store_childrens ul li { display: block; font-size: 12px; line-height: 14px; margin-right: 10px; vertical-align: middle; word-spacing: normal; }
.store-categories .store_cat .store_childrens ul li a { font-size: 12px; line-height: 14px; }
.store-categories .store_cat .store_img img {max-width: 48%; border:1px solid #dadada; display: block; }

@media screen and (min-width:1440px) {
    .store-categories .store_cat .store_img img {max-width: 100%;}
    .store-categories .store_cat .store_childrens { font-size: 15px; line-height: 16px; }
    .store-categories .store_cat .store_childrens ul li { font-size: 15px; line-height: 16px; }
    .store-categories .store_cat .store_childrens ul li a { font-size: 15px; line-height: 16px; }

}

.info-wrap { display: block; overflow: auto; }
.info-title { font-size: 20px; display: block; overflow: auto; padding-top: 10px; }
.info-title span { font-weight: bold; padding-left: 10px; width: auto; }
.info-title-first { padding-top: 0px; }
.info-line { display: block; overflow: auto; vertical-align: top; /*border: 1px solid #B5B5B5;*/}
.info-line input[type="radio"] { margin-right: 5px;}
.info-line-grey { background-color: #F5F5F5; }
.info-line-white { background-color: #FFFFFF; }
.info-line-grey:hover { background-color: #B0BEC3; }
.info-line-white:hover { background-color: #B0BEC3; }
.info-line span.info-line-left { float: left; padding: 1px 0 1px 5px; width: 45%; color: #888888;}
.info-line span.info-line-line { float: left; padding: 1px;}
.info-line span.info-line-right {
    float: right;
    padding: 1px 0;
    vertical-align: top;
    width: 50%;
}
.info-gallery {
    background-color: #FFFFFF;
    /*border: 1px dotted #747474;*/
    display: block;
    min-height: 245px;
    min-width: 325px;
    overflow: auto;
    padding: 3px;
    text-align: center;
    position: relative;
}
.info-gallery a img, .info-gallery img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 245px;
    max-width: 325px;
    position: absolute;
    right: 0;
    top: 0;
}

.info-gallery-mini {
    background-color: #FFFFFF;
    /*border: 1px dotted #747474;*/
    display: block;
    margin-top: 10px;
    overflow: auto;
    padding: 3px;
}
.info-gallery-mini a img {
    max-height: 64px;
    max-width: 64px;
}

div#pform input.new-cart-text {
    width: 45px;
    height: 24px;
    padding: 1px 1px 1px 7px;
    border: 1px solid #898989;
    color: #000;
}

div#pform input.new-cart-button {
    margin-left: 0px;
}

.viewer-box {
    cursor:pointer;
    position:relative;
    z-index:2;
    background:#FFF;
    display:block;
    border:solid 1px #069;
    font-family: pf_bold;
    color: #069;
    font-size: 12px;
}
/*.viewer-box:after, .viewer-box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.viewer-box:after {
    border-color: rgba(71, 213, 43, 0);
    border-left-color: #ffffff;
    border-width: 4px;
    margin-top: -4px;
}
.viewer-box:before {
    border-color: rgba(245, 233, 59, 0);
    border-left-color: #dadada;
    border-width: 5px;
    margin-top: -5px;
}*/

.my-ui-point-icon {
    background-image: url('images/ico-point.png') !important;
    width: 17px !important;
    height: 22px !important;
    top: 45% !important;
}

.partner {
    position: relative;
    color: #069;
}
.partner-denckermann:after {

}
.partner-denckermann:before {

}


img.imgpop {
    border-radius: 10px;
    max-width: 680px;
}

.table-list thead tr th.brand {
    width: 80px;
}
.table-list thead tr th.number {
    width: 75px;
}
.table-list tr td.name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
}

@media screen and (min-width:1440px) {
    .table-list thead tr th.brand {
        width: 110px;
    }
    .table-list thead tr th.number {
        width: 105px;
    }
    .table-list tr td.name {
        max-width: 210px;
    }
}


/* =============================================================================
 *   Tables .table-list-status
 * ========================================================================== */

table.table-list-status { border: 1px solid #ccc; }
table.table-list-status thead {}
/*table.table-list-status thead tr {background-color: #5C5C5C;}*/
/*table.table-list-status thead tr.mainhead {background-color: #898989;}*/
table.table-list-status thead tr th {}
table.table-list-status thead tr th.left {text-align: left;}
table.table-list-status thead tr th.right {text-align: right;}
table.table-list-status thead tr th.npp {width: 5px;}
table.table-list-status thead tr th.brand {width: 150px;}
table.table-list-status thead tr th.number {width: 110px;}
table.table-list-status thead tr th.amount {width: 40px;}
table.table-list-status thead tr th.price {width: 95px;}
table.table-list-status thead tr th.summa {width: 95px;}
table.table-list-status tbody {}
table.table-list-status tbody tr {}
table.table-list-status tbody tr.hand {cursor: pointer;}

table.table-list-status tbody tr.white { background: none repeat scroll 0 0 #FFFFFF;}
table.table-list-status tbody tr.grey { background: none repeat scroll 0 0 #F5F5F5;}
table.table-list-status tbody tr.pink { background: none repeat scroll 0 0 #CD0A0A;}
table.table-list-status tbody tr.grey:hover { background-color: #b0bec3; }
table.table-list-status tbody tr.white:hover { background-color: #b0bec3; }
table.table-list-status tbody tr.pink:hover { background-color: #b0bec3; }

table.table-list-status tbody tr td {}
table.table-list-status tbody tr td.left {text-align: left;}
table.table-list-status tbody tr td.right {text-align: right;}
table.table-list-status tbody tr td.npp {width: 16px; padding: 0; text-align: center;}
table.table-list-status tbody tr td.brand {width: 150px;}
table.table-list-status tbody tr td.number {width: 110px;}
table.table-list-status tbody tr td.amount {width: 40px;}
table.table-list-status tbody tr td.price {width: 95px;}
table.table-list-status tbody tr td.summa {width: 95px;}
table.table-list-status tbody tr td.sumtotal {width: 204px;}

table.table-list-status tbody tr td span.status-block {
    display: inline-block;
    height: 12px;
    width: 12px;
    padding: 0px;
    border: 1px #A29E9E solid;
    margin-right: 1px;
    vertical-align: middle;
    border-radius: 3px;
}
table.table-list-status tbody tr td span.status-rezerv {
    background-color: #52CFEA;
}
table.table-list-status tbody tr td span.status-sklad {
    background-color: #E6EA52;
}
table.table-list-status tbody tr td span.status-delive {
    background-color: #52EA69;
}

table.table-list-status td.name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}



/* #doc_show */
#doc_show {

}


/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #B5B5B5;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #B5B5B5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #069;
}

a.nd-email::after {
  content: attr(data-domain);
}
a.nd-email::before {
  content: attr(data-user) "\0040";
}
.text-primary {
    color: #337ab7;
}
.text-success {
    color: #3c763d;
}
.text-info {
    color: #31708f;
}
.text-warning {
    color: #8a6d3b;
}
.text-danger {
    color: #a94442;
}

.table-primary, .table-primary>td, .table-primary>th{
    background-color: #b8daff;
}

.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #d6d8db;
}

.table-success, .table-success>td, .table-success>th {
    background-color: #c3e6cb;
}

.table-danger, .table-danger>td, .table-danger>th {
    background-color: #f5c6cb;
}

.table-warning, .table-warning>td, .table-warning>th {
    background-color: #ffeeba;
}

.table-info, .table-info>td, .table-info>th {
    background-color: #bee5eb;
}

.table-light, .table-light>td, .table-light>th {
    background-color: #fdfdfe;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}
.table-dark, .table-dark>td, .table-dark>th {
    background-color: #c6c8ca;
}

.table-hover tbody tr:hover, .table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: rgba(0,0,0,.075);
    font-weight: bold;
}

/* content page 2 */
#povernenya h1 { background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}
#page .node-content .page-text-col { width: 73%; float: left; }
#page .node-content .page-text-col .disabled { display: none; }
#page .node-content .page-menu-col { width: 26%; float:  right; }
#page .node-content .page-menu-col .block-content .row .current { font-weight: bold; }
#page .node-content .page-menu-col .block-title h2 {color: #1c3435; background: url(images/ico-delivery.png) no-repeat left center; padding-left: 30px;}

.ui-dialog.custom-overflow{
    overflow: visible;
}

input.del-street {
    width: 285px;
}

input.del-house,
input.del-flat {
    width: 30px;
}

input[type="text"]#searchNumber {
    font-size: 14px;
    height: 24px;
    width: 159px;
    padding: 1px 1px 1px 7px;
    border: solid 1px #898989;
    color: #000;
}

input[type="submit"]#formSubmit {
    margin-left: 0px;
    border: none;
    width: 28px;
    height: 28px;
    background: url(images/search.png) center center no-repeat;
}

.flex-container{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.flex-row{
    flex-direction: row;
}

.justify-end{
    justify-content: flex-end;
}

@media print {
    /* здесь будут стили для печати */
    .table-list-status td.name {
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 200px;
    }
}

.legends-container{
    width: 30%;
}

.legends{
    padding: 0 10px;
    border: 1px solid #ccc;
}

.form-profile-wrapper #profile .field label.option {
    width: auto;
    margin-right: 20px;
}

#user-profile fieldset[name='legal-options'] {
    border: 1px dashed #069;
    background-color: #fbf9ee;
}

div#BranchSelectConteiner {
    float: right;
    margin-right: 12px;
    margin-bottom: 3px;
}

span.ui-icon{
    width: 16px;
}

a.new-b2b-portal-link {
    color: #F70F0F;
    float: left;
    font-weight: bold;
    font-size: larger;
}

/** Promo line **/
table.table-list tr.promo-line-name,
table.table-list tr.promo-line-dday {
    background: rgb(255 194 174);
}
table.table-list tr.promo-line-name td.price,
table.table-list tr.promo-line-dday td.price {
    color: #f70f0f;
}
table.table-list tr.promo-line-name td.name:before {
    content: 'Акція';
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f84147;
    position: relative;
    margin-left: 0px;
    margin-right: 2px;
}
table.table-list tr.promo-line-dday td.dday:after {
    content: 'Акція';
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f84147;
    position: absolute;
    margin-left: 1px;
}

div.ui-widget a.qr-code-link {
    display: block;
    position: relative;
    float: right;
}
div.ui-widget a.qr-code-link img.qr-code-img {
    max-width: 100px;
    max-height: 100px;
}