@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800,800italic&subset=cyrillic,latin);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.zOferta {font-weight: bold; display: block; padding-top: 20px;}
.modal-content ul {text-align: left; list-style-type: circle; margin-bottom: 20px;}

#rabotaVoditelem {margin: 0px auto; overflow: hidden; text-align: center; margin-top: 22px;}
#rabotaVoditelem p {font-weight: bold;} 
        #uslovija ul {margin: 0px ! important; text-align: justify; padding: 0px 20px 0px 15px; line-height: 1.5em; list-style-type: circle;}
            #uslovija ul li {margin: 0px; margin-bottom: 5px;}   
        #trebovanija ul {margin: 0px ! important; text-align: justify; padding: 0px 20px 0px 15px; line-height: 1.5em; list-style-type: circle;}
            #trebovanija ul li {margin: 0px; margin-bottom: 5px;}
            
#vakansii {max-width: 1150px; min-width: 320px; margin: 0px auto; overflow: hidden; text-align: center;}
    #vakansii a{
      display: inline-block;  
    
    }
    @media (max-width:767px){
      #vakansii a{
        margin-bottom: 20px;
      }
    }
    #bOne, #bTwo, #bThree, #bFour {width: 230px; height: 80px; display: inline-block; padding-top: 14px; border-radius: 10px; background-color: rgb(238, 162, 0); color: #fff; margin: 0px 5px; border: 1px solid rgb(238, 162, 0);}
        #bOne:hover, #bTwo:hover, #bThree:hover, #bFour:hover {background-color: #fff; color: #000; border: 1px solid rgb(238, 162, 0);}
    
    #bFive {width: 230px; height: 80px; display: inline-block; padding-top: 28px; border-radius: 10px; background-color: rgb(238, 162, 0); color: #fff; margin-top: 20px; border: 1px solid rgb(238, 162, 0);}
        #bFive:hover {background-color: #fff; color: #000; border: 1px solid rgb(238, 162, 0);}
        
#say {margin: 25px 0px 20px;}
    #say a {border: 2px solid rgb(186, 186, 186); border-radius: 5px; padding: 3px; cursor: pointer; text-decoration: none; color: rgb(0, 0, 0); font-weight: bold;}
    #say a:hover {background-color: #FFCB08; box-shadow: none; opacity: 0.6;}
@media (max-width:767px){
  #say a{
    display: block;
    width: 265px;
    margin: 15px auto 0;
  }
}

#four p, #five p{
  padding-left: 15px;
  padding-right: 15px;
}

#five ul {text-align: left;}
#five ul li {padding-left: 25px; line-height: 2em; font-weight: bold;}

p {line-height: 1.5em; text-align: justify;}

html {line-height: 1;}

ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;vertical-align: middle;}

q, blockquote {quotes: none;}

q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;}

a img {border: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}

body {min-width: 320px;font-family: "Open Sans", Arial,Helvetica, sans-serif;}

.icon {display: inline-block;background: url(../img/sprite.png) no-repeat;}

    /*Begin header*/
@media (max-width: 991px) {
  .menu-active header {
    position: absolute;
  }
}

header {position: fixed;top: 0;left: 0;width: 100%;z-index: 20;}

@media (max-width: 767px) {
  header {
    position: absolute;
  }
}

header .top {height: 44px;background: #f5f5f5;}
    header .top .container {overflow: hidden;}
        header .top .container .lang {margin-top: 12px;}
            header .top .container .lang li:first-child {margin-right: 6px;}
            header .top .container .lang li a {color: #bababa;font-size: 16px;text-decoration: underline;}
            header .top .container .lang li a:after {content: "/";color: #d1d1d1;margin-right: 5px;margin-left: 5px;}
            header .top .container .lang li.active a {font-weight: bold;text-decoration: none;}
            header .top .container .lang li:last-child a:after {display: none;}
        header .top .container .lang .icon {width: 19px;height: 19px;}
        
        header .top .container .soc {margin-top: 8px;}
            header .top .container .soc li {margin-right: 20px;}
            header .top .container .soc li:last-child {margin-right: 0;}
header .top .container .soc .icon {
  width: 30px;
  height: 30px;
}
header .top .container .soc .icon.vk {
  background-position: -19px 0;
}
header .top .container .soc .icon.vk:hover {
  background-position: -170px -61px;
}
header .top .container .soc .icon.intsagram {
  background-position: -49px 0;
}
header .top .container .soc .icon.intsagram:hover {
  background-position: -140px -61px;
}
header .top .container .soc .icon.twitter {
  background-position: -79px 0;
}
header .top .container .soc .icon.twitter:hover {
  background-position: -110px -61px;
}
header .top .container .soc .icon.facebook {
  background-position: -109px 0;
}
header .top .container .soc .icon.facebook:hover {
  background-position: -80px -55px;
}
header .top .container .soc .icon.ok {
  background-position: -139px 0;
}
header .top .container .soc .icon.ok:hover {
  background-position: -155px -31px;
}
header .top .container .soc .icon.in {
  background-position: -169px 0;
}
header .top .container .soc .icon.in:hover {
  background-position: -125px -31px;
}
@media (max-width: 767px) {
  header .top {
    height: auto;
  }
  header .top .lang, header .top .soc {
    float: none !important;
    overflow: hidden;
    text-align: center;
  }
  header .top .lang ul, header .top .soc ul {
    display: inline-block;
  }
}
header .center {
  background: #fff;
}
header .center .row {
  margin-bottom: 17px;
}
header .center .logo {
  margin-top: 20px;
  padding: 0;
}
header .center .logo a {
  display: inline-block;
  width: 100%;
}
@media (max-width: 991px) {
  header .center .logo {
    float: none !important;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  header .center .logo a {
    max-width: 434px;
  }
}
header .center .contact {
  margin-top: 45px;
}
header .center .contact li.city-select {
  margin-right: 66px;
  position: relative;
}
header .center .contact li.city-select .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 100;
  font-size: 23px;
  font-weight: bold;
  width: 250px;
  background: #fff;
  padding: 15px;
}
header .center .contact li.city-select .dropdown li {
  margin-bottom: 10px;
  cursor: pointer;
}
header .center .contact li.city-select .dropdown li:hover {
  background: rgba(0, 0, 0, 0.2);
}
header .center .contact li.city-select.active .dropdown {
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .center .contact li.city-select.city-select {
    margin-right: 40px;
  }
}
header .center .contact li.city-select p:first-child .icon {
  width: 35px;
  height: 45px;
  margin-right: 13px;
  background-position: -1px -30px;
}
header .center .contact li.city-select .city {
  margin-top: 5px;
  cursor: pointer;
}
header .center .contact li.city-select .city span {
  float: left;
  margin-right: 6px;
  padding-bottom: 7px;
  border-bottom: 2px dashed #000;
  font-weight: bold;
  font-size: 23px;
}
header .center .contact li.city-select .city .icon {
  width: 12px;
  height: 6px;
  margin-top: 13px;
  margin-right: 5px;
  background-position: -1px -19px;
}
header .center .contact li.phone {
  font-size: 23px;
  font-weight: bold;
}
header .center .contact li.phone .icon, header .center .contact li.phone p {
  float: left;
}
header .center .contact li.phone .icon {
  width: 43px;
  height: 46px;
  background-position: -36px -30px;
  margin-right: 9px;
}
header .center .contact li.phone p {
  margin-top: 11px;
}
@media (max-width: 991px) {
  header .center .contact {
    float: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .center .contact {
    width: 550px;
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  header .center .contact {
    text-align: center;
  }
  header .center .contact ul {
    display: inline-block;
    margin: 0 auto;
  }
  header .center .contact li {
    float: none !important;
    margin-right: 0 !important;
    overflow: hidden;
    margin-bottom: 20px;
  }
  header .center .contact li.city-select {
    overflow: visible;
  }
  header .center .contact li.city-select .city {
    float: left !important;
  }
}
header nav {
  height: 65px;
  background: #fbfbfb;
}
header nav .row {
  position: relative;
}
header nav .navbar-collapse {
  padding: 0;
}
@media (max-width: 991px) {
  header nav .navbar-collapse {
    position: absolute;
    padding: 20px;
    top: 65px;
    left: 10px;
    width: 200px;
    z-index: 20;
    background: #fbfbfb;
  }
  header nav .navbar-collapse ul {
    margin: 0;
  }
  header nav .navbar-collapse ul li {
    padding: 0;
  }
}
header nav ul {
  overflow: hidden;
}
@media (min-width: 992px) {
  header nav ul {
    height: 65px;
  }
  header nav ul li {
    margin-right: 6px;
  }
}
header nav li {
  height: 65px;
  line-height: 65px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
header nav li.active, header nav li:hover {
  border-bottom: 4px solid #eea200;
}
header nav li.active a, header nav li:hover a {
  color: #eea200;
  background: none !important;
}
header nav li.active a:focus, header nav li:hover a:focus {
  color: #eea200;
}
header nav li a {
  display: inline !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
}
header nav .pop-up {
  display: block;
  width: 169px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
  background: #eea200;
  color: #fff;
}
header nav .pop-up:hover {
  background: #ffcb08;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header nav {
    height: auto;
  }
  header nav .navbar-collapse {
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
  header nav .navbar-collapse ul {
    float: none !important;
    display: inline-block;
  }
  header nav .navbar-collapse ul li {
    padding-left: 5px;
    padding-right: 5px;
  }
  header nav .pop-up {
    float: none !important;
    margin: 0 auto 20px;
  }
}
header nav .navbar-header {
  float: left;
}
header nav .navbar-header i {
  width: 22px;
  height: 22px;
  background-position: -79px -31px;
  cursor: pointer;
}

/*End header*/
/*Begin content-block*/
@media (min-width: 1921px) {
  .content-block {
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
  }
}
.content-block {
  background: url(../img/bg-content.jpg) no-repeat center 0;
  padding-top: 35px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .content-block .form {
    max-width: 385px;
  }
}
.content-block .form {
  padding: 0;
  max-width: 385px;
  overflow-y: hidden;
  margin-top: 10px;
}
.content-block .form #estWidget-widget {
  float: none;
  max-width: 385px;
  min-width: 100%;
  height: auto;
  max-height: auto;
  min-height: auto;
}
.content-block .form #estWidget-widget, .content-block .form #estWidget-widget div.estWidget-header, .content-block .form #estWidget-widget div.estWidget-accordeon div.panel-group div.panel {
  width: 100%;
}
.content-block .form #estWidget-widget div.estWidget-downloadCenter {
  display: none !important;
}
.content-block .form #estWidget-widget div.estWidget-accordeon button.estWidget-base-button-disabled {
  width: 100%;
  margin: 0;
}
@media (max-width: 991px) {
  .content-block .form {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .content-block .form #estWidget-widget div.estWidget-header div.estWidget-org-logo-wrapper {
    display: none;
  }
}
.content-block .content {
  padding-left: 0;
  padding-right: 0;
}
.content-block .content li {
  width: 77%;
  margin-bottom: 38px;
  padding-left: 75px;
  font-weight: 300;
  font-size: 21px;
  line-height: 25px;
  color: #fff8f8;
  background-position: 0 center !important;
}
.content-block .content li:first-child {
  background: url(../img/content-bg1.png) no-repeat;
}
.content-block .content li:nth-child(2) {
  background: url(../img/content-bg2.png) no-repeat;
}
.content-block .content li:last-child {
  background: url(../img/content-bg3.png) no-repeat;
}
@media (max-width: 767px) {
  .content-block .content li {
    font-size: 18px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .content-block {
    -webkit-background-size: cover;
    background-size: cover;
    padding-left: 15px;
    padding-right: 15px;
  }
  .content-block h2 {
    text-align: center;
  }
  .content-block .content {
    text-align: center;
  }
  .content-block .content ul {
    display: inline-block;
    text-align: left;
  }
}

h2 {
  margin-bottom: 45px;
  font-weight: bold;
  font-size: 49px;
  line-height: 58px;
  color: #fff8f8;
}
@media (max-width: 767px) {
  h2 {
    font-size: 27px;
  }
}

/*End content-block*/
/*begin download*/
.download {
  padding-top: 40px;
  padding-bottom: 60px;
  text-align: center;
}
.download .row > div {
  margin-bottom: 40px;
}
.download .row h2 {
  color: #000;
  margin-bottom: 12px;
}
.download .row .center-block {
  overflow: hidden;
}
.download .row .center-block .iphone {
  margin-left: 14%;
}
.download .row .center-block ul {
  margin-top: 13%;
  padding: 0;
  margin-left: 4%;
}
.download .row .center-block ul li {
  margin-bottom: 43px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .download .row .center-block .iphone {
    margin-left: 0;
  }
  .download .row .center-block ul {
    margin-top: 7%;
  }
}
@media (max-width: 767px) {
  .download .row .center-block {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  .download .row .center-block img {
    display: inline-block;
  }
  .download .row .center-block .iphone {
    margin-left: 0;
  }
  .download .row .center-block ul {
    margin-top: 7%;
    margin-left: 0;
  }
}

/*end download*/
/*begin footer*/
footer {
  background-color: #050505;
  padding-top: 40px;
  padding-bottom: 43px;
  font-size: 17px;
  color: #fff;
}
footer a {
  color: #fff !important;
  text-decoration: underline;
}
footer a:hover {
  text-decoration: none;
}

footer .container .oferta{
  width: 455px;    
}

footer .container .oferta p{
  text-align: left;
}

footer .container .oferta .metrika{
  margin-top: 5px;
}

@media (max-width: 991px) {
  footer {
    padding-bottom: 23px;
  }
  footer .container p, footer .container .oferta{
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
  footer .container .oferta{
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  footer .container .oferta{
    width: 100%;
    max-width: 455px;    
  }
  footer .container .oferta p{
    text-align: center;
  }
}


/*end footer*/
/*begin pop-up*/
.modal-open .modal {
  overflow-y: scroll;
}

@media (min-width: 992px) {
  .modal .container {
    width: 900px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .modal .container {
    width: 500px;
  }
}

.modal-header .close {
  display: inline-block;
  background: url(../img/sprite.png) no-repeat;
  width: 22px;
  height: 22px;
  background-position: -101px -31px;
}

.modal-content {
  margin-top: 20px;
}
.modal-content h2 {
  font-size: 22px;
  color: #000;
  text-align: left;
  margin-bottom: 0;
}
.modal-content .modal-body label {
  font-weight: bold;
  font-size: 16px;
}
.modal-content .modal-body form > p {
  text-align: center;
  margin-top: 20px;
}
.modal-content .modal-body button {
  width: 200px;
}

.modal-content h6{
  text-align: left;
  font-weight: bold;
}


#send-admin textarea, #send-admin select{
  width: 100%;
}

#send-admin textarea{
  padding: 10px;
}


#modal-vakansiya1 form,
#modal-vakansiya2 form,
#modal-vakansiya3 form,
#modal-vakansiya4 form,
#modal-vakansiya5 form{
  margin-top: 10px;
}
/*end pop-up*/


/*Ошибка 404*/
.error404{
  text-align: center;  
  padding-top: 50px;  
}

.error404 h2{
  color: #000;
  margin-bottom: 10px;
}

.error404 h3{
  font-size: 20px;
  margin-bottom: 50px;
}

.error404 p{
  text-align: center;
}

.error404 p a{
  color: #000;
}