@charset "UTF-8";

/*Замочки*/

/*Замочки - конец*/

@font-face {
  font-family: pfDin-regular;
  src: url("/src/Content/fonts/PFDin/PFDinTextPro-Regular.woff2") format("woff2"), url("/src/Content/fonts/PFDin/PFDinTextPro-Regular.woff") format("woff");
}

@font-face {
  font-family: pfDin-medium;
  src: url("/src/Content/fonts/PFDin/PFDinTextPro-Medium.woff2") format("woff2"), url("/src/Content/fonts/PFDin/PFDinTextPro-Medium.woff") format("woff");
}

@font-face {
  font-family: pfDin-bold;
  src: url("/src/Content/fonts/PFDin/PFDinTextPro-Bold.woff2") format("woff2"), url("/src/Content/fonts/PFDin/PFDinTextPro-Bold.woff") format("woff");
}

/*замочки*/

.isLocked {
  position: relative;
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none;
}

.isLocked::before {
  content: '';
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIzM3B4IiBoZWlnaHQ9IjQzLjlweCIgdmlld0JveD0iMCAwIDMzIDQzLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzIDQzLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNDNjM2MzE7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNyw0My45SDZjLTMuMywwLTYtMi43LTYtNlYyMmMwLTMuMywyLjctNiw2LTZoMjFjMy4zLDAsNiwyLjcsNiw2djE1LjlDMzMsNDEuMiwzMC4zLDQzLjksMjcsNDMuOXogTTI3LDM3LjkNCgl2M1YzNy45TDI3LDM3LjlMMjcsMzcuOXogTTYsMjJ2MTUuOWgyMUwyNywyMkg2eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLjUsMTJjMC0zLjMsMi43LTYsNi02czYsMi43LDYsNnY4aDZ2LThjMC02LjYtNS40LTEyLTEyLTEycy0xMiw1LjQtMTIsMTJ2OGg2VjEyeiIvPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-size: 9px 10px;
  width: 9px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -12px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  pointer-events: none;
}

.isLocked_after {
  position: relative;
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none;
}

.isLocked_after::after {
  content: '';
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIzM3B4IiBoZWlnaHQ9IjQzLjlweCIgdmlld0JveD0iMCAwIDMzIDQzLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzIDQzLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNDNjM2MzE7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNyw0My45SDZjLTMuMywwLTYtMi43LTYtNlYyMmMwLTMuMywyLjctNiw2LTZoMjFjMy4zLDAsNiwyLjcsNiw2djE1LjlDMzMsNDEuMiwzMC4zLDQzLjksMjcsNDMuOXogTTI3LDM3LjkNCgl2M1YzNy45TDI3LDM3LjlMMjcsMzcuOXogTTYsMjJ2MTUuOWgyMUwyNywyMkg2eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLjUsMTJjMC0zLjMsMi43LTYsNi02czYsMi43LDYsNnY4aDZ2LThjMC02LjYtNS40LTEyLTEyLTEycy0xMiw1LjQtMTIsMTJ2OGg2VjEyeiIvPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-size: 9px 10px;
  width: 9px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: -17px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  pointer-events: none;
}

/*замочки - конец*/

.relative {
  position: relative;
}

.fs_inherit {
  font-size: inherit;
  line-height: inherit;
}

.color_inherit {
  color: inherit;
}

.nowrap {
  white-space: nowrap;
}

ol,
ul {
  list-style-type: none;
}

a {
  color: #1073af;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
}

a:hover {
  color: #1073af;
}

a:active,
a:focus {
  color: #0e3263;
}

body {
  background-color: #f1f5f7;
  font-family: sans-serif;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1436px;
}

@media (max-width: 1440px) {
  body {
    min-width: 1080px;
    width: 100%;
  }
}

.oldBrowser__tiles {
  width: 1024px;
  margin: 0 auto 150px;
}

.oldBrowser__tiles__tile {
  position: relative;
  text-align: center;
  width: 240px;
  padding: 0 10px;
}

.oldBrowser__tiles__tile .blockTitle {
  font-size: 22px;
}

.oldBrowser__tiles__tile-inner {
  background-color: #fff;
  padding: 0 20px 20px;
  box-shadow: inset 0 0 0 1px #e8edef;
}

.oldBrowser__tiles__tile__browserTitle {
  padding-top: 95px;
}

.blockTitle {
  font-size: 30px;
  line-height: 30px;
  color: #000;
  font-family: sans-serif;
  margin-bottom: 35px;
}

.greyText {
  color: #7c878e;
}

.browsername {
  color: #1073af;
}

.oldBrowser__message {
  text-align: center;
  margin: 100px auto 100px auto;
  font-size: 20px;
  width: 570px;
  font-family: sans-serif;
}

.oldBrowser__tiles__browserIcon {
  position: absolute;
  width: 128px;
  height: 128px;
  margin: 0 auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  top: -64px;
  left: 64px;
}

.oldBrowser__tiles__browserIcon.mozilla {
  background-image: url(/old-browser/2daea934e104198f1319453c054c024d.png);
}

.oldBrowser__tiles__browserIcon.chrome {
  background-image: url(/old-browser/47cb60135bdf545f3b9b8bb82dfd0447.png);
}

.oldBrowser__tiles__browserIcon.yandex {
  background-image: url(/old-browser/4ba2781b20bc676145621b47f7c79e14.png);
}

.oldBrowser__tiles__browserIcon.opera {
  background-image: url(/old-browser/8b035cd53f11a1d13a8a83f6bff80457.png);
}

.btn_marginRight {
  margin-right: 20px;
}

.btnBorder {
  background-color: #fff;
  display: inline-block;
  cursor: pointer;
  font-family: sans-serif;
  color: #1073af;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
  border-radius: 2px;
  height: 60px;
  line-height: 60px;
  padding: 0 35px;
  border: 1px solid #e8edef;
  text-align: center;
}

.btnBorder:hover {
  color: #1073af;
  border-color: #1684c7;
}

.btnBorder:active,
.btnBorder:focus {
  color: #1073af;
  border-color: #a5c7d5;
}

.btnBorder[disabled],
.btnBorder.disabled {
  border-color: #d0d8dd;
  color: #d0d8dd;
  cursor: default;
}

.btn-refresh {
  margin: 30px 0 55px 0;
}

.btnBg {
  /*общая часть*/
  background-color: #1073af;
  display: inline-block;
  cursor: pointer;
  font-family: sans-serif;
  color: #fff;
  -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  -ms-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  -o-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  border: none;
  text-align: center;
  white-space: nowrap;
  /*общая часть - конец*/
  /*стандартная кнопка*/
  border-radius: 2px;
  height: 60px;
  line-height: 60px;
  padding: 0 35px;
}

.btnBg:hover {
  color: #fff;
  background-color: #1684c7;
}

.btnBg:active,
.btnBg:focus {
  color: #fff;
  background-color: #0f6ea8;
}

.btnBg[disabled],
.btnBg.disabled,
.btnBg.isDisabled {
  color: #fff;
  background-color: #d0d8dd;
  cursor: default;
}

/*кнопка с иконкой "AppStore" в синем круге*/

.btnBg_iconAppStoreCircleBlue {
  display: inline-block;
  background-image: url("/src/Content/images/png/app-store-old-browser.png");
  background-repeat: no-repeat;
  width: 61px;
  height: 61px;
  margin: 0 20px 0 0;
}

/*кнопка с иконкой "AppStore" в синем круге - конец*/

/*кнопка с иконкой "Google Play" в синем круге*/

.btnBg_iconGooglePlayCircleBlue {
  display: inline-block;
  background-image: url("/src/Content/images/png/google-play-old-browser.png");
  background-repeat: no-repeat;
  width: 61px;
  height: 61px;
}

/*кнопка с иконкой "Google Play" в синем круге - конец*/

.dashbord__header {
  width: 100%;
  background-color: #fff;
  height: 106px;
  line-height: 106px;
}

.dashbord__header-cell {
  padding: 0 70px;
  vertical-align: middle;
}

.dashbord__header-cell_right {
  text-align: right;
}

.dashbord__header__logo {
  width: 218px;
  height: 56px;
  background: url("/src/Content/images/png/logo_color-old-browser.png") no-repeat;
  margin: 0 38px 0 0;
  background-size: 218px 56px;
  background-position: center;
  cursor: pointer;
}

.dashbord__header__phone {
  line-height: normal;
  position: relative;
}

.footer {
  margin: 0 auto;
  padding: 44px 0;
  width: 1004px;
}

.footer__table {
  width: 100%;
}

.footer__box {
  color: #7c878e;
}

.footer__sign {
  opacity: 0.8;
  color: #7c878e;
  padding: 4px 0 0 0;
}

.footer__phone {
  color: #000;
  font-family: sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-family: sans-serif;
}

.footer__phone:hover {
  color: #003a5d;
}

.footer__support {
  padding-top: 5px;
}

.footer__develop {
  padding: 17px 0 0 0;
}

.footer__td {
  vertical-align: top;
}

.footer__td_right {
  text-align: right;
}