@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-l-webfont.eot');
    src: url('../fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntu-l-webfont.woff') format('woff'),
    url('../fonts/ubuntu-l-webfont.ttf') format('truetype'),
    url('../fonts/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'robotothin';
    src: url('../fonts/Roboto-Thin.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'ubunturegular';
    src: url(../fonts/Ubuntu-R.ttf);
}


/*@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot?#iefix');
    src: url('../fonts/roboto-thin-webfont.woff') format('woff'),
    url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
    url('../fonts/roboto-thin-webfont.eot') format('embedded-opentype'),
    url('../fonts/roboto-thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {*/
    /*font-family: 'ubuntulight';*/
    /*src: url('/fonts/ubuntu-l-webfont.eot');*/
    /*src: url('/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),*/
    /*url('/fonts/ubuntu-l-webfont.woff') format('woff'),*/
    /*url('/fonts/ubuntu-l-webfont.ttf') format('truetype'),*/
    /*url('/fonts/ubuntu-l-webfont.svg#ubuntulight') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/

/*}*/


body {
    color: #656565;
    font-family: 'ubuntulight',Calibri,Arial,sans-serif;
}
a:focus{
    outline: none;
}
.wrapper {
    overflow: visible !important;
    min-width: 1000px; /*min-widt-doc*/
}
.wrapper_ct {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -41px;
}
.footer, .push {
    height: 41px;
}

.push {
    clear: both;
    /*float: left;*/
    width: 100%;

}
.footer, .push {
    clear: both;
}

.footer {
    border-top:1px solid #00833d;
    z-index: 33;
    position: relative;
    background: #fff;
    z-index: 33;
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
}

.footer-container p {
    padding:0px;
    font-size: 12px;
    color:#6e6e6e;
}
.footer-container .menu {
    width: 750px;
    float: right;
}
.footer-container .menu a{
    float: right;
}


#header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #ab162b;
    padding: 0;
}

.header-container{
    margin: 0 auto;
    max-width: 1400px;
    min-width: 1000px; /*min-widt-doc*/
    width: 100%;
    height: 40px;
}

.side-menu-button {
    float:left;
    height: 40px;
}
.menu-open .pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -sand-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
            transition: opacity 0.5s;
}
.cl-effect {
    position:relative;
    z-index: 100;
    width: 300px;
    margin: 0 auto;
    float: right;
}

button {
    background:none;
    border: none;
    padding:11px 20px 11px;
    color: #AB162B;
    font-family: 'ubuntulight',Calibri,Arial,sans-serif;
    font-size:14px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.5s;
      -sand-transition: all 0.5s;
        -ms-transition: all 0.5s;
            transition: all 0.5s;
}

button:hover {
    background: #AB162B;
    color: #fff;
    -webkit-transition: all 0.5s;
      -sand-transition: all 0.5s;
        -ms-transition: all 0.5s;
            transition: all 0.5s;
}

.top-menu {
    margin: 0 auto;
    max-width: 1000px; /*min-widt-doc*/
    min-width: 840px;
    position: relative;
    width: 80%;
    z-index: 100;
}



.logo {
    width:480px;
    height:34px;
    float:left;
    padding: 3px 0;
}
.logo a{
    width:208px;
    height:34px;
    display:block;
    float: left;
    margin: 0 10px 0 0;
}
.logo span{
    line-height: 29px;
    font-size: 12px;
}


nav.cl-effect a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    outline: none;
    color: #6e6e6e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}

nav.cl-effect a:hover,
nav.cl-effect a:focus {
    outline: none;
}

.cl-effect a {
    padding:9px 0 8px;
    color: #0972b4;
}

.cl-effect a::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 9px 0 11px;
    max-width: 0;
    border-bottom: 3px solid #AB162B;
    color: #AB162B;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
       -moz-transition: max-width 0.5s;
        -ms-transition: max-width 0.5s;
            transition: max-width 0.5s;
}

.cl-effect a:hover::before,
.cl-effect a:focus::before {
    max-width: 100%;
}



#left-mn {
    font-family: 'robotothin';
    font-size: 24px;
    margin: -112px;
}



.modalview #left-mn ul {
    display: block;
    width: 410px;
}

#left-mn ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}
#left-mn ul li{
    margin: 0;
    padding: 0 27px 0 0;
    list-style: none;
    line-height: 42px;
    text-align: right;
    /*background: url("../images/munu_bg.png");*/
    background-position: bottom;
    background-repeat: repeat-x;
    text-transform: uppercase;
}
#left-mn ul li:last-child{
    background: none;
}

#left-mn ul li a{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: 'robotothin',Calibri,Arial,sans-serif;
    color: #183e4c;
}
#left-mn ul li a:hover{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #960027;
}


#left-mn ul li ul{
    margin: 0;
    font-size: 18px;
    list-style: none;
    display: none;

}

/*#left-mn ul li:hover {*/
    /*background: #ffffff;*/
/*}*/

/*#left-mn ul li:hover ul, #left-mn ul li:hover ul li {*/
    /*display: block !important;*/
/*}*/


#left-mn ul li ul.show {
    display: block !important;
}
/*#left-mn ul li ul.hide {*/
    /*display: none !important;*/
/*}*/

#left-mn ul li ul {
    background:         linear-gradient(to right, #f2f2f2, #ffffff) no-repeat;
    background:    -moz-linear-gradient(to right, #f2f2f2, #ffffff) no-repeat;
    background: -webkit-linear-gradient(to right, #f2f2f2, #ffffff) no-repeat;
    background-size: 60% 100%;
    background-position: left;
    margin-left: 394px;
    margin-top: -44px;
    padding: 10px 20px;
    position: absolute;
    width: 260px !important;
    /*display: none;*/
}

#left-mn ul li ul li {
    font-size: 16px;
    /*line-height: 36px;*/
    padding: 0;
    border-bottom: none;
    background: none;
    text-align: left;
    text-transform: uppercase;
    line-height: 18px;
    margin: 12px 0;
    /*width: 329px;*/
}
#left-mn ul li ul li a{
    color: #183e4c;
}

#left-mn ul li ul li a:hover{
    color: #960027;
}


#left-mn ul li ul li ul{
    font-size: 14px;
    margin-left: 262px;
    margin-top: -40px;
    opacity: 0.8;
    padding: 10px 11px 10px 20px;
    width: 280px !important;


}
#left-mn ul li ul li ul li {
    font-size: 14px;
}

#left-mn ul li ul li ul li a{
    font-size: 14px;
}







.perspective {
    /*background: #696969 !important;*/
    background: #fff !important;
    background-size: 100% 100%;
    background-position: center;
    z-index: 12;
    overflow: hidden;
}

#globus canvas{
    display: block;
    margin: 0 auto;
    width: 800px;
    height: 600px;
}


.width-slider {
    width: 1000px; /*min-widt-doc*/
    height: 600px;
    position: absolute;
    overflow: hidden;
}
.width-slider ul {
    width: 19200px;
    height: 600px;
    position: absolute;
    padding: 0;
    margin: 0;
}
.width-slider ul li{
    list-style: none;
    display: block;
    width: 1000px; /*min-widt-doc*/
    height: 600px;
    float: left;
}

.width-slider ul li div.history-ct {
    width: 900px;
    margin: 5% auto 0;
    z-index: 7;
    position: relative;
}
.width-slider ul li div.history-ct .article {
    width: 480px;
    float: right;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.width-slider ul li div.history-ct .article header{
    color: #fff;
    font-size: 90px;
    text-align: center;
    width: 100%;
    border-bottom: 2px solid #fff;
}

.width-slider div.nav-bl{
    width: 100%;
    height: 95px;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0;
}
.width-slider div.smo-bl{
    width: 100%;
    height: 80px;
    background: url("../images/slider/smo.png");
    background-position: bottom;
    background-repeat: repeat-x;
    position: absolute;
    bottom: 95px;
    z-index: 3;
}
.width-slider nav{
    bottom: 0;
    height: 96px;
    left: 50%;
    margin: 0 0 0 -450px;
    position: absolute;
    width: 900px;
}

.width-slider nav a{
    color: #fff;
    width: 50px;
    height: 40px;
    float: left;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    margin: -5px 0 0;
    padding: 24px 4px;
}
.width-slider nav a.active{
    background: url("../images/slider/slider_dott.png");
    background-position: 15px 0px;
    background-repeat: no-repeat;
}

.width-slider .logo-icon{
    position: absolute;
    left: 50%;
    margin: 0 0 120px -450px;
    padding: 0 0 10px 0;
    z-index: 100;

    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;

}
.width-slider .logo-icon img{
    -webkit-transform : rotate(0deg);
    -moz-transform : rotate(0deg);
    -o-transform : rotate(0deg);
    transform : rotate(0deg);
}
.width-slider .logo-icon img.rool{
    transition        : 1s linear;
    -webkit-transform : rotate(360deg);
    -moz-transform : rotate(360deg);
    -o-transform : rotate(360deg);
    transform : rotate(360deg);
}
.width-slider .logo-icon img.minus-rool{
    transition        : 1s linear;
    -webkit-transform : rotate(-360deg);
    -moz-transform : rotate(-360deg);
    -o-transform : rotate(-360deg);
    transform : rotate(-360deg);
}



.outer-nav.left{
    left: 17% !important;
    margin-top: -50px !important;
}

.content{
    width: 80%;
    max-width: 1400px;
    min-width: 900px;
    margin: 0 auto;
    padding: 76px 0 20px;
    min-height: 490px;
}


.contact-card {
    width: 100%;
    clear: both;
    padding: 0 0 10px 0;
}
.contact-card header {
    color: #B51815;
    font-size: 49px;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
}
.contact-card h2 {
    font-size: 16px;
    width: 100%;
    margin: 0 0 30px 0;
    font-weight: normal;
}
.contact-card address{
    width: 450px;
    font-size: 12px;
    font-style: normal;
}
.contact-card address a{
    color: #B51815;
    text-decoration: none;
}
.contact-card address a:hover{
    color: #B51815;
    text-decoration: underline;
}
.contact-card address p{
    line-height: 14px;
    margin: 0;
    padding: 3px 0;
}
.contact-card address header{
    font-size: 16px;
    margin: 0 0 0 0;
}
.contact-card address section{
    font-size: 12px;
    margin: 0 0 10px 0;
}
.contact-card .logo{
    float: right;
    width: 207px;
    height: 176px;
    margin: 30px 0 0;
}
.regional-contacts {
    width: 100%;
    clear: both;
    padding: 0 0 10px 0;
    margin: 40px 0 0px 0;
    float: left;
}
.regional-contacts .header {
    float: left;
    clear: both;
    width: 100%;
}
.regional-contacts .contact-section {
    width: 26%;
    float: left;
    margin: 0 2%;
}
.regional-contacts .contact-section header{
    clear: both;
    float: left;
    width: 100%;
    color: #B51815;
    font-size: 200%;
    border-bottom: 1px solid #B51815;
    margin: 0 0 5px 0;
}
.regional-contacts .contact-section .contacts-text{
    clear: both;
    float: left;
    width: 100%;
    font-size: 12px;
}

/*.regional-contacts .header header:first-of-type {*/
    /*margin: 0 1% 0 0px;*/
/*}*/
/*.regional-contacts .header header:nth-child(3n+0) {*/
    /*margin: 0 0px 0 1%;*/
/*}*/


.regional-contacts .contacts-list {
    float: left;
    clear: both;
    width: 100%;
}
.regional-contacts .contacts-list .section {
    color: #B51815;
    font-size: 49px;
    width: 32%;
    margin: 0 1% 0;
    float: left;
    border-bottom: 1px solid #B51815;
}
.regional-contacts .contacts-list .section:first-of-type {
    margin: 0 1% 0 0px;
}
.regional-contacts .contacts-list .section:nth-child(3n+0) {
    margin: 0 0px 0 1%;
}




.regional-contacts .contacts-list .section .phone .contact {
    color: #B51815;
}





.regional-contacts .contacts-list .section{
    border: none;

}
.regional-contacts .contact-section .contacts-text address{
    width: 100%;
    font-size: 12px;
    font-style: normal;
    color: #656565;
    margin: 10px 0;
}
.regional-contacts .contact-section .contacts-text address a{
    color: #B51815;
    text-decoration: none;
}
.regional-contacts .contact-section .contacts-text address a:hover{
    color: #B51815;
    text-decoration: underline;
}
.regional-contacts .contact-section .contacts-text address p{
    line-height: 14px;
    margin: 0;
    padding: 3px 0;
}
.regional-contacts .contact-section .contacts-text address header{
    font-size: 16px;
    margin: 0 0 0 0;
    font-weight: bold;
    border-bottom: none;
}
.regional-contacts .contact-section .contacts-text address section{
    font-size: 12px;
    margin: 0 0 10px 0;
}



#contacts{
    transform:scale(0,0);
    opacity: 0;
    height: 200px;
}

#contacts.show{
    transition : all 0.5s linear;
    transform:scale(1,1);
    opacity: 1;
    height: auto;
}



#globus{
    transform:scale(1,1);
    opacity: 1;
}
#globus.hide{
    transition : 1s linear;
    transform:scale(0,0);
    opacity: 0;
}


.product-card{
    float: left;
    clear: both;
    border: none;
    margin: 0 0 40px 0;
    text-align: justify;
}

.product-card ul{
    padding: 0 0 0 15px;
    margin: 10px 0;
}
.product-card ul li{
    padding: 2px 0 2px 5px;
}

.product-card .product{
    float: right;
    width: 400px;
    height: 567px;
    margin: 30px 0 0;
    overflow: hidden;
}
.product-card .product img{
    width: 400px;
}



.product-card .description{
    width: 450px;
    font-size: 14px;
    font-style: normal;

}
.product-card .description header{
    font-size: 16px;
    margin: 20px 0 0 0;
}
.product-card .description a{
    color: #B51815;
    text-decoration: none;
}

.product-card .description a:hover{
    color: #B51815;
    text-decoration: underline;
}
.product-card .description p{
    line-height: 16px;
    margin: 0;
    font-size: 14px;
    padding: 3px 0;
    margin: 10px 0;
}

.product-card .description h3{
    font-weight: normal;
    color: #B51815;
    font-size: 16px;
}



.product-card .description ul {
    margin: 20px 0;
}

.product-card .description p,
.product-card .description h3,
.product-card .description header{
    margin: 20px 0;
    padding: 0;
}


.product-card .description p+p,
.product-card .description p+h3,
.product-card .description h3+p,
.product-card .description p+ul,
.product-card .description h3+ul,
.product-card .description ul+p,
.product-card .description ul+h3,

.product-card .description ul+header,
.product-card .description p+header,
.product-card .description h3+header,
.product-card .description header+p,
.product-card .description header+ul,
.product-card .description header+h3

{
    margin: 0 0 20px 0;
}
.product-image{
    height: 50px;
    width:50px;
    display: block;
}


.article-list {
    width: 100%;
    clear: both;
    float: left;
    margin: 0 0 20px;
}

.article-list header{
    color: #B51815;
    font-size: 21px;
}
.article-list ul{
    list-style: none;
    padding: 0;
}
.article-list ul li{
    font-size: 14px;
    list-style: none;
    float: left;
    width: 100%;
    clear: both;
    margin: 2px 0;
}
.article-list ul li a{
    color: #656565;
    text-decoration: none;
}
.article-list ul li a:hover{
    color: #B51815;
    text-decoration: underline;
}
.article-list ul li .date{
    padding: 0 20px 0 0;
}

.add-button {
    width: 100%;
    clear: both;
    /*float: left;*/
    margin: 20px 0;
}
.add-button ul{
    width: 100%;
    clear: both;
    float: left;
    list-style: none;
    padding: 0;
}
.add-button ul li{
    background: url("../images/product_bt.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    text-align: center;
    min-width: 154px;
    height: 67px;
    list-style: none;
    float: left;
    margin: 0 4px;
    padding: 0 15px;
}
.add-button ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    text-decoration: none;
    color: #656565;
    line-height: 60px;

}
.add-button ul li a:hover{
    color: #B51815;
}




.lang {
    display: inline-block;
    padding: 1px 10px 5px;
    margin: 0;
    position: absolute;
    right: 0;
    border: 1px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    width: 36px;
}
.lang:hover {
    padding: 1px 10px 5px;
    background: #fff;
    border: 1px solid #B51815;
}
.lang li{
    clear: both;
    display: none;
    padding: 1px 5px 3px;
    text-align: center;
}

.lang:hover li{
    display: block;
    padding: 1px 5px 3px;
}

.lang li a:before, .lang li a {
    padding: 6px 0 1px !important;
    margin: 0 !important;

}
.lang li.active {
    clear: both;
    display: block;
}

.search {
    float: right;
    right: 44px;
    margin: 5px 59px 0 0;
    top: 5px;
    border: 1px solid #656565;
    border-radius: 13px;
    background: url("../images/search_icon.png"), -webkit-linear-gradient(-90deg, rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%);
    background: url("../images/search_icon.png"), -moz-linear-gradient(180deg, rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%);
    background: url("../images/search_icon.png"), linear-gradient(180deg, rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%);
    background-position: 96% 56%, 50% 50%;
    background-repeat: no-repeat, repeat;
    padding-left: 10px;
    padding-right: 35px;
    height: 23px;
    width: 190px;
}


.catalog-list {
    width: 100%;
    margin: 0 auto;
}
.catalog-list .catalog-header{
    width: 100%;
    margin: 0 auto;
    clear: both;
    float: left;
    margin-bottom: 40px;
}

.catalog-list .catalog-header .name{
    width: 66%;
    float: left;
}
.catalog-list .catalog-header .name img {
    float: left;
}
.catalog-list .catalog-header .name div {
    float: left;
    margin: 7px 0 0 4%;
    width: 81%;
    font-size: 14px;
    color: #000;
}
.catalog-list .catalog-header .name div header{
    float: left;
    width: 100%;
    color: #B51815;
    font-size: 36px;
    text-transform: uppercase;
}
.catalog-list .catalog-header .catalog-filters{
    float: left;
    margin: 44px 0 0;
    width: auto;
    float: right;
}
.catalog-list .catalog-header .catalog-filters a{
    color: #000;
}
.catalog-list .catalog-header .catalog-filters a:before{
    padding: 9px 0 0;
}
.catalog-list .catalog-header .catalog-filters a.active{
    color: #B51815;
    border-bottom: 3px solid #B51815;
    padding: 9px 0 0;
}
.catalog-list .itemlist{
    float: left;
    width: 25%;
    margin: 0 0 50px;
}
.catalog-list .itemlist .literal{
    background: url("../images/literal.png");
    background-position: top center;
    background-repeat: no-repeat;
    height: 39px;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 33px;
    width: 14%;

}
.catalog-list .itemlist ul{
    float: left;
    margin: 7px 0 0 10px;
    padding: 0;
    list-style: none;
    width: 82%;
}
.catalog-list .itemlist ul li.header{
    color: #B51815;
    font-size: 14px;
    padding: 0 0 5px;
}
.catalog-list .itemlist ul a{
    color: #616060;
    font-size: 14px;
    text-decoration: none;
}
.catalog-list .itemlist ul a:hover{
    color: #B51815;
    font-size: 14px;
    text-decoration: underline;
}

.clear-both {
    clear: both;
}


.mission-page {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 0 10px 0;
    text-align: justify;
}
.mission-page header {
    color: #B51815;
    font-size: 49px;
    width: 100%;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
.mission-page .page-text {
    font-size: 14px;

}



.mission-page ul{
    padding: 0 0 5px 15px;
}
.mission-page ul li{
    padding: 2px 0 2px 5px;
}

.mission-page .page-text header{
    font-size: 14px;
    color: #B51815;
    margin: 0;
    padding: 0;
}
.mission-page .page-text header a{
    color: #B51815;
    text-decoration: none;
}
.mission-page .page-text header a:hover{
    color: #B51815;
    text-decoration: underline;
}
.mission-page .page-text .left-side{
    float: left;
    width: 45%;
    margin: 0 5% 0 0%;
}
.mission-page .page-text .right-side{
    float: right;
    width: 45%;
    margin: 0 0 0 5%;
}
.mission-logo{
    float: left;
    clear: left;
    margin: 50px 10% 10px;
}/*IE balls*/
/*ul{*/
    /*list-style: none;*/
/*}*/


.video-bg-ct {
    height: 113%;
    left:-18%;
    /*margin-top: 41px;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 136%;
    z-index: -1;
}
.video-section {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.video-section video{
    height: 200%;
    left: 0;
    opacity: 0.13;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=13)";
    position: absolute;
    top: 0;
}

#darkness{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: 9900;
    background: rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.slogan {
    float: left;
    position: relative;
    left: 50%;
    margin-left: 0px;
    margin-bottom: 30px;
    bottom: 0%;
    z-index: 100000;
}
.top-slogan {
    left: 46%;
    margin-left: -175px;
    max-width: 420px;
    min-width: 363px;
    position: absolute;
    top: 10px;
    width: 40%;
    text-align: center;
}
.top-slogan img.slogan {
    /*width: 350px;*/
    margin: 0px auto;
    padding: 0px;
    left: 0;
    width: 87%;
    max-width: 310px;
}

.hidden{
    display: none;
    opacity: 0;
    filter:alpha(opacity=0);
}


.path{
    margin: -45px 0 20px 0;
    clear: both;
    font-size: 14px;   
    color: #656565;
}
.path span{
    font-family: 'ubunturegular';

}
.path a{
    text-decoration: none;
    color: #656565;
    font-family: 'ubuntulight';
    font-weight: normal;
    text-decoration: underline;
}

.path a:hover{
    text-decoration: underline;
}

.animation-fix {
    width: 100%;
    float: left;
    clear: both;
}

#banner-expo{
    position: absolute;
    top: 0;
    right: 10%;
    width: 30%;
    display: block;

}

#banner-expo img{
    width: 100%;
    height: auto;
}



/* IE8 FIX MAIN*/
#logoua{
    position: absolute;
    top: 210px;
    left: 50%;
    margin-left: -122px;
    width:245px;
    height: auto;
}

#tags ul{
    list-style: none;
}
#tags ul li a{
    display: block;
    width: 180px;
    height: 192px;

}

#tags #aboutlink{
    top: 100px;
    position: absolute;
    left: 29%;
    margin-left: -90px;
    z-index: 100;
}
#tags #historylink{
    top: 100px;
    position: absolute;
    left: 71%;
    margin-left: -90px;
    z-index: 100;
}
#tags #contactsballlink{
    top: 20px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    z-index: 100;
}
#tags #presslink{
    top: 350px;
    position: absolute;
    left: 29%;
    margin-left: -90px;
    z-index: 100;
}
#tags #autlink{
    top: 470px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    z-index: 100;
}
#tags #tradelink{
    top: 350px;
    position: absolute;
    left: 71%;
    margin-left: -90px;
    z-index: 100;
}



@media screen and (max-width: 1024px) {
    .outer-nav.left {
        left: 12% !important;
        margin-top: -50px !important;
    }
    #left-mn {
        font-family: "robotothin";
        font-size: 18px;
    }
    .modalview #left-mn ul {
        display: block;
        width: 310px;
    }
    #left-mn ul li {
        background-position: center bottom;
        background-repeat: repeat-x;
        line-height: 32px;
        list-style: none outside none;
        margin: 0;
        padding: 0 27px 0 0;
        text-align: right;
        text-transform: uppercase;
    }
    #left-mn ul li ul li {
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        text-transform: uppercase;
    }
    #left-mn ul li ul {
        display: block;
        margin-left: 286px;
        margin-top: -44px;
        padding: 10px 20px;
        position: absolute;
        width: 240px !important;
    }
    #left-mn ul li ul li ul {
        font-size: 14px;
        margin-left: 230px;
        margin-top: -40px;
        opacity: 0.8;
        padding: 10px 11px 10px 20px;
        width: 236px !important;
    }
    #left-mn ul li ul li ul li a {
        font-size: 12px;
    }

}

@media screen and (max-width: 1150px) {
    .product-card .product {
        float: right;
        height: 567px;
        margin: 30px 0 0;
        overflow: hidden;
        width: 390px;
    }
    .contact-card header {
        color: #b51815;
        font-size: 45px;
        margin: 0;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
    }
}

/*Слайдер событий*/
.exhibition-holder{
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.exhibition-content{
    width: 80%;
    max-width: 1000px;
    min-width: 840px;
    margin: 0 auto;
}
.exhibition-slider{
    position: relative;
    z-index: 3000;
    display: inline-block;
    padding: 10px 4px 8px;
    -webkit-box-shadow: 0 3px 1px #e5e5e5;
    -moz-box-shadow: 0 3px 1px #e5e5e5;
    box-shadow: 0 3px 1px #e5e5e5;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 218px;
    background: #fdfcfc;
}
.exhibition-slider .swiper-slide{
    width: 210px;
}
.exhibition-slider .swiper-slide img{
    width: 100%;
    height: auto;
}