@font-face {
  font-family: 'RobotoLight';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Roboto-Light.eot);
  src: url(../fonts/Roboto-Light.woff) format('woff');
}
@font-face {
  font-family: 'RobotoRegular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.eot);
  src: url(../fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'RobotoMedium';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Medium.eot);
  src: url(../fonts/Roboto-Medium.woff) format('woff');
}
@font-face {
  font-family: 'RobotoItalic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Italic.eot);
  src: url(../fonts/Roboto-Italic.woff) format('woff');
}
@font-face {
  font-family: 'RobotoBold';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Roboto-Bold.eot);
  src: url(../fonts/Roboto-Bold.woff) format('woff');
}
@font-face {
  font-family: 'RobotoBoldItalc';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Roboto-BoldItalic.eot);
  src: url(../fonts/Roboto-BoldItalic.woff) format('woff');
}
@font-face {
  font-family: 'OpenSansLight';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/OpenSans-Light.eot);
  src: url(../fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/OpenSans-Regular.eot);
  src: url(../fonts/OpenSans-Regular.woff) format('woff');
}
body, input, ul, p, h2, h4, h5 {padding: 0; margin: 0}
img, textarea, input, iframe, a:focus {border: none}
img, textarea, input, button, a, a:focus, .btn:focus, .btn:active:focus {outline: none}
ul {list-style: none}
html, body {height: 100%}
body {color: #3f3f3f; cursor: default; font: 400 16px/22px 'RobotoRegular'}
.main {min-height: 100%}
.default {color: #515151 !important}
.line {background: #dfdfdf; height: 1px}
.line.a1 {margin: 0 auto; max-width: 912px}
.pink {background: #fbf8f8}
.red {color: #bc2929}

/* header */
.header .colLeft {overflow: hidden; padding-top: 15px}
.header .logo {float: left; margin-bottom: 19px}
.header .ooomedved {display: inline-block; margin: 0 0 9px 0}
.header .medvedDesc {color: #515151; font: 300 17px/21px 'RobotoLight'; margin: 0 0 19px 0}
.header .searchForm {border: 1px solid #919191; display: block; margin-bottom: 9px;
                     padding-right: 30px; position: relative}
.header .searchForm input {border: none; height: 30px}
.header .searchForm .textField {color: #000; font: 300 16px/30px 'OpenSansLight'; 
                        padding: 0 10px; width: 100%}
.header .searchForm .submit {background: url(../images/btn-search.png); height: 30px; 
                             position: absolute; right: 0; top: 0; width: 30px}
.header .soc {display: none; margin: 0 0 19px -8px; overflow: hidden}
.header .soc a {display: block; float: right; margin-left: 7px}

/* nav */
.navBox .nav.col-lg-12 {padding: 0}
.navBox ul {font-size: 0; text-align: center}
.navBox li {display: block}
.navBox li a {color: #201600; font: 300 15px/71px 'RobotoLight'; padding: 0 19px; 
              text-transform: uppercase}
.navBox li a.orange {color: #FFA500}
.navBox li.active a, .navBox li a:hover, .navBox li a:focus 
{background: none; color: #4d72a4; cursor: pointer}

.navBox ul.nav-child {
  background-color: #fff;
  padding: 4px;
  display: none;
}
.navBox li.parent:hover ul.nav-child {
  display: block;
}
.navBox ul.nav-child li {
  display: block;
  padding: 10px 0 0 0;
  line-height: initial;
}
.navBox ul.nav-child li a {
  padding: 0;
  line-height: 18px;
  font-size: 14px;
  text-decoration: none;
}

.banner1 img {width: 100%}
.pinkCont {background: #f2eeee; margin-top: -42px; padding-top: 42px}
.pinkCont div.row {margin-bottom: 30px}
.pinkCont .row > li {margin-bottom: 30px}
.pinkCont .colLeft, .pinkCont .colMid, .pinkCont .colRight {padding-top: 55px}
.podvesi {background: url(../images/podvesi.png); display: block; height: 75px; 
          position: absolute; top: 0; width: 13px}

.in4reg, .content, .workOrder {background: #fff; border: 1px solid #797979}

/* left column */
.pinkCont .colLeft .podvesi.left, .pinkCont .colMid .podvesi.left,
.pinkCont .colRight .podvesi.left {left: 48px}
.pinkCont .colLeft .podvesi.right, .pinkCont .colMid .podvesi.right,
.pinkCont .colRight .podvesi.right {right: 48px}
.in4reg li {padding: 13px 10px 14px 21px}
.in4reg li + li {border-top: 1px solid #dfdede}
.in4reg li.head span, .in4reg li.head p, .workOrder h4 {color: #4d72a4; font: 400 16px/19px 'RobotoMedium';
                      text-transform: uppercase}
.in4reg li.head.in4 {padding: 31px 0 14px; text-align: center}
.in4reg li.head.regData {padding: 16px 20px; text-align: center}
h5 {font: 600 16px/20px 'RobotoBoldItalc'; margin-bottom: 10px}
.in4reg p {font: 400 15px/18px 'RobotoRegular'}

/* mid column */
.content {padding-top: 42px}
.content h2 {border-bottom: 1px solid #dadada; color: #4d72a4; 
             font: 600 18px/18px 'RobotoBold'; text-align: center;
             margin: 0 auto 10px; max-width: 413px; padding-bottom: 29px;
             text-transform: uppercase
}
.content h5 {margin-bottom: 0}
.content h5, .content p {padding: 15px 35px}
.content img {display: block; margin: 0 auto; max-width: 100%}
.content .item-page { padding: 0 10px 10px; }
.content .item-page.about { padding: 0; }
.chrono_credits {display: none;}
form#chronoform-fornZajvka {
  padding: 10px 30px 20px;
}
.gbs3 form#chronoform-fornZajvka input {
  width: 323px !important;
}
.gbs3 form#chronoform-fornZajvka .gcore-label-left {
  min-width: 167px;
  max-width: 167px;
}
.gbs3 form#chronoform-fornZajvka .gcore-display-table {
  display: table;
  margin: 3px auto;
  float: right;
}
/* right column */
.pinkCont .colRight .block {margin-bottom: 38px}
.pinkCont .colRight ul {background: #f1e8e8; border: 1px solid #848383}
.pinkCont .colRight ul > li {overflow: hidden}
.pinkCont .colRight ul > li + li {border-top: 1px solid #c8c7c7}
.pinkCont .colRight ul > li > p {line-height: 18px; padding: 4px 0; text-align: center}
.pinkCont .colRight ul > li > span {display: block; float: left; font-size: 15px;
                                    line-height: 24px; padding-left: 8px; width: 50%}
.pinkCont .colRight ul > li > span + span {border-left: 1px solid #c8c7c7}
.workOrder {padding: 43px 21px 20px}
.workOrder h4 {border-bottom: 1px solid #e2e2e2; line-height: 34px; margin-bottom: 15px;
               padding-bottom: 12px; text-align: center}
.workOrder h5 {text-align: center}

.quad a {border: 1px solid #c1bebe; color: #3f3f3f; display: block}
.quad a:hover .box span {text-decoration: underline}
.quad img {width: 100%}
.quad .box {background: #fbf9f9; border-top: 1px solid #c1bebe; display: inline-block;
            height: 35px; text-align: center; text-transform: uppercase; width: 100%}
.quad .box span {background: url(../images/quadBg.png) center repeat-x; 
                  border: none; color: #3f3f3f; display: inline-block; font: 400 15px/17px 'OpenSans';
                  margin: -8px 0 0; padding: 0 10px; vertical-align: top; width: auto}

.footer .row, .hFooter {height: 200px}
.footer {background: #f2eeee; margin-top: -200px}
.footer .row {background: url(../images/footerBg.png) center bottom no-repeat}
.footer .doweb {padding-top: 115px}
.footer .doweb > * {vertical-align: top}
.footer .doweb a {color: #3F3F3F; display: inline-block}
.footer .doweb > a {margin: 4px 15px 0 0}
.footer .doweb span {display: inline-block; font-size: 13px}

.contTbl {margin-bottom: 75px}
.contTbl li {overflow: hidden}
.contTbl li p {font: 600 16px/54px 'RobotoBoldItalc'; padding: 0 21px}
.contTbl li p + p {padding-top: 10px; width: 184px}
.contTbl li p.w100pers {width: 100%}
.contTbl li + li {padding: 10px 0}
.contTbl li + li p {font: 400 14px/22px 'RobotoBoldItalc'}
.contTbl li + li + li p {font: 400 14px/18px 'RobotoRegular'}

.btn, btn:visited {background: #4d72a4; border-radius: 5px; color: #fff; 
                   font: 400 16px/32px 'RobotoRegular'; padding: 4px 20px; 
                   text-transform: uppercase}
.btn:hover, .btn:focus {background: #5b8bcc; border-bottom: 4px solid #4d72a4; 
                        color: #fff; padding-bottom: 1px}
.btn:active {border-bottom: none; margin-top: 4px; padding: 4px 20px 1px}
p.btnBox {height: 72px; text-align: center}
.dlService {background: #4d72a4; display: block; white-space: normal}
.dlService:hover, .dlService:focus {background: #5b8bcc}

.form {border: 1px solid #919191;
       -moz-box-shadow: 4px 4px 4px rgba(255,253,230,0.2);
       -webkit-box-shadow: 4px 4px 4px  rgba(255,253,230,0.2);
       box-shadow: 4px 4px 4px  rgba(0,0,0,0.2);
       padding-bottom: 44px; position: relative}
.form .close {background: #dedbdb; border-radius: 17px; color: #333; 
              font: 600 16px/32px 'RobotoBoldItalc'; height: 32px; opacity: 1; 
              filter: alpha(opacity = 100); margin: -16px -16px 0 0; text-align: center;
              text-shadow: none; width: 32px}
.form h5 {background: #4d72a4; color: #fff; font: 600 16px/20px 'RobotoBoldItalc';
          margin-bottom: 36px; padding: 21px 26px; text-align: center}
.form .body {padding: 0 36px}
.form .textField, .form textarea, .form .btn.submit {display: block; width: 100%}
.form .textField, .form textarea {background: #efebeb; margin-bottom: 8px;
                                  padding: 0 10px; text-align: center}
.form .textField {height: 34px}
.form .btn.submit {line-height: 26px; margin-top: 33px}
.form .btn.submit:active {margin-top: 37px}
.form .textField.default {font: 400 16px/34px 'RobotoItalic'}
.testCls {width: 273px}

.elementsPage {padding: 20px}


@media (min-width: 480px) {
  .header .logo {margin-right: 20px}
  .header .medvedDesc {margin-left: 0}
  .contTbl li p {padding-left: 33px}
  .footer .doweb {padding-top: 130px}
  .footer .doweb span {font-size: 16px}
}

@media (min-width: 768px) {
  .header .ooomedved {margin-top: 26px}
  .header .colRight {padding-top: 47px}
  .navBox li {display: inline-block}
  .pinkCont .row {margin-bottom: 30px}
  .pinkCont {margin-top: -70px; padding-top: 70px}
  .contTbl li p {float: left; width: 533px}
  .contTbl li p + p {padding: 0; width: 184px}
  .dlService {background: #4d72a4 url(../images/dlService.png) no-repeat 320px 1px;
            display: inline-block; padding-right: 68px; white-space: nowrap}
  .dlService:hover, .dlService:focus {background: #5b8bcc url(../images/dlService.png) no-repeat 320px 1px}
  .dlService:active {padding: 4px 68px 1px 20px}
  .footer .doweb {padding-left: 45px}

  .navBox ul.nav-child {
    position: absolute;
    z-index: 10;
    top: 50px;
    min-width: 120px;
  }
  .navBox .item-116 ul.nav-child {
    width: 234px;
    left: -11px;
  }
}

@media (min-width: 992px) {
  .navBox li a {padding: 0 40px}
  .pinkCont {margin-top: -91px; padding-top: 91px}
  .pinkCont .row {margin-bottom: 48px}
  .pinkCont .colRight ul > li > span {width: 65%}
  .pinkCont .colRight ul > li > span + span {width: 35%}
  .pinkCont .row > li {margin-bottom: 0}
  .contTbl li p {width: 268px}
  .footer .doweb {padding-left: 15px}
}

@media (min-width: 1200px) {
  .navBox li a {padding: 0 10px}
  .pinkCont .colRight ul > li > span, .pinkCont .colRight ul > li > span + span {width: 50%}
  .contTbl li p {width: 368px}
  .in4reg li.head.in4 {background: url(../images/head_in4.png) 7px 41px no-repeat;
                       padding: 54px 0 14px 30px; text-align: left}
  .workOrder h4 {background: url(../images/workOrderHeadBg.png) no-repeat 9px top;
                 padding-left: 65px; text-align: left}
  .quad .box span {font: 400 17px/17px 'OpenSans'}
}

.item-page .page-header {border: none; margin: 0; padding: 0}
.logo {display: none}