@charset "UTF-8";

@font-face {
    font-family: 'partnerultracondensedregular';
    src: url('../fonts/partnerultracondensed-webfont.eot');
    src: url('../fonts/partnerultracondensed-webfont.eot%3F') format('embedded-opentype'),
        url('../fonts/partnerultracondensed-webfont.woff') format('woff'),
        url('../fonts/partnerultracondensed-webfont.ttf') format('truetype'),
        url('../fonts/partnerultracondensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'seroproregular';
    src: url('../fonts/seropro-webfont.eot');
    src: url('../fonts/seropro-webfont.eot%3F') format('embedded-opentype'),
        url('../fonts/seropro-webfont.woff') format('woff'),
        url('../fonts/seropro-webfont.ttf') format('truetype'),
        url('../fonts/seropro-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cuprumffuregular';
    src: url('../fonts/cuprum-webfont.eot');
    src: url('../fonts/cuprum-webfont.eot%3F') format('embedded-opentype'),
        url('../fonts/cuprum-webfont.woff') format('woff'),
        url('../fonts/cuprum-webfont.ttf') format('truetype'),
        url('../fonts/cuprum-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*		{ border:0;padding:0;margin:0;outline:0 }
.fl		{ float:left }
.fr		{ float:right }
.clear	{ clear:both;height: 0 !important;min-height: 0 !important;float:none !important}
.overfl	{ overflow:hidden;zoom:1 }
.tac 	{ text-align: center; }
.tar 	{ text-align: right; }
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.prodcolumn ul .otst1{
    padding-left:16px;
}
.prodcolumn ul .otst2{
    padding-left:32px;
}
.prodcolumn ul .otst3{
    padding-left:48px;
}
img		{ vertical-align:top }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:'' }
:focus	{ outline: none; border: none;}
:active { outline: none; border: none;}
table	{ border-collapse:collapse;border-spacing:0 }
label:hover, input[type=checkbox], input[type=radio] { cursor:pointer }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
textarea { resize:none; }
input, textarea {
    -webkit-border-radius: 0;
    font-family: 'seroproregular';
    outline: none;
}
html, body {
    height: 100%;
}
body {
    background: url(../images/bg.jpg) center center fixed no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-family: 'seroproregular';
    font-size: 13px;    
}
body.innerpage {
    min-width: 960px;
}

a {
    color: #f6462a;
}
a:hover {
    text-decoration: none;
    color: #e62d1b;
}
a:visited {
    color: #dc7161;
}
.wrap {
    min-height: 100%;
    margin: 0 0 -222px;
}
@media all and (orientation: landscape) {
    .wrap {
        width:100%;
    }
}

.beforefooter {
    height: 222px;
}
div[role=main] {
    width: 940px;
    margin: auto;
    position: relative;
    z-index: 3;
}
.bluestripe,
.greystripe {
    position: relative;
    width: 100%;
    height: 48px;
    background: #036;
    opacity: .8;
    z-index: 2;
}
.greystripe {
    background: #fff;
    height: 51px;
    opacity: .7;
    z-index: 1;
}
div[role=main].firstmain {
    margin: -99px auto 0;
}
.bluestripe + div[role=main].firstmain {
    margin: -48px auto 0;
}
.logo {
    width: 108px;
    height: 119px;
    background: url(../images/logotop.png);
    display: inline-block;
    margin: 0 18px 0 0;
}
.mainnav {
    width: 570px;
}
.mainnav li {
    list-style-type: none;
    float: left;
    margin: 15px 16px 0;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mainnav li {
        margin: 15px 6px 0;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .mainnav li {
        margin: 15px 6px 0;
    }
}

.mainnav li a {
    color: #fff;
    text-decoration: none;
    color: #ccc;
    font-family: 'partnerultracondensedregular';
    font-size: 20px;
    line-height: 20px;
}
.mainnav li.active a,
.mainnav li.active a:hover {
    color: #fff;
    text-decoration: none;
}
.mainnav li a:hover {
    color: #bfdfff;
    text-decoration: underline;
}
.mainnav li span {
    color: #fff;
    text-decoration: none;
    color: #ccc;
    font-family: 'partnerultracondensedregular';
    font-size: 20px;
    line-height: 20px;
}
.mainnav li.active span,
.mainnav li.active span:hover {
    color: #fff;
    text-decoration: none;
}
.mainnav li span:hover {
    color: #bfdfff;
    text-decoration: underline;
}
.contactblock {
    width: 185px;
    text-align: right;
}
.logo, .contactblock, .mainnav, header h1 {
    position: relative;
    z-index: 3;
}
.tel {
    color: #fff;
    font-family: 'partnerultracondensedregular';
    font-size: 28px;
    padding: 12px 0 0;
    display: block;
    line-height: 41px;
}
.tel a {
    color: #fff;
}
.orangebutton,
.orangebutton:visited {
    background: #f64529;
    color: #fff;
    font-family: 'partnerultracondensedregular';
    text-shadow: 0 -1px 1px #92160c;
    border-bottom: 3px solid #b32008;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
    padding: 18px 13px 2px;
    line-height: 13px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}
.orangebutton:hover {
    background-color: #e52d1b;
    color: #fff;
}
.orangebutton:active {
    border-top: 1px solid #bb220d;
    border-bottom: 2px solid #bb220d;
    color: #fff;
}
.orangebutton.writeletter {
    padding: 15px 12px 0 45px;
    line-height: 22px;
    background-image: url(../images/writelettericon.png);
    background-repeat: no-repeat;
    background-position: 13px 7px;
}
.writeletter:active {
    top: 1px;
}
header h1 {	
    font-family: 'seroproregular';
    font-size: 24px;
    margin: 18px 0 18px;
}
.topslider {
    position: relative;
    top: 0;
    width: 1279px;
    height: 602px;
    left: 50%;
    margin-bottom: -602px;
    margin-left: -637px;
    z-index: 1;
}
.topslider img {
    display: block;
    width: 100%;
}
.topslider img:first-child{
    padding-top: 48px;
}

.topslider2 {
    position: relative;
    top: 0;
    height: 602px;
    z-index: 1;
    margin-bottom: -602px;
}
.topslider2 .slideimg {
    display: block;
    width: 100%;
}
.topslider2 .headslide1 .slideimg {
    background: url(../images/sliderbot2.jpg) top center no-repeat;
    height: 602px;
}
.topslider2 .headslide2 .slideimg {
    background: url(../images/sliderbot22.jpg) top center no-repeat;
    height: 602px;
}
.topslider2 .headslide3 .slideimg {
    background: url(../images/sliderbot21.jpg) top center no-repeat;
    height: 602px;
}

.slide {
    display: none;
}
.slide.activeslide {
    display: block;
}
.slidercontent {
    height: 388px;
    background: rgba(0,0,0,.5);
    margin: 30px 0 0;
    position: relative;
}
.slidercontent nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 115px;
}
.slidercontent nav > div {
    background: #fff;
    padding: 10px 0 0;
    height: 105px;
    width: 50%;
    float: left;
    cursor: pointer;
    color: #333;
    font-family: 'partnerultracondensedregular';
    font-size: 24px;
	width: 313px;
}
.slidercontent nav > div:hover {
    background: #cdd5dc;
}
.slidercontent nav > div a {
    display: none;
}
.slidercontent nav > div.activenav,
.slidercontent nav > div.activenav:hover {
    padding: 18px 0 10px;
    background: #00549f;
    position: relative;
    top: -8px;
    cursor: default;
    color: #fff;
}
.slidercontent nav > div p {
    line-height: 5px;
    margin-top: 25px;
}
.slidercontent nav > div.activenav a {
    display: inline-block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-style: italic;
}
.slidercontent nav > div.activenav a:hover {
    color: #99cfff;
    border-color: #99cfff;
    border-style: solid;
}
.slidercontent nav > div.activenav:before {
    content: url(../images/cornernav.png);
    position: absolute;
    left: 50%;
    margin-left: -27px;
    top: -24px;
}
.slideinfoblock {
    display: inline-block;
    margin: 110px 55px 0;
    vertical-align: top;
    color: #ccc;
    font-family: 'partnerultracondensedregular';
    -webkit-transform: translatez(0);
}
.slideinfoblock > p {
    font-size: 100px;
    line-height: 35px;
}
.slideinfoblock > p span {
    font-size: 72px;
}
.slideinfoblock > span {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 12px;
}

section.main {
    margin: 115px 0 0;
}
.chefcolumn {
    width: 220px;
    margin-left: 20px;
}
.chefcolumn img {
    width: 100%;
}
.underchefphoto {
    padding: 20px;
    background: #00549f;
    color: #fff;
    position: relative;
}
.underchefphoto p {
    font-family: 'partnerultracondensedregular';
    font-size: 24px;
    text-transform: uppercase;
    line-height: 25px;
    padding: 8px 0 0;
}
.underchefphoto span {
    font-size: 12px;
    line-height: 13px;
    display: block;
}
.underchefphoto:after {
    /* position: absolute;
     content: url(../images/bluecorner.png);
     bottom: -27px;
     left: 0;*/
}
h2 {
    color: #369;
    font-family: 'partnerultracondensedregular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 30px;
    padding: 10px 0 0;
    line-height: 38px;
}
.text p {
    line-height: 18px;
}
.text p + p,
.text a + p  {
    margin: 35px 0 0;
}
.text a.video {
    width: 160px;
    display: block;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: #369;
    text-decoration: none;
    margin: 21px 80px 0 0;
}
.text a.video span {
    position: relative;
    display: block;
    margin: 0 0 5px;
}
a.video span:after {
    width: 42px;
    height: 42px;
    background: url(../images/play.png);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 -21px;
    content: ''
}
.text a.video:hover {
    color: #073c70;
    text-decoration: underline;
}
a.video:hover span:after {
    background-position: bottom;
}
a.pdf,
a.doc,
a.rar,
a.xls {
    padding: 0 0 0 40px;
    background: url(../images/pdficon.png) no-repeat;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    margin: 23px 0 0;
}
a.doc {
    background-image: url(../images/docicon.png);
    min-height: 31px;
}
a.rar {
    background-image: url(http://www.td-rtz.ru/bitrix/templates/.default/images/raricon.png);
}
a.xls {
    background-image: url(http://www.td-rtz.ru/bitrix/templates/.default/images/xlsicon.png);
}
a.pdf span,
a.doc span,
a.rar span,
a.xls span {
    color: #f44428;
    border-bottom: 1px dotted #a9574a;
    text-transform: uppercase;
    display: block;
}
a.doc span {
    color: #369;
}
a.rar span,
a.xls span {
    color: #3f3f3f;
}
a.pdf i,
a.doc i,
a.rar i,
a.xls i {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #575757;
    font-size: 12px;
    padding: 3px 0 0;
    display: block;
}
a.pdf:hover span {
    color: #ce200f;
}
a.doc:hover span {
    color: #1877d6;
}
a.rar:hover span,
a.xls:hover span {
    color: #000;
}



.cert {
    width: 100%;
    margin: 46px 0 0;
}
.sidecert {
    background: url(../images/certbg2.jpg) repeat-x;
}
.centercert {
    width: 953px;
    padding: 22px 0 0;
    height: 235px;
    background: url(../images/certbg.png);
    vertical-align: top;
}
.certbtn {
    margin: -11px 0 0 8px;
}
.certbtn img {
    position: relative;
    top: -8px;
}
.centercert h2 {
    color: #fff;
}
.certimgblock a {
    display: inline-block;
    width: 100px;
    height: 143px;
    margin-right: 17px;
}

.certimgblock a img {
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    -o-transition: all, .5s;
    transition: all, .5s;
}
.certimgblock a:hover img {
    transform: scale(1.13);
    -ms-transform:scale(1.13); /* IE 9 */
    -webkit-transform:scale(1.13);	
}
.certtxt {
    width: 398px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.news {
    padding: 60px 0 0;
}
.forwardbtn {
    padding-right: 25px;
    background-image: url(../images/arrowicon.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
}
.news .forwardbtn,
.cert .forwardbtn {
    margin: -11px 0 0 16px;
}
.newsholder {
    overflow: auto;
    margin: 16px 0 0;
    min-height: 320px;
}
.newsinner {
    width: 300%;
    max-height: 320px;
    overflow: hidden;
}
article.newsblock {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    font-family: 'cuprumffuregular';
    color: #666;
    font-size: 14px;
    -webkit-transform: translatez(0);
}
article.newsblock + .newsblock {
    margin-left: 17px;
}
article.newsblock a {
    font-family: 'seroproregular';
    color: #369;
    text-decoration: none;
    border-bottom: 1px dotted #369;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 18px;
}
article.newsblock a:hover {
    color: #00356c;
    border-bottom-style: solid;
    border-bottom-color: #00356c;
}
article.newsblock img {
    margin: 0 0 10px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -webkit-transition: all, 1s;
    -moz-transition: all, 1s;
    -ms-transition: all, 1s;
    -o-transition: all, 1s;
    transition: all, 1s;
}
article.newsblock:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
article.newsblock p {
    margin: 12px 0 0;
    line-height: 14px;
}
.newsdate {
    color: #369;
    font-family: 'seroproregular';
    font-weight: bold;
    font-size: 14px;
}
.newsdate span {
    background: #0053a8;
    color: #fff;
    font-family: 'partnerultracondensedregular';
    font-size: 24px;
    display: inline-block;
    line-height: 13px;
    padding: 20px 6px 0;
    margin: 0 5px 0 0;
}
body > footer {
    height: 222px;
}
footer > table {
    width: 100%;
}
.sidefooter {
    background: url(../images/footerbg2.jpg) repeat-x;
}
.centerfooter {
    width: 953px;
    height: 162px;
    padding: 60px 0 0;
    background: url(../images/footerbg.png) no-repeat;
    vertical-align: top;
}
.centerfooter > div > div,
.centerfooter address {
    display: inline-block;
    vertical-align: top;
}
.copyright .logobottom {
    width: 40px;
    height: 37px;
    display: inline-block;
    background: url(../images/logobottom.png);
    float: left;
    margin-right: 20px;
}
.copyright {
    width: 220px;
    color: #ccc;
    font-size: 13px;
    font-family: 'seroproregular';
}
.copyright p {
    margin: 5px 0 ;
}
.copyright span {
    color: #f6462a;
    display: block;
    font-size: 11px;
    margin: 5px 0 0;
}
.centerfooter address {
    width: 285px;
    font-size: 13px;
    color: #ccc;
    font-family: 'seroproregular';
    font-style: normal;
    margin-left: 59px;
    padding: 7px 0 0;
}
.centerfooter address a {
    margin: 15px 15px 0 0;
    display: inline-block;
    color: #ccc;
}
footer .tel {
    margin: 0 40px 0 30px;
    font-size: 25px;
    color: #ccc;
}
footer .tel + a {
    margin: 7px 0 0;
}
.counters {
    margin: 27px 0 0;
}
.astonia {
    width: 160px;
    margin: 22px 0 0;
}
.astonia a {
    color: #ccc;
    line-height: 19px;
    font-size: 12px;
}
.astonia a:hover {
    /*color: #9d9c9c;*/
}
footer a:hover {
    text-decoration: none;
}

/** modals **/
.modalsholder {
    display: none;
}
.modal header {
    height: 87px;
    background: #f6f6f6 url(../images/modalhead.png) right no-repeat;
    margin: 0 0 0;
}
.modal header h2 {
    padding: 30px 0 0 40px;
    color: #fff;
}
#letterbox {
    width: 560px;
    height: 520px;
    overflow: hidden;
}
.modalbody {
    padding: 30px 70px 30px 0;
    background: #f6f6f6;
}
.modalbody form > div {
    min-height: 33px;
    margin: 0 0 20px;
}
#letterbox .modalbody form > div:last-child {
    margin: 0;
}
#letterbox .modalbody form > div:last-child p,
#vacancybox .modalbody form > div:last-child p {
    text-align: left;
    padding-left: 40px;
}
.modalbody input[type=text],
.modalbody textarea,
.fileblock {
    border: 1px solid #b2b2b2;
    height: 21px;
    padding: 5px 10px;
    width: 318px;
    border-radius: 5px;
    margin: 0 0 0 20px;
    background: #fff;
}

.modalbody input[type=text]:hover,
.modalbody textarea:hover,
.modalbody input[type=text]:focus,
.modalbody textarea:focus {
    border-color: #999;
}

.modalbody textarea {
    height: 90px;
}
.modalbody form > div p {
    text-align: right;
    padding: 9px 0 0;
}
.modalbody form > div.doublep p {
    padding: 1px 0 0;
}
.modalbody form > div p span {
    color: #f6452a;
}
.modalbody .writeletter {
    margin: 0 0 0 150px;
}
.modalbody form .error input, .modalbody form .error textarea {
    color: #ef4126;
    border-color: #ef4126;
}
.modalbody form .error input:hover, .modalbody form .error textarea:hover {
    border-color: #f84c09;
}
#lettersent {
    height: 220px;
    background: #f6f6f6;
}
.okblock {
    padding-left: 40px;
    background: url(../images/ok.png) no-repeat;
    margin: 0 auto;
    width: 350px;
}
p.orange {
    font-size: 16px;
    color: #ed4125;
    text-transform: uppercase;
}
.okblock p + p {
    margin-top: .5em;
}

/** vacancies **/
.breadcrumbs {
    width: 100%;
    font-size: 11px;
    margin: 10px 0 0;
}
.breadcrumbs li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}
.breadcrumbs li + li:before {
    content: '/';
    color: #525252;
    padding: 0 3px 0 1px;
}
.breadcrumbs li a {
    color: #525252;
}
.breadcrumbs li a:hover {
    text-decoration: none;
}
.breadcrumbs li span {
    color: #00549f;
}
.innerpage div[role=main] > header {
    padding: 0 0 1px 0;
    margin: 0 0 -1px 0;
}
.innerpage section.main {
    margin-top: 35px;
}
.localnav {
    font-family: 'partnerultracondensedregular';
    font-size: 18px;
    text-align: center;
    margin: 0 0 45px;
    border: 2px solid #b2b2b2;
    border-left: none;
    border-right: none;
}
.localnav ul {
    display: inline-block;
    vertical-align: top;
}
.localnav li {
    list-style-type: none;
    float: left;
}
.localnav li a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 18px 22px 6px;
    display: block;
    line-height: 14px;
}
.localnav li a:hover {
    color: #00559d;
}
.localnav .activenav a,
.localnav .activenav a:hover {
    color: #fff;
    background: #00549f;
    position: relative;
}
.localnav .activenav a:before {
    content: '';
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    top: -4px;
    left: 0;
}
.localnav .activenav a:after {
    content: url(../images/breadcrumbcorner.png);
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    bottom: -19px;
    left: 0;
    text-align: center;
}
.localnav li span {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 18px 22px 6px;
    display: block;
    line-height: 14px;
}
.localnav li span:hover {
    color: #00559d;
}
.localnav .activenav span,
.localnav .activenav span:hover {
    color: #fff;
    background: #00549f;
    position: relative;
}
.localnav .activenav span:before {
    content: '';
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    top: -4px;
    left: 0;
}
.localnav .activenav span:after {
    content: url(../images/breadcrumbcorner.png);
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    bottom: -19px;
    left: 0;
    text-align: center;
}
section.main h1 {
    color: #369;
    font-size: 38px;
    font-family: 'partnerultracondensedregular';
    text-transform: uppercase;
    line-height: 55px;
    font-weight: normal;
}
.vacancies {
    padding: 0 0 55px;
}
.peoplecount {
    width: 225px;
    padding: 88px 0 0 80px;
    color: #369;
    font-size: 26px;
    font-family: 'partnerultracondensedregular';
    text-transform: uppercase;
    line-height: 27px;
}
.peoplecount span {
    font-size: 130px;
    position: relative;
    line-height: 38px;
    display: block;
}
.peoplecount span:before {
    font-size: 60px;
    position: absolute;
    content: '>';
    left: -39px;
    font-weight: bold;
    line-height: 35px;
    top: -27px;
}
.text ul.ordinary {
    list-style-type: none;
}
.text ul.ordinary li {
    padding: 0 0 5px 35px;
    position: relative;
    line-height: 22px;
    width: 700px;
}
.text ul.ordinary li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #f7462a;
    left: 4px;
    top: 6px;
}
.innerpage .text h2 {
    padding: 10px 0 7px;
    color: #333;
    font-weight: normal;
}
.innerpage .text * + h2 {
    margin-top: 50px;
}
.innerpage .text * + div>h2 {
    margin-top: 50px;
}
.accordeoncities > div header {
    cursor: pointer;
}
.accordeoncities > div > header {
    background: #7e7e7e;
    border-radius: 5px;
    border-bottom: 3px solid #525252;
    font-family: 'partnerultracondensedregular';
    color: #fff;
    padding: 0 20px;
    font-size: 20px;
    text-transform: uppercase;
}
.accordeoncities > div > header:hover {
    background: #676767;
}
.accordeoncities > div > header:active {
    border-bottom-width: 2px;
    border-top: 1px solid #525252;
}
.accordeoncities article {
    display: none;
}
.cityname {
    display: block;
    line-height: 10px;
    padding: 24px 0 7px;
}

.accordeoncities > div > header .fr {
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/accordeonarrow.png);
    margin: 14px 0 0;
}
.accordeoncities > div + div {
    margin: 6px 0 0;
}
.accordeoncities header.opencity,
.accordeoncities header.opencity:hover {
    background: #306599;
    border-color: #204b72;
}
.accordeoncities .opencity .fr {
    height: 9px;
    margin: 16px 0 0;
    background-position: bottom;
}
.accordeoncities > div > article {
    padding: 25px 20px;
}
.vacancyaccordeon > div > header i {
    width: 12px;
    height: 13px;
    display: inline-block;
    background: url(../images/accordeonarrowor.png) no-repeat;
    margin: 0 0 0 10px;
    position: relative;
    top: -2px;
}
.vacancyaccordeon article {
    padding: 0 0 40px 20px;
}
.vacancyaccordeon article p {
    text-transform: uppercase;
    color: #0e3c69;
    font-size: 14px;
    line-height: 30px;
}
.vacancyaccordeon article ul,
.page404 ul {
    margin: 0 0 10px;
}
.vacancyaccordeon article ul li,
.page404 li  {
    list-style-type: none;
    padding: 0 0 0 35px;
    position: relative;
    line-height: 24px;
}
.vacancyaccordeon article ul li:before,
.page404 li:before {
    content: '—';
    position: absolute;
    left: 10px;
}
.vacancyaccordeon header {
    margin-bottom: 15px;
}
.vacancyaccordeon > div > header i, .vacancyaccordeon > div > div > header i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/accordeonarrowor.png) no-repeat;
    margin: 0 0 0 10px;
    position: relative;
    top: -2px;
}
.vacancyaccordeon header span {
    color: #454545;
    border-bottom: 1px dotted transparent;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    line-height: 6px;
    padding: 17px 0 0;
    display: inline-block;
}
.vacancyaccordeon header span:hover {
    border-bottom-color: #4d6782;
}
.vacancyaccordeon header.openvac span {
    color: #f54529;
    border-bottom-color: transparent;
}

.vacancyaccordeon > div > header.openvac i {
    background-position: bottom;
    width: 13px;
    height: 9px;
}
.vacancyaccordeon .writeletter {
    margin: 10px 0 0 9px;
}
.filebtn {
    background: url(../images/fileinput.png);
    display: inline-block;
    width: 102px;
    height: 27px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.filebtn:hover {
    background-position: 0 -27px;
}
.filebtn:active {
    background-position: 0 -54px;	
}
.fileinput {
    display: none;
}
.fileblock {
    position: relative;
    overflow: hidden;
}
.fileblock span {
    line-height: 21px;
    display: block;
    width: 215px;
    word-wrap: nowrap;
}
.fileblock span.fileinput-button {
    width: 102px;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
#fileupload{
    display: block;
}

#vacancybox .modalbody .writeletter {
    margin: 0 0 0 190px;
}
.progress{
    margin: 7px 0 30px 191px;
    background: url(../images/vacancy/progress_bar_bg.png) no-repeat;
    height: 9px;
    width: 338px;
    position: relative;
    border-radius: 4px;
    display: none;
}
.progress-bar{
    position: relative;
    background: url(../images/vacancy/progress_bar.png) repeat-x;
    width: 0;
    height: 9px;
    border-radius: 4px;
}
.progress-text{
    position: absolute;
    font-size: 11px;
    color: #656565;
    left: 2px;
    bottom: -18px;
}

/*** history ***/
.chronology {
    width: 100%;
    height: 210px;
}
.jspScrollable.chronology{
    overflow: hidden;
}
.year {
    width: 220px;
    float: left;
}
.stick {
    float: left;
    width: 18px;
    height: 104px;
    display: block;
    background: url(../images/yearstick.png) top right no-repeat;
    margin-right: 18px;
}
.year header {
    font-family: 'partnerultracondensedregular';
    font-size: 50px;
    line-height: 24px;
    padding: 17px 0 0;
}
.year a {
    text-decoration: none;
    color: #888c91;
}
.year a span {
    text-decoration: underline;
    color: #1654a1;
}
.year a:hover span {
    text-decoration: none;
}
.year a:hover header {
    color: #25639a;
}
.activeyear header,
.activeyear a:hover header {
    color: #f6462a;
    font-size: 60px;
}
.activeyear a span {
    text-decoration: none;
    color: #f6462a;
}
.activeyear a span.stick {
    background-position: left top;
}
.yearholder {
    padding: 0 0 0 20px;
    height: 130px;
    background: url(../images/historyline.png) 20px 81px repeat-x;
}
.year:nth-child(1) .stick{
    height: 98px;
}
.year:nth-child(2) .stick,
.year:nth-child(3) .stick,
.year:nth-child(5) .stick,
.year:nth-child(6) .stick {
    height: 92px;
}
.year:nth-child(4) .stick,
.year:nth-child(13) .stick,
.year:nth-child(14) .stick {
    height: 99px;
}
.year:nth-child(7) .stick,
.year:nth-child(10) .stick {
    height: 89px;
}
.year:nth-child(8) .stick,
.year:nth-child(11) .stick {
    height: 103px;
}
.year:nth-child(9) .stick,
.year:nth-child(12) .stick {
    height: 96px;
}
.historypictures {
    padding: 20px 0 55px;
    width: 730px;
}
.histp {
    width: 730px;	
}
.mainpicture {
    min-height: 363px;
}
.smallpics {
    padding: 13px 0 0;
}
.smallpics a,
#media-pager a {
    float: left;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -webkit-transition: all, 1s;
    -moz-transition: all, 1s;
    -ms-transition: all, 1s;
    -o-transition: all, 1s;
    transition: all, 1s;
    position: relative;
}
.smallpics a:hover,
.smallpics a.activehistory,
#media-pager a:hover,
#media-pager a.active {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);	
}
.smallpics a + a {
    margin-left: 14px;
}
.smallpics a.activehistory:after {
    width: 104px;
    height: 62px;
    position: absolute;
    content: '';
    border: 3px solid #f6462a;
    left: 0;
    top: 0;
}

/*** PC news ***/
.yearline ul {
    border-bottom: 1px solid #d2d2d2;
    height: 55px;
}
.yearline li {
    float: left;
    list-style-type: none;
    width: 55px;
    text-align: center;
    margin-right: 35px;
    display: block;
    font-family: 'partnerultracondensedregular';
    font-size: 28px;
    text-decoration: none;
    color: #888c91;
}
.yearline li.fr {
    float: right;
    margin-right: 0;
}
.yearline li a {
    text-decoration: none;
    color: #888c91;
    border-bottom: 1px dotted #336699;
    line-height: 5px;
    display: inline-block;
    position: relative;
}
.yearline li a:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/newsdot.png) right no-repeat;
    bottom: -35px;
    left: 50%;
    margin-left: -9px;
}
.yearline li a:hover {
    border-bottom-color: transparent;
    color: #4a6485;
}
.yearline li.fr a {
    line-height: 26px;
    text-transform: uppercase;
    text-align: left;
    border: none;
}
.yearline li.fr a.allyear.activeyearnews {
    line-height: 30px;
}
.yearline li.fr a:after {
    background: none;
}
.yearline li .activeyearnews {
    font-size: 40px;
    color: #00549f;
    border-bottom-color: transparent;
}
.yearline li .activeyearnews:after {
    background-position: left;
}
.articlesholder {
    margin-left: -17px;
}
.articlesholder .newsblock {
    margin-left: 17px;
    margin-bottom: 45px;
}
.newstoggle {
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    font-size: 24px;
}
.newstoggle li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    padding: 85px 0 30px;
}
.newstoggle li + li {
    margin: 0 0 0 25px;
}
.newstoggle li a {
    text-decoration: none;
    color: #868686;
    display: block;
    border-bottom: 1px dotted #336699;
    line-height: 5px;
}
.newstoggle li a:hover {
    color: #00549f;
    border-style: solid;
}
.newstoggle li a.activenewstab {
    color: #0053a8;
    font-size: 30px;
    border-bottom-color: transparent;
}
.newstoggle li a.activenewstab.presstab,
.newstoggle li a.presstab:hover {
    color: #f54529;
}
.newstoggle li a.presstab:hover {
    border-bottom-color: #f54529;
}
.newstoggle li a.activenewstab.presstab:hover {
    border-color: transparent;
}
.newspagenav {
    text-align: center;
    margin-bottom: 70px;
}
.newspagenav span {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px;
}
.newspagenav .dotbutton {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px;
    text-decoration: none;
    color: black;
}
.newspagenav .dotbutton:hover {
    text-decoration: underline;
}
.whitebtn,
.whitebtn:visited {
    border: 1px solid #e7e7e7;
    border-top: 1px solid #d2d2d2;
    border-bottom: 2px solid #acacac;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f1f1f1));
    background-image: -webkit-linear-gradient(#fefefe, #f1f1f1);
    background-image: -moz-linear-gradient(#fefefe, #f1f1f1);
    background-image: -o-linear-gradient(#fefefe, #f1f1f1);
    background-image: linear-gradient(#fefefe, #f1f1f1);
    border-radius: 5px;
    text-decoration: none;
    color: #251d33;
    padding: 5px 11px 6px;
    display: inline-block;
}
.whitebtn:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fefefe));
    background-image: -webkit-linear-gradient(#f1f1f1, #fefefe);
    background-image: -moz-linear-gradient(#f1f1f1, #fefefe);
    background-image: -o-linear-gradient(#f1f1f1, #fefefe);
    background-image: linear-gradient(#f1f1f1, #fefefe);
    color: #251d33;
}
.newspagenav .forwardbtn,
.newspagenav .backwardbtn {
    padding: 13px 14px;
    background-image: url(../images/arrowicon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.newspagenav .backwardbtn {
    background-image: url(../images/larrowicon.png);
    margin-right: 10px;
}
.newspagenav .forwardbtn {
    margin-left: 10px;
}
.activepagenav,
.activepagenav:hover,
.whitebtn:active,
.activepagenav:visited {
    border-color: #6f6f6f;
    border-top-color: #696969;
    border-bottom-color: #474747;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#797979), to(#545454));
    background-image: -webkit-linear-gradient(#797979, #545454);
    background-image: -moz-linear-gradient(#797979, #545454);
    background-image: -o-linear-gradient(#797979, #545454);
    background-image: linear-gradient(#797979, #545454);
    color: #fff;
}

/*** press ***/
.newstoggle li .pressaboutus {
    border-bottom-color: transparent;
}
.presstab .newsdate,
.presstab article.newsblock a {
    color: #f54529;
}
.presstab .newsdate span {
    background: #f54529;
}
.presstab article.newsblock a:hover {
    border-bottom-color: #f54529;
}
.clientsholder {
    margin-top: 45px;
    border-top: 1px solid #9a9a9a;
    padding: 30px 0 0;
}
.clientsblock {
    border: 1px solid transparent;
    float: left;
    margin-left: 15px;
    margin-bottom: 45px;
    text-align: center;
    position: relative;
}
.clientsblock:hover {
    border-color: #dfdfdf;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f6f6f6));
    background-image: -webkit-linear-gradient(#fefefe, #f6f6f6);
    background-image: -moz-linear-gradient(#fefefe, #f6f6f6);
    background-image: -o-linear-gradient(#fefefe, #f6f6f6);
    background-image: linear-gradient(#fefefe, #f6f6f6);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3)
}
.clientsinside {
    display: table-cell;
    vertical-align: middle;	
    width: 215px;
    height: 133px;
}
.clientsinside img{
width:100%;
height:100%;
object-fit:scale-down;
}

.companyname {
    position: absolute;
    display: none;
    text-transform: uppercase;
    padding: 15px 14px 0;
    text-align: center;
    width: 187px;
}

.clientsblock:hover .companyname {
    display: block;
}

/*** detailnews ***/
.detailnews {
    width: 795px;
    padding: 0 0 55px;
}
.innerpage .detailnews h2 {
    margin-top: 20px;
    color: #369;
    line-height: 32px;
    width: 550px;
}
.innerpage .presstab .detailnews h2 {
    color: #f54529;
}
.detailnews .historypictures {
    padding-top: 0;
}
.back {
    display: inline-block;
    margin: 35px 0 0;
}

/*** media general ***/
.mediaholder {
    width: 960px;
    margin-left: -10px;
    padding: 0 0 55px;
}
.mediablock {
    width: 220px;
    height: 220px;
    padding: 10px;
    float: left;
    font-family: 'partnerultracondensedregular';
    font-size: 20px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #1a1a1a;
    text-transform: uppercase;
    position: relative;
}
.mediablock:hover {
    color: #fff;
    background: #369;
}
.photoscount {
    position: absolute;
    left: 35px;
    top: 35px;
    width: 170px;
    height: 105px;
    background: rgba(0,0,0,0.5);
    color: #ccc;
    display: block;
}
.photoscount i {
    font-size: 41px;
    font-style: normal;
    display: block;
    line-height: 13px;
    padding: 50px 0 0;
}
.mediadescription {
    display: block;
    line-height: 24px;
    padding: 17px 0 0;
}

/*** media detail ***/
.mediadetailholder {
    background: url(../images/mediabg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 25px 0;
}
.mediapgerholder {
    overflow: hidden;
    height: 185px;
}
#media-pager a {
    -webkit-transform: translatez(0);
}
#media-pager a + a {
    margin-left: 10px;
}
#media-pager .active{
    position: relative;
}
#media-pager .active:after,
.certpager #media-pager .active i:after {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 3px #f6462a;
    content: '';
    left: 0;
    top: 0;
}
.certpager #media-pager .active:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.imgcaption {
    background: rgba(37,37,37,0.8);
    padding: 20px 25px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 62px;
    width: 766px;
}
.mediapgerholder + a {
    margin-bottom: 55px;
}

.certslider > div {
    text-align: center;
}
.certslider a {
    display: inline-block;
    vertical-align: top;
}
.certslider span,
.certpager span {
    display: table-cell;
    height: 589px;
    vertical-align: middle;
}
.certpager {
    height: 240px;
}
.certpager span {
    height: 166px;
}
.certpager i {
    display: block;
    position: relative;
}

/**** service ****/
.serviceholder {
    margin: -29px 0 100px -20px;
}
.serviceblock {
    margin-left: 20px;
    width: 460px;
    float: left;
}
.serviceblock > div {
    background: #2f5076;
    color: #fff;
    height: 230px;
    overflow: hidden;
}
.serviceblock > div p {
    padding: 30px;
    line-height: 18px;
}
.serviceblock h3 {
    color: #333;
    font-family: 'partnerultracondensedregular';
    text-transform: uppercase;
    font-size: 22px;
    line-height: 13px;
    padding: 57px 0 0;
}

/**** production ****/
.production {
    padding: 0 0 100px;
}
.production .peoplecount span:before {
    display: none;
}
.productionmosaic {
    padding: 0 0 40px;
}
.productionmosaic > div {
    width: 188px;
    height: 187px;
    margin: 0 0 2px 2px;
    color: #fff;
    font-family: 'partnerultracondensedregular';
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
}
.productionmosaic > div > div {
    display: table-cell;
    vertical-align: middle;
    height: 187px;
    width: 188px;
}
.productionmosaic > div span {
    font-size: 80px;
    display: block;
    line-height: 20px;
    line-height: 36px;
    padding: 60px 0 0;
}
.productionmosaic > div span i {
    font-size: 70px;
    font-style: normal;
    text-transform: none;
}
.productionmosaic > img {
    margin: 0 0 2px 2px;
}
.productionmosaic > div.greyblock,
.productionmosaic > img:first-child {
    margin-left: 0;
}
.greyblock {
    background: rgba(41,41,41,.65);
}
.blueblock {
    background: rgba(51,102,153,.8);
}
.redblock {
    background: rgba(236,64,37,.8);
}
.cutin {
    color: #369;
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    font-size: 24px;
    text-transform: uppercase;
    width: 280px;
    line-height: 32px;
    padding: 37px 10px 17px;
    border: 2px solid #7e7979;
    border-left: none;
    border-right: none;
}
.cutin.fr {
    margin: 0 0 30px 30px;
}
.cutin.fl {
    margin: 30px 30px 0 0;
}
.cutin.fl + p {
    margin-top: 30px;
}
.cutin.fl + div>p {
    margin-top: 30px;
}

/*** review ***/
.review {
    margin: -45px 0 0;
}
.reviewblock {
    border-bottom: 1px solid #9a9a9a;
    padding: 40px 0;
}
.reviewblock > .fl {
    margin: 0 60px 0 0;
    padding: 0 0 9px;
    background: url(../images/bottomshadow.png) center bottom no-repeat;
}
.reviewblock .overfl > p {
    text-transform: uppercase;
    margin-bottom: 25px;
}
.text .reviewblock h2 {
    color: #369;
    font-size: 28px;
    padding-bottom: 0;
}
.quote {
    padding-left: 60px;
    background: url(../images/quote.png) no-repeat;
}
.text .quote p + p {
    margin-top: 1em;
}
.review .newspagenav {
    margin: 25px 0 95px;
}
.pricelist table {
    width: 100%;
}
.pricelist th {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#484848));
    background-image: -webkit-linear-gradient(#6b6b6b, #484848);
    background-image: -moz-linear-gradient(#6b6b6b, #484848);
    background-image: -o-linear-gradient(#6b6b6b, #484848);
    background-image: linear-gradient(#6b6b6b, #484848);
    padding: 0 20px;
    font-family: 'partnerultracondensedregular';
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #FFF;
    border-top: none;
    border-bottom: none;
    text-align: left;
}
.pricelist th div {
    line-height: 10px;
    padding: 22px 0 7px
}
.pricelist td {
    padding: 0 20px;
    height: 34px;
    background: #e4e4e4;
    border: 1px solid #ffffff;
    border-top: none;
    border-bottom: none;
}
.pricelist tr:nth-child(odd) td {
    background: #eee;
}

.pricelist tr:hover td {
    background: #fff;
}
.pricefilter {
    width: 460px;
}
.pricefilter > div {
    height: 50px;
}
.pricefilter > div > span {
    text-align: right;
    display: block;
}
.pricefilter>form > div {
    height: 50px;
}
.pricefilter >form> div > span {
    text-align: right;
    display: block;
}
.pricebuttonsblock {
    width: 285px;
    text-align: right;
}
.pricebuttonsblock .orangebutton {
    padding-left: 67px;
    margin-bottom: 6px;
    width: 184px;
    text-align: left;
}
.text .buybtn {
    background-image: url(../images/pricelisticon.png);
    background-repeat: no-repeat;
    background-position: 13px 9px;
}
.text .countbtn {
    background-image: url(../images/pricelisticon.png);
    background-repeat: no-repeat;
    background-position: 13px -40px;
}
.pricelist .newspagenav {
    margin-top: 25px;
}
.pricelist > p {
    font-family: 'partnerultracondensedregular';
    color: #333;
    text-transform: uppercase;
    font-size: 22px;
}
.text p.all {
    margin: 40px 0 0;
}
.text p.filtered {
    color: #f54529;
    margin: 10px 0;
}
.showcount {
    width: 225px;
    position: absolute;
    right: 0;
}
.showcount .customSelect {
    float: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.showcount .customSelect .selectedValue {
    width: 38px;
    text-align: left;
    margin: 0;
}
.showcount .customSelect .caret {
    width: 10px;
    height: 6px;
    background: url(../images/smallselect.png);
}
.showcount .customSelect .selectValueWrap .caret {
    top: 14px;
    right: -1px;
}
.showcount > span {
    margin-left: 0;
    vertical-align: middle;
    margin-top: 9px;
}
.showcount > div + span {
    margin-right: 0;
    margin-left: 9px;
}
.showcount .customSelect.select-open .selectList {
    left: 0px !important;
    text-align: left;
}
.showcount .customSelect .caret:active {
    background-position: 0;
}
.hidden{
    display: none;
}

/*** styles page ***/
.text h3,
.text h4,
.text h5 {
    color: #369;
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    font-size: 28px;
    font-weight: normal;
}
.text h4 {
    font-size: 24px;
}
.text h5 {
    font-size: 22px;
    color: #000;
}
.text ol.ordinary {
    counter-reset:li;
    padding:0;
    list-style:none;
    width: 700px;
}
.text ol.ordinary li {
    position: relative;
    padding-left: 30px;
    line-height: 18px;
    padding-bottom: 15px;
}
.text ol.ordinary li:before {
    content:counter(li)".";
    counter-increment:li;
    position:absolute;
    top:0;
    left: 0;
    color:#f04227;
}

.cityblock p:first-child{
    font-size: 24px;
    padding: 25px 0 0;
    color: #369;
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    font-weight: normal;
    line-height: 24px;
}

/*** page 404 ***/
.page404 {
    padding: 500px 0 65px;
    position: relative;
}
.block404 {
    text-align: center;
    color: #e9e9e9;
    position: absolute;
    width: 100%;
    top: -55px;
}
.block404 h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}
.block404 h1 {
    font-size: 85px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'partnerultracondensedregular';
    margin: 0 0 -60px;
}
.bx-core-waitwindow{
    display: none;
}

/*** contacts ***/
.contactcolumn {
    width: 520px;
    float: left;
    font-size: 14px;
    line-height: 20px;
}
.contactcolumn + .contactcolumn {
    width: 420px;
}
.contactcolumn > div {
    min-height: 30px;
    padding-bottom: 30px;
}
.contactcolumn > div > span {
    width: 29px;
    height: 30px;
    background: url(../images/contactsicon.png);
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 25px;
}
.contactcolumn > div.phone {
    font-size: 18px;
    line-height: 27px;
}
.contactcolumn > div.email a {
    color: #282828;
    line-height: 27px;
}

.contactcolumn > div.phone span {
    background-position: 0 -60px;
}
.contactcolumn > div.schedule span {
    background-position: 0 -120px;
}
.contactcolumn > div.req span {
    background-position: 0 -195px;
}
.contactcolumn > div.email span {
    background-position: 0 -273px;
}

.contacts h3 {
    line-height: 42px;	
}
.contacts h3 span {
    color: #333;
}
.contactcitycolumn,.rowcity {
    width: 100%;
    float: left;
}

.contactcitycolumn p + p {
    margin-top: 5px;
}
.contactcitycolumn p + a,
.contactcitycolumn p + a + a {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.contactcitycolumn p + a + a {
    float:right;
}
.cityblock {
    width: 265px;
    float: left;
}
.rowcity {
    margin-bottom: 35px;
}
.rowcity .cityblock:not(:first-child) {
    margin-left: 35px;
}
.maptabs {
    font-family: 'partnerultracondensedregular';
    font-size: 18px;
    text-align: center;
    border: 2px solid #b2b2b2;
    border-left: none;
    border-right: none;
}
.maptabs li {
    list-style-type: none;
    float: left;
    width: 33.333%;
}
.maptabs li a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 24px 22px 6px;
    display: block;
    line-height: 14px;
    font-size: 24px;
}
.maptabs li a:hover {
    color: #00559d;
}
.maptabs a.current, .maptabs a.current:hover {
    color: #fff;
    background: #00549f;
    position: relative;
}
.maptabs a.current:before {
    content: '';
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    top: -4px;
    left: 0;
}
.maptabs a.current:after {
    content: url(../images/breadcrumbcorner.png);
    border-top: 6px solid #00549f;
    position: absolute;
    width: 100%;
    bottom: -19px;
    left: 0;
    text-align: center;
}
.maptabholder {
    height: 460px;
    margin: 0 0 45px;
}
.orangebutton.print {
    background-image: url(../images/printicon.png);
    background-repeat: no-repeat;
    background-position: 14px 6px;
    padding-left: 45px;
    margin: -25px 0 0;
    float: right;
}
.fancybox-wrap .orangebutton.print {
    float: right;
    right: 65px;
    bottom: 25px;
}

/*** production general ***/
.productiontabs li {
    width: 50%;
}
.prodcolumn {
    width: 286px;
}
.prodcolumn + .prodcolumn {
    margin: 0 0 0 38px;
}
.prodcolumn img {
    margin: 0 0 20px;
}
.prodcolumn li {
    list-style-type: none;
    line-height:1.8;
    font-size: 13px;
}
.prodcolumn a {
    color: #0e3c69;
    text-transform: uppercase;
}
.prodtabholder > div {
    padding: 50px 0 0;
}
.detailblock {
    width: 580px;
}
.text .dlbtn {
    background-image: url(../images/pricelisticon.png);
    background-repeat: no-repeat;
    background-position: 13px -115px;
}
.detailblock .ordinary {
    margin: 0 0 30px;
}
.detailblock table {
    width: 100%;
    border-bottom: 3px solid #616161;
}
.detailblock thead th {	
    font-family: 'partnerultracondensedregular';
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 36px;
    text-align: center;
}
.detailblock table thead tr:first-child th:first-child,
.detailblock table thead tr:first-child th {
    width: 110px;
    background: #555;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d6d6d), to(#484848));
    background-image: -webkit-linear-gradient(#6d6d6d, #484848);
    background-image: -moz-linear-gradient(#6d6d6d, #484848);
    background-image: -o-linear-gradient(#6d6d6d, #484848);
    background-image: linear-gradient(#6d6d6d, #484848);
}
.detailblock table td + td,
.detailblock table th + th {
    border-left: 1px solid #fff;
}
.detailblock thead tr + tr th {
    background: #787878;
    width: 52px;
}
.detailblock thead p {
    padding: 15px 0 1px;
    line-height: 15px;
    font-weight: normal;
}
.detailblock table tbody td:first-child {
    text-align: center;
    font-family: 'partnerultracondensedregular';
    font-size: 17px;
}
.detailblock table tbody td {
    height: 34px;
    background: #dfdfdf;
    text-align: center;
}
.detailblock table tbody tr:nth-child(even) td {
    background: #e7e7e7;
}
.detailblock table tbody td p {
    padding: 14px 0 0;
}
.detailblock table tbody td span {
    padding: 14px 0 0;
}
.detailblock table tbody td.mark {
    background: #f74529;
}
.detailblock table tbody tr:nth-child(even) td.mark {
    background: #f8583e;
}
.detailblock table tbody td.mark2 {
    background: #0154a0;
}
.detailblock table tbody tr:nth-child(even) td.mark2 {
    background: #1a65a9;
}
.detailblock ul{
    padding-left: 20px;
}
/* For appearance */
.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 3em 0;
    width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    z-index: 100;
    width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;

}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
    box-sizing: border-box;
}

.innerpage.printContact {
    background: none;
}
body.printContent{
    background: none;
    height: auto;
}
.printContent>.wrap, .printContent>.wrap>.firstmain{
    margin: 0 auto;
}
.printContent a{
    text-decoration: none;
}
.printContent .contactcitycolumn {
    width: 100%;
}
.printContent .beforefooter {
    display: none;
}
.map-level-0{
    line-height: 20px;
    margin-bottom: 30px;
}
.map-level-1{
    margin-left: 20px;
}
#bx-composite-banner {
    float: left;
    display: inline-block;
}

p.zagl {
    color: #369;
    text-transform: uppercase;
    font-family: 'partnerultracondensedregular';
    font-size: 28px;
    font-weight: normal;
    line-height: 42px;
}
p.zagl span {
    color: #333;
}

/* *********************************** */
.text p + p, 
.text a + p { 
	margin: 15px 0 0; 
}

h1, h2, h3, h4, h5, h6 {
	padding: 25px 0 0; 
}

ul, ol {
	margin-left: 20px;
}

.prodcolumn ul li, ol li{
	margin-top: 10px;
}

h2 {
	color: #369 !important;
}


.kontrolkechestva {
	width: 169px;
	height: 41px;
	display: block;
	background: url(../../../../upload/kontrolkechestva.png);
	background-position: 0px 0px;
	position: absolute;
	right: 168px;
	text-decoration: none;
}
.kontrolkechestva span {
	color: #fff;
	text-decoration: none;
	margin: 8px 15px 0px;
	display: block;
	font-family: 'partnerultracondensedregular';
	font-size: 18px;
	text-shadow: 0 -1px 1px #222;
}
.kontrolkechestva:hover {
	background-position: 0px -41px;
}

.controlform {
    width: 555px;
    margin: 0 0 60px 145px;
}

.controlform form > div {
    min-height: 33px;
    margin: 0 0 20px;
}
.controlform input[type=text],
.controlform textarea,
.captcha {
    border: 1px solid #b2b2b2;
    height: 21px;
    padding: 5px 10px;
    width: 318px;
    border-radius: 5px;
    margin: 0 0 0 20px;
    background: #fff;
    float: right;
}
.controlform textarea,
.captcha {
    height: 95px;
}

.controlform input[type=text]:hover,
.controlform textarea:hover,
.controlform input[type=text]:focus,
.controlform textarea:focus {
    border-color: #999;
}

.controlform textarea {
    height: 90px;
}
.controlform form > div p {
    text-align: right;
    padding: 9px 0 0;
}
.controlform form > div.doublep p {
    padding: 1px 0 0;
}
.controlform form > div p span {
    color: #f6452a;
}
.controlform form .error input,
.controlform form .error textarea {
    color: #ef4126;
    border-color: #ef4126;
}
.controlform form .error input:hover,
.controlform form .error textarea:hover {
    border-color: #f84c09;
}
h2 span {
    color: #f64529;
}
.qualityp {
    font-style: italic;
    width: 110%;
    padding: 0 0 10px;
}
.captcha img {
    position: relative;
    top: 28%;
}
.controlform input[type=submit] {
    padding: 18px 29px 2px;
    margin: 0 0 0 325px;
}
#selecterror {
	color: red;
	margin: 20px 0;
	text-align: right;
}
.k.error, .customSelect .selectedValue.error {
 border: 1px solid red;
 color:red;
}

.action {
    position: fixed;
    left: 0;
    top: 270px;
    z-index: 100;
    left: -543px;
    -webkit-transition: left, .5s;
    -o-transition: left, .5s;
    transition: left, .5s;
}
.action.openaction {
    left: 0;
}
@-webkit-keyframes blink{
   0% {
      background-position: 0 0;
   }
   100% {
      background-position: 0 -288px;
   }
}
@-moz-keyframes blink{
   0% {
      background-position: 0 0;
   }
   100% {
      background-position: 0 -288px;
   }
}
@-o-keyframes blink{
   0% {
      background-position: 0 0;
   }
   100% {
      background-position: 0 -288px;
   }
}
@keyframes blink{
   0% {
      background-position: 0 0;
   }
   100% {
      background-position: 0 -288px;
   }
}
.actionbtn {
    width: 42px;
    height: 144px;
    background: url(../images/action.png);
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 35px;
    right: -42px;
    -webkit-animation: blink 2s steps(2, start) infinite;
    -moz-animation: blink 2s steps(2, start) infinite;
    -o-animation: blink 2s steps(2, start) infinite;
    animation: blink 2s steps(2, start) infinite;
}

.actionbody {
    width: 263px;
    height: 238px;
    background: url(../images/actionbg.png);
    padding: 80px 0 0 280px;
    font-family: 'partnerultracondensedregular';
}

.atext {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px 0 8px;
    line-height: 28px;
}

.ahead {
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: #a1d3ff;
    padding: 15px 0 0;
}

.ahead span {
    font-size: 50px;
    display: block;
}

.chronology .jspPane { top: 28px !important; }

.main-flex{
    display: flex;
    flex-wrap:wrap;
}

.yamap{
    position: absolute;
    border: 2px solid #ccc;
    padding: 10px;
    background: #fff;
    z-index:10;
    display: none;
}

.detailblock1 th {
    font-family: 'partnerultracondensedregular';
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 36px;
    text-align: center;
    background-image: linear-gradient(#6d6d6d, #484848);
    line-height: 1.4;
    padding: 10px 0 0;
}