/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html
{
    height: 100%;
}
html,
button,
input,
select,
textarea {
    color: #222;
}

body
{
    height: 100%;
    margin: 0;

    font-size: 1em;
    line-height: 1.6;

    position: relative;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #ECF4FF;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a { text-decoration: none; }

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
    font: 13px Arial, Helvetica, sans-serif;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

#page-placeholder {
    min-height: 78%;
    position: relative;
}
/* ===================
    ALL: Orange Theme
   =================== */
.main aside
{
    border-top: 20px solid #e44d26;
}

.header-container,
.footer-container,
.main aside,
.menu nav a.active,
.footer-container
{
    background: #242424 url(../img/noisy_texture.png) repeat top left;
}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    /*display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #e44d26;*/
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    /*padding: 30px 0;*/
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}
/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}
/* ==========================================================================
    Sprite Image
   =========================================================================*/
.logo span,
.search-home .button-search .icon,
.arrow,
.icon,
.check
{
    display: block;

    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
}
/* ==========================================================================
    System section
   =========================================================================*/
.system {
    padding: 7px 0;
    background-color: #000;

    font-weight: bold;
    font-size: 10px;

    -webkit-box-shadow: 0px 8px 5px rgba(000,000,000,0.5);
    box-shadow: 0px 8px 5px rgba(000,000,000,0.5);

    position: relative;
}
/**************************************************************************
    Contact section
**************************************************************************/
.contacts { float: left;}
.system p
{
    padding: 0;
    margin: 0;
    display: inline;

    color: #6f6f6f;
}
.system p span,
.system p a
{
    margin-left: 3px;
    color: #fff;
    text-decoration: none;
}
.separator
{
    width: 0px;
    height: 20px;
    margin: 0 18px;

    border-left: 1px solid #141414;
    border-right: 1px solid #565656;
}
/**************************************************************************
    Language section
**************************************************************************/
.language
{
    float: right;
}
.language a
{
    color: #fff;
}
.language a + a { margin-left: 18px; }
/**************************************************************************
    Logo
**************************************************************************/
.logo-holder
{
    height: 64px;
    padding-top: 24px;

    position: relative;
    z-index: 6;
}
.spot,
footer .spot
{
    background-repeat: no-repeat;

    position: absolute;
    z-index: 2;
}
.spot
{
    width: 100%;
    height: 87px;

    background-position: 80% 20%;

    background: -moz-radial-gradient(80% 20%, rgba(255,255,255,0.15) 0%, rgba(211,211,211,0.153) 13%, rgba(39,39,39,0) 49%, rgba(39,39,39,0) 100%);
    background: -webkit-radial-gradient(80% 20%, rgba(255,255,255,0.15) 0%,rgba(211,211,211,0.15) 13%,rgba(39,39,39,0) 49%,rgba(39,39,39,0) 100%);
    background: -o-radial-gradient(80% 20%, ellipse cover, rgba(255,255,255,0.15) 0%,rgba(211,211,211,0.15) 13%,rgba(39,39,39,0) 49%,rgba(39,39,39,0) 100%);
    background: -ms-radial-gradient(80% 20%, ellipse cover, rgba(255,255,255,0.15) 0%,rgba(211,211,211,0.15) 13%,rgba(39,39,39,0) 49%,rgba(39,39,39,0) 100%);
    background: radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.15) 0%,rgba(211,211,211,0.15) 13%,rgba(39,39,39,0) 49%,rgba(39,39,39,0) 100%);


    top: 29px;
    right: 0;
}
footer .spot
{
    width: 100%;
    height: 56%;

    background-position: 80% 20%;

    background: -webkit-radial-gradient(50% 250%, rgba(49,128,150,1), rgba(33,33,33,0));
    background: -moz-radial-gradient(50% 250%, rgba(49,128,150,1), 9rgba(33,33,33,0));
    background: -ms-radial-gradient(50% 250%, rgba(49,128,150,1), rgba(33,33,33,0));

    left: 0;
    bottom: 0;
}
.logo-holder .logo span
{
    width: 218px;
    height: 35px;
    display: block;

    position: absolute;
    top: 29px;
    left: 0;
    z-index: 10;
}
.logo-holder .logo .bg-logo {
    background-position: 0 0;
}
.logo-holder .logo .en-logo {
    background-position: 0 -62px;
}

/**************************************************************************
    Menu
**************************************************************************/
.menu
{
    background-color: #035b75;
    background: url(../img/bg_nav_fb_gradient.jpg);
    background-repeat: repeat-x;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00738e), to(#0b4758));
    background: -webkit-linear-gradient(top, #0b4758, #00738e);
    background: -moz-linear-gradient(top, #0b4758, #00738e);
    background: -ms-linear-gradient(top, #0b4758, #00738e);
    background: -o-linear-gradient(top, #0b4758, #00738e);

    position: relative;
    z-index: 1;
}
.noise
{
    background-image: url(../img/noise_texture_nav.png);
    background-repeat: repeat;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.menu .spot
{
    width: 100%;
    height: 100%;
    margin: 0 auto;

    background-color: rgba(10,71,88,0);
    background-position: 80% 20%;
    background-repeat: no-repeat;

    background: -moz-radial-gradient(60% 20%, rgba(255,255,255,0.3) 0%, rgba(211,211,211,0.33) 13%, rgba(10,71,88,0) 49%, rgba(10,71,88,0) 100%);
    background: -webkit-radial-gradient(60% 20%, rgba(255,255,255,0.3) 0%,rgba(211,211,211,0.3) 13%,rgba(10,71,88,0) 49%,rgba(10,71,88,0) 100%);
    background: -o-radial-gradient(60% 20%, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(211,211,211,0.3) 13%,rgba(10,71,88,0) 49%,rgba(10,71,88,0) 100%);
    background: -ms-radial-gradient(60% 20%, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(211,211,211,0.3) 13%,rgba(10,71,88,0) 49%,rgba(10,71,88,0) 100%);
    background: radial-gradient(ellipse at 60% 20%, rgba(255,255,255,0.3) 0%,rgba(211,211,211,0.3) 13%,rgba(10,71,88,0) 49%,rgba(10,71,88,0) 100%);


    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.border-top,
.border-bottom
{
    height: 1px;

    background: -webkit-gradient(linear, left top, right top, from(rgba(156,156,156,0.1)), color-stop(0.25, rgba(255,255,255, 0.6)), color-stop(0.5, rgba(156,156,156,0.1)), color-stop(0.75, rgba(255,255,255, 0.6)), to(rgba(255,255,255, 0.6)));
    background: -webkit-linear-gradient(left, rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1));
    background: -moz-linear-gradient(left, rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1));
    background: -ms-linear-gradient(left, rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1));
    background: -o-linear-gradient(left, rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1), rgba(255,255,255, 0.6), rgba(156,156,156,0.1));

    position: absolute;
}
.border-top
{
    width: 60%;

    top: -1px;
    right: 0;
}
.border-bottom
{
    width: 100%;
    bottom: -1px;
    left: 0;
}
.menu nav a,
footer nav a
{
    display: block;
    float: left;
}
.menu nav a
{
    height: 27px;
    padding: 8px 24px 2px 24px;

    text-align: center;
    color: #fff;
    line-height: 1.3;
}
nav a:hover { text-decoration: none; }
.menu nav a.active { color: #fff; }
.menu nav.wrapper
{
    position: relative;
    z-index: 2;
}
.system p a:hover,
.language a:hover,
.language a.active
{
    color: #66a0b4;
    text-decoration: none;
}
a.active
{
    cursor: default;
}
/* ==========================================================================
   MAIN Home
   ========================================================================== */
.main-container.height-max
{
    height: auto !important;
    min-height: 78%;
}
#page-placeholder
{

    background: url(../img/bg_home/bg_home.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.search-home
{
    padding-top: 10%;
    margin: 0 auto;
}
.search-home label
{
    margin: 0 0 10px 30px;
    display: block;
    clear: both;
    cursor: pointer;

    font-size: 34px;
    color: #fff;
}
.search-home input[type="text"]
{
    padding: 7px 30px 3px 30px;
    margin: 0;

    background-color: #f6f6f6;

    border-right: none;
    border-left: 1px solid #7d7d7d;

    -webkit-border-top-left-radius: 600px;
    -webkit-border-bottom-left-radius: 600px;

    -moz-border-radius-topleft: 600px;
    -moz-border-radius-bottomleft: 600px;

    border-top-left-radius: 600px;
    border-bottom-left-radius: 600px;

    -moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);
    box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);

    font-weight: bold;
    font-size: 16px;
    color: #696969;
    line-height: 1.3;

    outline: none;
    height: 30px;
}
.search-home .button-search
{
    width: 34px;
    height: 26px;
    padding: 14px 0 0 18px;
    border: none;

    background-color: #96d0e7;

    border-right: 1px solid #7d7d7d;
    border-left: none;

    -webkit-border-top-right-radius: 600px;
    -webkit-border-bottom-right-radius: 600px;

    -moz-border-radius-topright: 600px;
    -moz-border-radius-bottomright: 600px;

    border-top-right-radius: 600px;
    border-bottom-right-radius: 600px;

    position: relative;
    z-index: 1;

    -moz-box-shadow: 20px 0px 31px rgba(0,0,0,0.2);
    -webkit-box-shadow: 20px 0px 31px rgba(0,0,0,0.2);
    box-shadow: 20px 0px 31px rgba(0,0,0,0.2);
}
.search-home input[type="text"],
.search-home .button-search
{
    display: block;
    float: left;

    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
}
.search-home .button-search .icon
{
    width: 12px;
    height: 12px;

    background-position: 0 -36px;
}
.search-home label,
.product-info
{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.search-header
{
    min-width: 50%;
    float: right;

    position: relative;
    z-index: 10;
}
.search-header input[type="text"],
.search-header .button-search
{
    display: block;
    float: left;

    border-top: 1px solid #7d7d7d;
}
.search-header input[type="text"]
{
    width: 75%;
    height: 24px;
    padding: 4px 0px 0px 20px;
    margin: 0;
    float: right;

    background-color: #f6f6f6;

    border-bottom: 1px solid #fff;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-right: none;

    -webkit-border-top-left-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;

    -moz-border-radius-topleft: 14px;
    -moz-border-radius-bottomleft: 14px;

    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2), 1px -1px 31px rgba(0,0,0,0.5);

    font-weight: normal;
    font-size: 12px;
    color: #607078;
    font-style: italic;
    line-height: 1.5;
    outline: none;
}
.search-header .button-search
{
    width: 24px;
    height: 20px;
    padding: 9px 0 0 12px;
    float: right;

    background-color: #edf3f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2NkZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(227,235,238,1) 0%, rgba(183,205,213,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,235,238,1)), color-stop(100%,rgba(183,205,213,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(227,235,238,1) 0%,rgba(183,205,213,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(227,235,238,1) 0%,rgba(183,205,213,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(227,235,238,1) 0%,rgba(183,205,213,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(227,235,238,1) 0%,rgba(183,205,213,1) 100%); /* W3C */

    border-top: 1px solid #e2eaed;
    border-right: 1px solid #7d7d7d;
    border-left: none;

    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;

    -moz-box-shadow: 20px 0px 31px rgba(0,0,0,0.2);
    -webkit-box-shadow: 20px 0px 31px rgba(0,0,0,0.2);
    box-shadow: 20px 0px 31px rgba(0,0,0,0.2);

    position: relative;
    z-index: 1;
}
.shopLink{
    color:#FFAE6B !important;
}
.search-header .button-search .icon
{
    width: 12px;
    height: 12px;

    background-position: 0 -36px;
}
.products
{
    position: relative;
    padding: 10% 8% 0 10%;
}
.product-image
{
    margin-right: 10%;
}
.product-image,
.product-info
{
    display: block;
    float: left;
}
.product-info
{
    max-width: 48%;
    padding: 4% 0 0;
    margin: 0;

    font-size: 42px;
    color: #fff;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.product-info .types
{
    padding: 0;
    margin: 0;

    font-size: 20px;
}
/* ==========================================================================
   Main Catalog
============================================================================= */
.contact-patternt { background: url(../img/bg_pattern_body.png) repeat top left; }
.content-patternt { background: url(../img/bg_pattern_sevan_content.png) repeat top left; }
.second-header
{
    width: 100%;

    background: url(../img/bg_pattern_second_header.png) repeat top left;
    position: relative;
}
.spot-radial
{
    background-position: 80% 20%;

    background: -webkit-gradient(radial, 60% 50%, 0, 80% 40%, 100, from(rgba(150,150,150,0.2)), to(rgba(30,30,30,0.5)));
    background: -webkit-radial-gradient(60% 50%, closest-corner, rgba(150,150,150,0.2), rgba(30,30,30,0.5));
    background: -moz-radial-gradient60% 50%, closest-corner, rgba(150,150,150,0.2), rgba(30,30,30,0.5));
    background: -ms-radial-gradient60% 50%, closest-corner, rgba(150,150,150,0.2), rgba(30,30,30,0.5));
}
.content-patternt,
.spot-radial,
.patternt-sevan
{
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.patternt-sevan
{
    background: url(../img/bg_pattern_sevan.png) repeat top left;
}
.contact-patternt,
.second-header .wrapper
{
    position: relative;
    z-index: 2;
}
.catalog-product-title
{
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #fff;
}
#contacts .catalog-product-title
{
    padding: 0 0 10px 0;
    margin: 0 0 40px 0;
    clear: both;
    display: block;

    color: #585858;
    text-align: left;
    position: relative;
    font-weight: bold;
    border-bottom: 1px solid #b1acb0;
}
.content
{
    padding-bottom: 60px;
    position: relative;
    z-index: 10;
}


#contacts .emtpy-content { height: 1px; }
.about_us { margin-bottom: 34px; }
/**************************************************************************
    Aside Menu catalog
**************************************************************************/
.menu-products,
.catalogs
{
    float: left;
    font-family: 'Open Sans', sans-serif;
    position: relative;
}
.menu-products { margin-bottom: 40px; }
.table-title
{
    padding-bottom: 5px;
    border-bottom: 1px solid #b1acb0;
    margin: 0 0 12px 0;
}
.product-tables .table-title { border: none; }
.table-title h3
{
    padding: 0 0 0 12px;

    font-size: 18px;
    color: #394046;
}
.product-tables .table-title h3 { padding: 0; }
.table-title h3,
.table-title h3 span,
#product-view .menu-products .table-title h3 span,
.tabs span,
.catalog-download span
{
    margin: 0;
    float: left;
    display: block;

    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
#product-view .catolgs .table-title h3 span { margin-left: 0; }
#product-view .product-tables .table-title h3
{
    width: 98%;
    text-align: right;
}
#product-view .table-title span
{
    margin-left: 16px;
    text-align: left;
}
#product-view .menu-products .table-title h3 .arrow
{
    width: 6px;
    height: 9px;
    margin-top: 8px;
    margin-left: 8px;

    background-position: -13px -36px;
}
.catolgs .table-title h3 .arrow { margin-top: 7px; }
.table-title a
{
    padding: 2px 4px 0 0;
    margin: 0;
    display: block;
    float: right;

    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #2b5ca8;
}
.table-title a:hover { text-decoration: underline; }
.tabs
{
    width: 47%;
    padding: 8px 0 0 0;
    margin: 0 6% 2px 0;
    display: block;
    float: left;

    border-bottom: 1px solid #cacaca;
    min-height: 23px;
}
.tabs:nth-child(odd) { margin-right: 0; }
.tabs span,
.catalog-download span
{
    padding: 0;

    font-weight: 600;
    font-size: 14px;
    color: #000;
    line-height: 14px;
}
.tabs .arrow
{
    width: 4px;
    height: 8px;
    margin: 3px 4px 0 5px;

    background-position: -20px -36px;
}
.tabs:hover,
.catalog-download:hover
{
    background-color: #1968aa;
}
.tabs:hover span,
.catalog-download:hover span
{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.tabs:hover .arrow,
.tabs.active .arrow
{
    background-position: -25px -36px;
}
.tabs.active .arrow { margin-top: 4px; }
.tabs.active
{
    background-color: #cacaca;
    cursor: pointer;
}
.tabs.active span
{
    color: #000;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
/**************************************************************************
    Aside Catalogs
**************************************************************************/
.catalog-download
{
    width: 100%;
    padding-top: 8px;

    display: block;
    clear: both;
    min-height: 24px;
    padding-bottom: 3px;
}
.catalog-download span
{
    width: 83%;
    display: block;
    float: left;

    font-size: 13px;
    font-weight: 100;
    line-height: 18px;
    vertical-align: middle;
    height: auto;
}
.catalog-download .icon
{
    width: 17px;
    height: 17px;
    margin: 0 8px 0 12px;
}
.pdf { background-position: -30px -36px; }
.excel { background-position: -46px -36px; }
/**************************************************************************
    Article product-tables
**************************************************************************/
.product-tables
{
    margin-right: -10px;
    position: relative;
}
.box-product
{
    width: 215px;
    height: 230px;
    float: left;
    margin: 0 1% 1% 0;

    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);

    text-align: center;

    position: relative;
}
.box-product .bg-color
{
    width: 100%;
    height: 100%;

    background-color: #fff;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 1;
}
.wrapper-box
{
    position: relative;
    z-index: 10;
}
.box-product img
{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.wrapper-box h4,
.wrapper-box p
{
    width: 86%;
    margin: 0 8%;

    color: #484848;
    text-align: right;
}
.wrapper-box h4
{
    font-size: 16px;
    text-transform: uppercase;
}
#product-list .wrapper-box h4 { font-size: 14px; }
.wrapper-box p
{
    font-size: 13px;
    font-style: italic;
}
.view-all
{
    width: 120px;
    height: 38px;
    padding-left: 16px;
    margin-top: -19px;

    display: none;
    visibility: hidden;

    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);

    cursor: pointer;
    text-align: center;

    position: absolute;
    top: 50%;
    right: 10px;

    z-index: 20;
}
.view-all p
{
    font-weight: bold;
    font-size: 13px;
    line-height: 38px;
    vertical-align: middle;
}
.view-all p,
.view-all .icon
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;

    position: relative;
    z-index: 2;
}
.view-all .icon
{
    width: 11px;
    height: 15px;
    margin: 12px 0 0 15px;

    background-position: -64px -36px;
}
.box-product:hover h4,
.box-product:hover p,
.view-all p
{
    color: #1456a2;
}
.box-product:hover .bg-color
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.box-product:hover .view-all
{
    display: block;
    visibility: visible;
}
.view-all .bg-color,
.box-product:hover .view-all .bg-color
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
/**************************************************************************
    Article Table View
**************************************************************************/
.table-view
{
    /*width: 100%;*/
    /*background-color: gray;*/
}
.table-view .row
{
    width: 100%;
    height: 30px;
    clear: both;

    border-bottom: 1px dashed #f6f6f6;
}
.table-view .row.last-row > div { border-bottom: 1px solid #c9c9c9; }
.table-view .row.first-row > div { border-top: 1px solid #c9c9c9; }

.table-view .row:nth-child(even) >div { background: url(../img/row_even.png) repeat top left;}
.table-view .row:nth-child(odd) >div { background: url(../img/row_odd.png) repeat top left;}
.table-view .row > div:last-child { border-right: 1px solid #c9c9c9; }
.table-view .row > div
{
    width: 6.4%;
    height: 30px;
    float: left;

    border-left: 1px solid #c9c9c9;

    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}
.table-view .row-title
{
    /*margin-bottom: 18px;*/

    background: none;
    border: none;
}
.table-view .row-title > div,
.table-view .row .cell-0
{

    font-weight: bold;
    font-size: 14px;
    color: #474747;
}

.table-view .row .cell-0.table-title {
    font-size: 18px;
}

.table-view .row-title:nth-child(odd) > div,
.table-view .row-title:nth-child(even) > div,
.table-view .row:nth-child(odd) .cell-0,
.table-view .row:nth-child(even) .cell-0
{
    background: none;
    border: none;
    margin-left: 1px;
}
.check
{
    width: 12px;
    height: 12px;
    margin: 9px auto;

    background-position: -76px -36px;
}
.table-view .row:hover > div { background: rgba(255,255,255,0.2); }
.table-view + .table-title { margin-top: 50px; }

.table-view-column-1,
.table-view-column-2,
.table-view-column-3,
.table-title-centered {
    width: 500px;
    margin: 0 auto;
}

.table-view-column-4,
.table-view-column-5 {
    width: 600px;
    margin: 0 auto;
}

.table-view-column-1 .row > div {
    width: 100%;
}

.table-view-column-2 .row > div {
    width: 48%;
}

.table-view-column-3 .row > div {
    width: 32%;
}
.table-view-column-4 .row > div {
    width: 24%;
}
.table-view-column-5 .row > div {
    width: 19%;
}

.table-view-column-10 .row > div {
    width: 9.6%;
}

.table-view-column-11 .row > div {
    width: 8.2%;
}

.table-title-centered h3 {
    text-align: center;
}
/***
 * PAVELE!!!! Never ever use selectors like this
 * this makes the code hard to modify and extend
 */
.table-view .row > div.cell-merge-8 {
    width: 52.1%;
}
.table-view .row > div.cell-merge-2 {
    width: 96.1%;
}
.table-view .row > div.cell-merge-3 {
    width: 72.3%;
}
/* ==========================================================================
    Contacts
========================================================================== */
.map
{
    max-width: 100%;
    max-height: 499px;

    position: relative;
    margin-bottom: 40px;
}
.Flexible-container
{
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;

    overflow: hidden;

    border: 2px solid #aeaeae;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    position: relative;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.contact-form
{
    max-width: 460px;
    position: relative;
    margin-bottom: 56px;
}
.contact-form label
{
    padding-left: 14px;
    margin-bottom: 4px;

    display: block;
    clear: both;

    font-weight: normal;
    font-size: 14px;
    color: #585858;
}
.contact-form input,
.contact-form textarea
{
    width: 91%;
    padding: 10px 4%;
    margin-bottom: 12px;

    display: block;
    clear: both;
    outline: none;

    background-color: #fff;

    border: 1px solid #a8a8a8;

    -moz-box-shadow: inset 1px 4px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 4px 4px rgba(0,0,0,0.1);
    box-shadow: inset 1px 4px 4px rgba(0,0,0,0.1);

    font-size: 14px;
    color: #585858;
}
.contact-form input:focus,
.contact-form textarea:focus
{
    border: 1px solid #666;
}
.contact-form input
{
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}
.contact-form textarea
{
    height: 120px;
    overflow: auto;

    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;

    resize:none;
}
.contact-form .submit
{
    width: 100px;
    /*height: 28px;*/
    padding: 5px 0;
    display: block;

    float: right;

    border: 1px solid #cbcbcb;

    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;

    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1)0%, rgba(225,225,225,1)100%);
    background-image:    -moz-linear-gradient(top, rgba(255,255,255,1)0%, rgba(225,225,225,1)100%);
    background-image:     -ms-linear-gradient(top, rgba(255,255,255,1)0%, rgba(225,225,225,1)100%);
    background-image:      -o-linear-gradient(top, rgba(255,255,255,1)0%, rgba(225,225,225,1)100%);
    background-image:         linear-gradient(top, rgba(255,255,255,1)0%, rgba(225,225,225,1)100%);

    font-weight: bold;
    font-size: 14px;
    color: #585858;
    text-align: center;
    margin-right: 4px;
}
.contact-form .submit:hover { border: 1px solid #959595; }
#contacts .contact-info
{
    margin: 0 40px 50px 0;
    margin-left: 20px;
}
#contacts .info-text
{
    padding: 0;
    margin: 0px 0 17px 0;
    display: block;
    clear: both;

    font-size: 15px;
    color: #585858;
}
#contacts .info-text span,
#contacts .info-text a
{
    width: 70px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;

    color: #585858;
}
#contacts .info-text .body-text,
#contacts .info-text a
{
    width: 270px;
    font-weight: bold;
}
.contact-form .submit:hover,
#contacts .info-text a:hover
{
    color: #1968aa;
}
/* ==========================================================================
    Advanced search
========================================================================== */
.search-home {
    position: relative;
}

.search-drop-down {
    position: absolute;
    top: 193px;
    left: 20px;
    right: 63px;
    z-index: 1000;

    background: #FFF;
    padding: 10px;
    max-height: 400px;
    overflow: auto;
}

.search-drop-down a, .search-drop-down a:visited {
    color: #66a0b4;
}

.search-drop-down a:hover {
    color: #397488;
}


#search-header-placeholder .search-drop-down {
    top: 30px;
    right: 37px;
    left: 80px;
    max-height: 400px;
    overflow: auto;
}

/* ==========================================================================
    Footer
========================================================================== */
#footer-placeholder,
.footer-container.fixed-bottom
{
    width: 100%;

    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: 2;
}
footer
{
    padding-bottom: 38px;

    position: relative;
    z-index: 1;
}
footer nav
{
    width: 100%;
}
footer nav a
{
    margin-right: 14px;
    font-size: 12px;
}
.language { font-size: 10px; }
footer nav a,
.language
{
    color: #929292;
}

footer nav a:hover { color: #1968aa; }

#about .carousel {
    width: auto;
    margin: 0 40px;
}
#about .carousel img {
    width: 100%;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

/* ==================================================================================
    @media 480px
   ================================================================================== */
@media only screen and (min-width: 480px) {

    /**************************************************************************
        INTERMEDIATE: Menu
    **************************************************************************/
    nav a {
/*      float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;*/
    }

    nav li:first-child a { margin-left: 0; }
    nav li:last-child a { margin-right: 0; }

    /*.search-home { margin: 0 10%; }*/
    .search-home input[type="text"] { width: 72%; }

    /*About page*/
    #about aside { margin-bottom: 20px; }

    /*Catalog and Product-list Page*/
    #catalog aside,
    #product-list aside,
    #product-view aside
    {
        width: 100%;
        clear: both;
    }
    #catalog aside .menu-products,
    #product-list aside .menu-products,
    #product-view aside .menu-products
    {
        width: 55%;
        float: left;
    }
    #catalog aside .catolgs,
    #product-list aside .catolgs,
    #product-view aside .catolgs
    {
        width: 39%;
        margin-left: 6%;
        float: left;
    }

    /*Contact Page*/
    #contacts .catalog-product-title
    {
        margin-top: -100px;
    }




    /**************************************************************************
        INTERMEDIATE: IE Fixes
    **************************************************************************/
    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }

    .main-container article
    {
        width: 100%;
        margin-bottom: 10%;
    }
    .box-product { width: 32%; }
    .search-header input[type="text"] { width: 72%; }
    .content .carousel, .catalog-product-title
    {
        text-align: center;

    }
    .catalog-product-title {
        padding-top: 15px;
        font-size: 25px;

    }
    .content .carousel {
        margin-top: 20px;
    }
    .second-header { height: 100px; }
    .map { top: -66px;}

    #about .carousel
    {
        /*width: 521px;

        margin-left: -260px;
        left: 50%;*/
        top: -55px;
        position: relative;
    }
    #about .gallery-arrow {

    }
    #about .gallery-arrow {
        top: -55px;
    }

}

/* ==================================================================================
    @media 1140px
   ================================================================================== */
@media only screen and (min-width: 768px) {
    /**************************************************************************
        WIDE: CSS3 Effects
    **************************************************************************/
    .header-container,
    .main aside
    {
    /*    -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;*/
    }

    .search-home,
    .products
    {
        margin: 0 20%;
    }
    .system {
        font-size: 12px;
    }
    /**************************************************************************
        WIDE: Menu
    **************************************************************************/
    .title {
        float: left;
    }
    nav {
        /*float: right;*/
        width: 38%;
    }


    /**************************************************************************
        WIDE: Main
    **************************************************************************/

    .main-container article
    {
        width: 100%;
        float: right;
        margin-bottom: 40px;
    }

    #product-view .product-tables
    {
        /*width: 67%;*/
    }

    #about.main-container article
    {
        float: left;
    }

    #contacts.main-container article
    {
        width: 51%;
    }

    .main-container aside
    {
        width: 32%;
        float: left;

        /*background-color: green;*/
    }
/*    #product-view.main-container aside
    {
        width: 100%;
    }*/
    #about.main-container aside
    {
        /*margin-left: 38px;*/
        margin-right: 0;
        margin-bottom: 86px;
        margin-left: 4%;
    }

    #contacts .info-text .body-text,
    #contacts .info-text a
    {
        width: 200px;
    }

    .box-product {  width: 24%; }

    #about .about_us
    {
        /*width: 64%;*/
    }

    #contacts .catalog-product-title
    {
        margin-top: 0;
    }

    .content .carousel, .catalog-product-title  {
        text-align: center;

    }
    .content .carousel {
        margin-top: 20px;
    }
    .catalog-product-title {
        padding-top: 20px;
        font-size: 30px;

    }

    .second-header { height: 120px; }
    .map { top: -66px;}
    #about .emtpy-content {
        display: none;
    }
    #about .carousel
    {
        /*width: 521px;
        margin-left: -260px;
        left: 50%;*/
        top: -75px;
        position: relative;
    }

    #about .gallery-arrow {
        top: -75px;
    }

}

/* ==================================================================================
    Swipe.js
   ================================================================================== */
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.content .carousel
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    width: 521px;
}

.gallery-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    /*background-color: rgba(255,255,255,0.5);*/
    background-repeat: no-repeat;
    background-position: center center;
}

.gallery-arrow.next {
    background-image: url("../img/gallery_arrow_normal_right.png");
    right: 0;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.gallery-arrow.prev {
    background-image: url("../img/gallery_arrow_normal_left.png");
    left: 0;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.gallery-arrow.next:hover {
    background-image: url("../img/gallery_arrow_right.png");
}
.gallery-arrow.prev:hover {
    background-image: url("../img/gallery_arrow_left.png");
}
#home .gallery-arrow {
    bottom: auto;
    top: 50%;
    margin-top: -35px;
    height: 70px;
    width: 45px;
    background: url("../img/main_gallery_arrows.png") top left no-repeat;
    border-radius: 0;
}

#home .gallery-arrow.next {
    right: -35px;
}

#home .gallery-arrow.prev {
    left: -35px;
    background-position: top right;
}
/* ==================================================================================
    @media 1140px
   ================================================================================== */
@media only screen and (max-width: 1140px) {

    .search-drop-down {
        right: 18%;
        width: 74%;
        left: auto;
        top: 99%;
    }
}

/* ==================================================================================
    @media 1140px
   ================================================================================== */
@media only screen and (min-width: 1140px) {

    /**************************************************************************
        Maximal Width
    **************************************************************************/

    .wrapper {
        width: 1024px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
    .search-home,
    .products
    {
        margin: 0 20%;
    }
    .search-home input[type="text"] { width: 80%; }
    #contacts.main-container article  { width: 46%; }
    #contacts .contact-info { width: 400px; }
    #contacts .info-text .body-text,
    #contacts .info-text a
    {
        width: 270px;
    }
    #catalog.main-container article,
    #product-list.main-container article,
    #product-view.main-container article
    {
        width: 65%;
        float: right;
    }
    #catalog.main-container aside,
    #product-list.main-container aside,
    #product-view.main-container aside
    {
        width: 31%;
        margin-right: 4%;
        clear: none;
        float: left;
    }
    #catalog.main-container aside .menu-products,
    #product-list.main-container aside .menu-products,
    #product-view.main-container aside .menu-products,
    #catalog.main-container aside .catolgs,
    #product-list.main-container aside .catolgs,
    #product-view.main-container aside .catolgs
    {
        width: 100%;
        margin-left: 0;
        clear: both;
    }
    .box-product { width: 215px; }
    .content .carousel
    {
        position: absolute;
        top: -120px;
        left: 0;
        width: 521px;
        border: 1px solid #4e5960;
    }
    .catalog-product-title
    {
        padding: 75px 0 0 0;
        margin: 0 0 0 554px;
        font-size: 30px;

    }
    .emtpy-content { height: 260px; }
    .second-header { height: 180px; }
    .map { top: -120px;}

    #about .emtpy-content { height: 366px; }
    #about .carousel
    {

        /*margin-left: -225px;
        left: 50%;*/
        top: -100px;
        position: relative;
    }

    #about .gallery-arrow {
        top: -100px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        padding: 0;
        margin: 0;
    }

    #home .gallery-arrow.next {
        right: 0px;
    }

    #home .gallery-arrow.prev {
        left: 0px;
    }

    .search-drop-down {
        max-height: 120px;
    }


    #footer-placeholder, .footer-container.fixed-bottom {
        position: relative;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : portrait) {
    .search-home input[type="text"] {
        width: 64%;
    }

    .search-drop-down {
        max-height: 315px;
    }

    h4.product-info {
        text-align: center;
    }

    .search-drop-down {
        width: 70%;
        left: 7%;
    }


    .menu nav.wrapper {
        margin: 0;
        width: 100%;
    }

    .menu nav a {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .spot {
        bottom: auto;
        top: 42px;
        height: 45%;
    }

    .contacts,
    .language {
        float: none;
        text-align: center;
    }

    footer nav a {
        display: inline-block;
        float: none;
    }

    .content .carousel {
        width: 100%;
    }

    .table-view {
        margin-bottom: 20px;
    }

    .table-view-column-4, .table-view-column-5 {
        width: 100%;
    }


    .table-view .row > div {
        width: 6.2%;
    }

    .table-view .row-title > div {
        font-size: 11px;
    }

    .table-view-column-1, .table-view-column-2, .table-view-column-3, .table-title-centered {
        width: 100%;
    }

    .table-view-column-1 .row > div {
        width: 100%;
    }

    .table-view-column-2 .row > div {
        width: 48%;
    }

    .table-view-column-3 .row > div {
        width: 32%;
    }

    .table-view-column-4 .row > div {
        width: 24%;
    }

    .table-view-column-5 .row > div {
        width: 19%;
    }

    .table-title h3, .table-title h3 span, #product-view .menu-products .table-title h3 span, .tabs span, .catalog-download span {
        height: auto;
    }

    .box-product {
        width: 98%;
    }

    #product-carousel img {
        width: 100%;
    }

    #search-header-placeholder {
        display: none;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}