@font-face {
  font-family:'Montserrat';
  font-weight:normal;
  src:url('/tornado92.ru/fonts/montserrat-regular.ttf');

}

@font-face {
  font-family:'Montserrat';
  font-weight:bold;
  src:url('/tornado92.ru/fonts/montserrat-bold.ttf');

}

@font-face {
  font-family:Cuprum;
  src:url('/tornado92.ru/fonts/cuprum-regular.ttf');

}

* {
  margin:0;
  padding:0;

}

body, html {
  height:100%;
  min-width:320px;
  font-family:'Montserrat', sans-serif;
  font-size:16px;
  color:#000;
  text-align:center;

}

td, input, textarea, button, select {
  font-family:'Montserrat', sans-serif;
  font-size:16px;
  color:#000;

}

:focus {
  outline:none;
  text-decoration:none;

}

a {
  color:#c42835;
  text-decoration:underline;

}

a:hover, a:focus {
  text-decoration:none;

}

img {
  max-width:100%;
  width:auto;

}

p {
  margin:0 0 10px 0;

}

ul {
  margin:10px 0;

}

li {
  margin:0 20px;
  list-style:inside;

}

table {
  border-collapse:collapse;
  margin:10px auto;

}

td {
  border:1px solid #336699;
  padding:2px;

}

.clr {
  clear:both;

}

#menuWrapp, #menu, #servWrapp, #advantagesWrapp, .form, #stepsWrapp, #footerWrapp, #formWrapp2, #allArtsWrapp {
  font-size:0;

}

#menu a, #tCallback, #tCallback2, button {
  transition: all 300ms linear;

}

.servIcon {
  transition: all 500ms ease-in-out;

}

@media screen and (min-width:320px), screen and (max-width:320px) {
  .innerWidth {
    width:100%;
    min-width:320px;
    box-sizing:border-box;
    margin:0 auto;

  }
  #footerPush {
    display:none;

  }
  #footerWrapp {
    margin-top:0;
    height:auto;
    background:#000;
    color:#fff;
    overflow:hidden;

  }
  #footerWrapp .innerWidth {
    height:100%;
    position:relative;

  }
  #footerWrapp .tPhone {
    position:static;
    color:#fff;
    padding:0 0 10px 0;

  }
  #footerWrapp .tPhone a {
    color:#fff;

  }
  #footerWrapp .mViber {
    background-image:url('/tornado92.ru/images/icon-viber-w.svg');

  }
  #footerWrapp .mTelegram {
    background-image:url('/tornado92.ru/images/icon-telegram-w.svg');

  }
  #footerWrapp .messengersWrapp {
    display:inline-block;

  }
  .tPhone {
    font-size:25px;
    font-weight:bold;

  }
  .tPhone a {
    color:#000;
    text-decoration:none;

  }
  .messengersWrapp {
    display:none;
    vertical-align:middle;
    margin-left:10px;

  }
  .messengersWrapp a {
    display:inline-block;
    width:24px;
    height:24px;
    background-position:center;
    background-repeat:no-repeat;
    margin-left:5px;

  }
  #topWrapp {
    height:90px;

  }
  #topWrapp .innerWidth {
    height:100%;
    position:relative;

  }
  #tLogo {
    display:block;
    background:url('/tornado92.ru/images/logo.svg') no-repeat center;
    background-size:contain;
    width:166px;
    height:65px;
    position:absolute;
    left:10px;
    top:50%;
    transform: translateY(-50%);

  }
  #tCallback2 {
    cursor:pointer;
    color:#fff;
    font-size:16px;
    background:#c42835;
    border:none;
    border-radius:20px;
    height:40px;
    line-height:40px;
    padding:0 20px;
    display:block;
    margin:10px auto;

  }
  #tCallback {
    width:40px;
    height:40px;
    cursor:pointer;
    color:#fff;
    font-size:0;
    background:url('/tornado92.ru/images/icon-phone.svg') no-repeat center #c42835;
    border:none;
    border-radius:20px;
    position:absolute;
    top:50%;
    right:10px;
    transform: translateY(-50%);

  }
  #tCallback:hover {

  }
  #tCallback2:hover {

  }
  #topWrapp .tPhone {
    display:none;

  }
  #menuPush {
    height:50px;
    background:#000;

  }
  #menuWrapp {
    font-family:Cuprum;
    font-size:19px;
    font-weight:bold;
    background:#000;
    height:50px;
    position:absolute;
    top:90px;
    left:0;
    width:100%;

  }
  .floatMenu {
    position:fixed !important;
    top:0 !important;
    z-index:100;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,0.3);

  }
  #menuWrapp .innerWidth {
    height:100%;
    position:relative;

  }
  #menu {
    display:none;
    position:absolute;
    z-index:100;
    top:50px;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    max-width:360px;
    background:#000;
    margin:0;
    padding:10px 0;

  }
  #openMenu {
    display:block;
    height:100%;
    cursor:pointer;
    background:url('/tornado92.ru/images/icon-menu.svg') no-repeat center;

  }
  .cOpened {
    background-image:url('/tornado92.ru/images/icon-menu-close.svg') !important;

  }
  #menu li {
    list-style:none;
    margin:0;
    padding:0;

  }
  #menu a {
    color:#fff;
    text-decoration:none;
    padding:10px 0;
    display:block;
    font-size:19px;

  }
  #menu a:hover, .tActive {
    color:#ca616a !important;

  }
  #headBg {
    background:url('/tornado92.ru/images/head-bg.jpg') no-repeat center #6e6e6e;
    background-size:cover;

  }
  #headBg .innerWidth {
    padding:40px 20px;
    box-sizing:border-box;

  }
  #headTxt {
    font-size:16px;
    color:#fff;

  }
  #headTxt a {
    color:#fff;

  }
  #servWrapp {
    margin:40px 0;

  }
  .servItem {
    display:inline-block;
    width:150px;
    height:140px;
    vertical-align:top;
    box-sizing:border-box;
    padding:10px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);
    margin:10px;
    position:relative;

  }
  .servItem a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:100%;

  }
  .servItem:hover {
    color:#c42835 !important;

  }
  .servIcon {
    width:40px;
    height:40px;
    display:inline-block;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;

  }
  .servItem:hover .servIcon {
    transform: rotate(360deg);

  }
  .servText {
    font-family:Cuprum;
    font-size:14px;
    display:block;
    margin:8px 0 0 0;
    text-transform:uppercase;

  }
  #advantagesWrapp {
    background:#f9f9f9;
    padding:30px 0;

  }
  .pageName {
    padding:20px 0;

  }
  .txt {
    text-align:left;
    padding:10px;
    font-size:18px;

  }
  .blockName, .pageName {
    font-size:22px;
    color:#2e2b62;
    text-transform:uppercase;
    font-weight:bold;

  }
  .advBlock {
    margin:10px;

  }
  .advName {
    background:#c42835;
    font-size:17px;
    color:#fff;
    font-weight:bold;
    padding:10px 0;
    margin:0 0 10px 0;

  }
  .advText {
    font-family:Cuprum;
    font-size:18px;
    text-align:left;

  }
  #formWrapp {
    background:url('/tornado92.ru/images/form-bg.jpg') no-repeat center;
    background-size:cover;
    background-attachment:fixed;
    padding:20px 0;
    color:#fff;

  }
  #formWrapp .innerWidth {
    padding:10px;
    box-sizing:border-box;

  }
  .form, .form {
    margin:20px 0;

  }
  .blockName2 {
    font-size:17px;
    font-weight:bold;
    padding:10px;

  }
  .form input, .form input {
    display:block;
    height:48px;
    line-height:48px;
    border-radius:24px;
    border:none;
    padding:0 20px;
    box-sizing:border-box;
    width:100%;
    max-width:330px;
    margin:10px auto;

  }
  .form button, .form button {
    height:48px;
    line-height:48px;
    padding:0 20px;
    background:#000;
    border:none;
    border-radius:24px;
    color:#fff;
    cursor:pointer;
    margin:0 0 0 5px;

  }
  button:hover {
    background:#ca616a !important;

  }
  #formWrapp2 {
    background:url('/tornado92.ru/images/form2-bg.jpg') no-repeat center;
    background-size:cover;
    background-attachment:fixed;
    padding:20px 0;
    color:#fff;

  }
  #t2 {
    padding:30px 0;

  }
  #stepsWrapp {
    background:#f9f9f9;
    padding:30px 0;

  }
  .stepBlock {
    text-align:left;
    padding:20px;
    box-sizing:border-box;

  }
  .stepName {
    color:#c42835;
    font-size:23px;
    font-weight:bold;
    margin:0 0 10px 0;

  }
  .stepName span {
    font-size:45px;
    display:block;

  }
  .stepText {
    font-size:20px;

  }
  .copy {
    color:#848484;
    font-family:Cuprum;
    font-size:15px;
    padding:20px 20px 10px 20px;
    box-sizing:border-box;

  }
  .copy a {
    color:#848484;

  }
  .contCell {
    padding:0 0 10px 0;
    margin:0 0 20px 0;

  }
  .contCell .txt {
    padding:0 10px;

  }
  .contCell iframe {
    border:none !important;
    width:100%;
    height:300px;

  }
  #navLine {
    font-size:15px;
    background:#f2f2f2;
    color:#808080;
    padding:15px 10px;

  }
  #navLine a {
    color:#000;
    display:inline-block;
    padding:0 25px 0 0;
    background:url('/tornado92.ru/images/icon-rightarrow.svg') no-repeat calc(100% - 3px) 50%;

  }
  .artPrevWrapp {
    margin:0 0 20px 0;

  }
  .artName {
    margin:0 0 10px 0;
    font-size:22px;

  }
  .artName a {
    font-weight:bold;

  }
  .artName a:hover {
    color:#000;

  }
  .artPre {
    font-family:Cuprum;
    font-size:20px;

  }

}

@media screen and (min-width:768px) {
  #mainWrapp {
    min-height:100%;
    height:auto !important;
    height:100%;
    overflow-x:hidden;

  }
  .innerWidth {
    width:768px;

  }
  #footerPush {
    height:180px;
    display:block;

  }
  #footerWrapp {
    margin-top:-180px;
    height:180px;

  }
  #footerWrapp .tPhone {
    padding:0;

  }
  #tCallback, #tCallback2 {
    width:auto;
    line-height:20px;
    font-size:16px;
    background:#c42835;
    padding:0 20px;

  }
  #tCallback2 {
    display:inline-block;
    margin:0 0 0 30px;

  }
  #topWrapp .tPhone {
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);

  }
  .messengersWrapp {
    display:inline-block;

  }
  .messengersWrapp a {
    display:inline-block;

  }
  #topWrapp .mViber {
    background-image:url('/tornado92.ru/images/icon-viber.svg');

  }
  #topWrapp .mTelegram {
    background-image:url('/tornado92.ru/images/icon-telegram.svg');

  }
  #menuWrapp {

  }
  #menu {
    display:block !important;
    position:static;
    background:none;
    transform: translateX(0);
    max-width:none;
    padding:0;

  }
  #menu li {
    display:inline-block;

  }
  #menu li a {
    padding:0 50px;
    height:50px;
    line-height:50px;

  }
  #openMenu {
    display:none;

  }
  #headBg {
    height:200px;

  }
  #headBg .innerWidth {
    height:100%;
    position:relative;
    padding:0;

  }
  #headTxt {
    font-size:18px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    width:80%;

  }
  .servItem {
    width:220px;
    height:210px;

  }
  .servIcon {
    width:60px;
    height:60px;
    margin:10px 0;

  }
  .servText {
    font-size:19px;

  }
  .blockName, .pageName {
    font-size:25px;

  }
  .advBlock {
    width:calc(50% - 40px);
    display:inline-block;
    vertical-align:top;
    margin:20px;

  }
  .advName {
    font-size:18px;

  }
  .advText {
    font-size:19px;

  }
  .blockName2 {
    font-size:25px;

  }
  .stepBlock {
    width:calc(33.33% - 20px);
    margin:10px;
    padding:0;
    display:inline-block;
    vertical-align:top;

  }
  .copy {
    padding:20px 20px 20px 180px;
    background:url('/tornado92.ru/images/logo.svg') no-repeat left center;
    background-size:165px auto;
    margin:20px 0;
    display:inline-block;
    filter: grayscale(100%);

  }
  .artPrevWrapp {
    display:inline-block;
    vertical-align:top;
    width:50%;
    box-sizing:border-box;
    padding:0 20px 0 0;

  }

}

@media screen and (min-width:1220px) {
  .innerWidth {
    width:1200px;
    padding:0;

  }
  #footerPush {
    height:110px;

  }
  #footerWrapp {
    margin-top:-110px;
    height:110px;

  }
  #menu li a {
    font-size:21px;

  }
  #headBg {
    height:500px;

  }
  #headTxt {
    font-size:25px;

  }
  .blockName, .pageName {
    font-size:30px;

  }
  .advName {
    font-size:18px;

  }
  .advText {
    font-size:20px;

  }
  .advBlock {
    width:calc(33.33% - 40px);

  }
  #formWrapp, #formWrapp2 {
    height:400px;
    padding:0;

  }
  #formWrapp .innerWidth, #formWrapp2 .innerWidth {
    height:100%;
    position:relative;

  }
  .form input, .form input {
    display:inline-block;
    width:auto;
    margin:0 5px;

  }
  .fCenter {
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    width:100%;

  }
  .blockName2 {
    font-size:30px;

  }
  .stepBlock {
    width:calc(20% - 20px);

  }
  .copy {
    width:55%;
    vertical-align:middle;

  }
  #footerWrapp .tPhone {
    display:inline-block;
    width:45%;
    vertical-align:middle;

  }
  .contCell {
    display:inline-block;
    width:50%;
    vertical-align:top;

  }
  .contCell .txt {
    padding:0 20px 0 0;

  }
  .artPrevWrapp {
    width:33.33%;

  }

}

.fieldError {
  box-shadow:inset 0 0 0 1px rgba(255,0,0,1);

}

.info {
  font-size:22px;
  padding:20px;

}

#loading {
  font-size:22px;
  padding:20px;

}

#overlay {
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);

}

#callbackForm {
  position:fixed;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  width:90%;
  max-width:400px;
  background:#fff;
  box-sizing:border-box;
  padding:30px;

}

#callbackForm input, #callbackForm button {
  height:34px;
  line-height:34px;
  border-radius:18px;
  padding:0 18px;
  border:none;
  box-sizing:border-box;
  display:block;

}

#callbackForm input {
  background:#e6e6e6;
  width:100%;
  margin:0 auto 15px auto;

}

#callbackForm button {
  background:#000;
  color:#fff;
  cursor:pointer;
  margin:0 auto;

}

#callbackClose {
  position:absolute;
  top:-10px;
  right:-10px;
  background:#fff;
  color:#000;
  border-radius:50%;
  line-height:30px;
  width:30px;
  height:30px;
  display:block;
  cursor:pointer;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
  user-select:none;

}

#callbackClose:hover {
  background:#f6f6f6;

}

.pager {
  margin:20px 0;

}

.pager a {
  display:inline-block;
  color:#000;
  text-decoration:none;
  font-size:16px;
  line-height:40px;
  height:40px;
  padding:0 20px;
  background:#f2f2f2;
  border-radius:20px;

}

.pager a:hover, .page-active {
  color:#c42835 !important;

}

.page-active {
  font-weight:bold;

}