/*
Theme Name: Сигнал
Author: Alexey Snegirev
Author URI: aesnegirev.ru
Description: Стандартная тема, разработанная специально для сайта Автошкола "Сигнал"
Version: 1.0
Text Domain: signal
*/
@import url(fonts/opensans/opensans.css);
@import url(css/icons.css);
* {
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, Courier, monospace; }

html, body {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px; }
  @media (max-width: 576px) {
    html, body {
      font-size: 12px; } }

img {
  max-width: 100%;
  user-select: none; }

ul, ol {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal; }

button, input, textarea, select {
  outline: none;
  box-shadow: none;
  background: #ffffff;
  border: 1px solid #eeeeee; }

textarea {
  resize: none; }

br {
  user-select: none; }

.color-red {
  color: #e31e24; }

.btn {
  height: 43px;
  line-height: 43px;
  max-width: 280px;
  width: 100%;
  display: inline-table;
  font-weight: normal;
  background-color: #eee;
  text-align: center;
  border-radius: 30px;
  font-size: 1.15em;
  cursor: pointer;
  user-select: none;
  transition: .3s; }
  .btn.btn-red {
    background-color: #e31e24;
    color: white;
    box-shadow: 0 0 9px #e31e24; }
    .btn.btn-red:hover {
      background-color: #950308;
      box-shadow: 0 0 9px #950308; }
  .btn.btn-white {
    background-color: white;
    color: #e31e24; }

.field {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 1.15em;
  border-radius: 25px; }
  .field.field-darkred {
    background-color: #950308;
    color: #fff;
    border: none; }
    .field.field-darkred::placeholder {
      color: #E5E5E5; }

body .nav {
  position: absolute;
  width: 100%;
  top: 0px;
  user-select: none;
  min-height: 125px;
  max-height: 100%;
  padding: 10px 0px;
  left: 0px;
  z-index: 100; }
  @media (max-width: 576px) {
    body .nav {
      box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.15);
      background-color: #fff; } }
  @media (max-width: 576px) {
    body .nav .navigation.active {
      padding: 20px 0px;
      display: table !important;
      font-size: 1.6em; }
      body .nav .navigation.active ul {
        border-top: 1px solid #e31e24;
        padding: 10px 0px; }
        body .nav .navigation.active ul li {
          margin-left: 0px;
          margin-top: 4px;
          margin-bottom: 4px; } }
  body .nav .navigation ul li {
    margin-left: 26px;
    color: #23211f; }
    body .nav .navigation ul li a {
      font-size: 1em;
      font-weight: normal;
      transition: .1s; }
      body .nav .navigation ul li a:hover {
        color: #950308; }
    body .nav .navigation ul li.active {
      color: #e31e24; }

.logo {
  width: 232px; }

.footer {
  z-index: 5;
  position: relative;
  user-select: none;
  height: 142px;
  box-shadow: 0px -10px 21px rgba(0, 0, 0, 0.15); }
  .footer .footer_nav ul {
    display: flex;
    justify-content: center; }
    .footer .footer_nav ul li.active {
      color: #e31e24; }
    .footer .footer_nav ul li a {
      font-size: 1.1em;
      margin-right: 20px;
      transition: .1s; }
      .footer .footer_nav ul li a:hover {
        color: #950308; }

.button-nav {
  border: none;
  width: 100%;
  text-align: center;
  font-size: 2em;
  margin-top: 30px;
  background: none; }

h1 {
  font-size: 2.8em;
  font-weight: 900; }

h3 {
  font-size: 1.5em; }

.href {
  text-decoration: underline; }

.fullheight {
  min-height: 100vh; }

.category main, .page main, .single main, .paged main, .single-post main, .post main {
  margin-top: 200px;
  margin-bottom: 150px; 
  min-height: calc(100vh - 550px);
}

.category nav, .page .nav, .single .nav, .error404 .nav, .paged .nav, .single-post .nav, .post .nav {
  box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.15);
  background-color: #fff; }


.category h1, .page h1, .single h1, .paged h1, .single-post h1, .post h1 {
  font-weight: bold;
  margin-bottom: 20px;
  display: table; }

.page-id-14 {
  background-color: #F6F6F6; }
  .page-id-14 .doc_list {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .page-id-14 .doc_list figure {
      max-width: 300px;
      width: 100%;
      margin: 0px 0px 40px 0px; }
      @media (max-width: 576px) {
        .page-id-14 .doc_list figure {
          max-width: 100%; } }

.single main img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  }

.single main p {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: normal; }

.useful_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px; }
  .useful_list article {
    width: 100%;
    max-width: 337px;
    margin-bottom: 90px;
    border-right: 15px solid transparent; }
    @media (max-width: 576px) {
      .useful_list article {
        border-right: none;
        max-width: 100%; } }
    .useful_list article img {
      transition: .3s; }
    .useful_list article:hover h2 {
      color: #950308; }
    .useful_list article:hover img {
      transform: scale(1.01);
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
    .useful_list article:nth-last-child(1) {
      margin-bottom: 0px; }
    .useful_list article header img {
      width: 100%;
      height: 330px;
      object-fit: cover; }
    .useful_list article h2 {
      font-size: 1.3em;
      font-weight: bold;
      transition: .3s; }
    .useful_list article p {
      font-size: 1.1em;
      font-weight: 100; }

.news_list {
  max-width: 800px;
  margin-top: 60px; }
  .news_list article {
    margin-bottom: 90px; }
    .news_list article img {
      transition: .3s; }
    .news_list article:hover h2 {
      color: #950308; }
    .news_list article:hover img {
      transform: scale(1.01);
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); }
    .news_list article:nth-last-child(1) {
      margin-bottom: 0px; }
    .news_list article header {
      margin-bottom: 15px; }
    .news_list article footer h2 {
      font-size: 1.3em;
      font-weight: bold;
      transition: .3s; }
    .news_list article footer p {
      font-size: 1.1em;
      font-weight: 100; }
    .news_list article footer .open {
      font-size: 1.1em;
      float: right; }
      .news_list article footer .open .icons {
        font-size: .9em; }

.i-pos-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

#home section h2 {
  font-size: 2.8em;
  font-weight: bold; }

#map {
  position: relative;
  overflow: hidden; }
  #map .window {
    width: 100%;
    z-index: 1;
    background: #fff;
    padding: 30px 20px; }
    @media (max-width: 576px) {
      #map .window {
        padding-bottom: 100px; } }
    @media (min-width: 576px) {
      #map .window {
        position: absolute;
        right: 0px;
        top: -500px;
        box-shadow: 0px 3px 33px rgba(0, 0, 0, 0.16);
        border-radius: 16px;
        max-width: 400px; } }
    #map .window .sect {
      margin-bottom: 35px;
      text-align: center;
      padding: 0px 20px; }
      #map .window .sect:nth-last-child(1) {
        margin-bottom: 0px; }
      #map .window .sect p {
        text-align: left;
        font-size: 1.2em;
        margin-bottom: 5px;
        display: table;
        width: 100%; }
        #map .window .sect p .icons {
          height: 10px;
          display: table;
          float: left;
          margin-right: 10px;
          font-size: 1.7em; }
          #map .window .sect p .icons.icons-phone {
            position: relative;
            top: -4px; }
      #map .window .sect .btn {
        margin: auto;
        display: inline-table; }
    #map .window h2 {
      font-size: 2.2em;
      text-align: center;
      margin-bottom: 30px;
      position: relative;
      padding: 6px 0px; }
      #map .window h2::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        border-radius: 3px;
        background-color: #F6F6F6;
        left: 0;
        bottom: -10px; }

#price {
  position: relative;
  overflow: hidden; }
  #price .deco_price {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -700px;
    z-index: -1; }
  @media (max-width: 576px) {
    #price {
      padding: 105px 0px; } }
  @media (min-width: 576px) {
    #price {
      padding: 105px 0px 240px 0px; } }
  #price h2 {
    margin-bottom: 50px; }
  #price p {
    font-size: 1.1em;
    margin-bottom: 50px; }
    @media (min-width: 1199.98px) {
      #price p {
        padding-right: 100px; } }
  #price .price {
    font-size: 2.4em;
    font-weight: bold; }

#about {
  background: linear-gradient(180deg, #22201E, #000000);
  color: #FFFFFF;
  padding: 50px 0px 100px 0px;
  position: relative; }
  #about .circle {
    position: absolute;
    box-shadow: 0px 4px 21px rgba(252, 16, 16, 0.67);
    border-radius: 50%; }
  #about .c1 {
    width: 60px;
    height: 60px;
    bottom: 260px;
    left: 40px;
    background: linear-gradient(0deg, #CC595D, #E31E24); }
  #about .c2 {
    width: 100px;
    height: 100px;
    top: 60px;
    right: 100px;
    background: linear-gradient(360deg, #CC595D, #E31E24); }
  #about .bg-title {
    font-size: 14em;
    left: -100px;
    top: 30px;
    text-align: center;
    transform: rotate(-90deg);
    opacity: .08;
    font-weight: bold;
    position: absolute;
    width: 800px;
    height: 100%;
    user-select: none; }
  #about h2 {
    margin-bottom: 50px; }
  #about .desc {
    margin-bottom: 40px;
    padding-right: 20px; }
    @media (min-width: 1199.98px) {
      #about .desc {
        padding-right: 120px; } }
    #about .desc p {
      font-size: 1.1em; }
  @media (min-width: 1199.98px) {
    #about .img {
      padding-left: 80px; } }
  @media (max-width: 576px) {
    #about .img img {
      width: 100%; } }

#what {
  padding: 80px 0px; }
  #what h2 {
    margin-bottom: 150px; }
  #what .deco_what {
    position: absolute;
    right: -600px;
    z-index: -1; }
  #what .what_list .item {
    margin-bottom: 70px;
    position: relative; }
    #what .what_list .item img {
      width: 80px;
      height: 220px;
      object-fit: cover;
      user-select: none;
      border-right: 7px solid transparent; }
    #what .what_list .item .num {
      color: #F1F1F1;
      position: absolute;
      z-index: -1;
      font-size: 7.9em;
      user-select: none;
      font-weight: bold; }
    #what .what_list .item p {
      margin-top: 100px;
      font-weight: normal;
      font-size: 1.37em; }
    #what .what_list .item .footer_block {
      position: relative;
      top: -50px; }

.wpcf7-response-output{
  color: #fff;
  line-height: 2em;
  border: none;
}

#send .iziModal-content {
  padding: 20px 30px; }
#send p{
  padding: 0px;
  margin: 0px;
}

#send form {
  text-align: center;
  padding: 0px 40px 20px 40px; }

#send input {
  display: table;
  margin: 7px auto; }

#send .iziModal-header {
  box-shadow: none;
  height: 40px; }

#send .iziModal-header-buttons {
  top: 20px;
  color: #e31e24; }

#send h4 {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  display: table;
  width: 100%;
  margin: 0px 0px 40px 0px;
  color: #fff; }

#home header {
  background-color: #F8F8F8; }
  @media (min-width: 576px) {
    #home header {
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("img/header.jpg");
      background-size: cover; }
      #home header .content {
        text-align: right; } }
  @media (max-width: 576px) {
    #home header {
      padding: 200px 0px 50px 0px; } }

#not-found .content {
  text-align: center; }
  #not-found .content .img {
    display: inline-table;
    margin: auto;
    max-width: 800px;
    margin-top: 125px; }
  #not-found .content h1 {
    font-size: 3em;
    font-weight: 600; }
  #not-found .content h3 {
    font-size: 1em; }


    .navi{
    }
    .navi .nav-links > *{
      padding: 10px 15px;
      background: #fff;
      font-size: 1em;
      float: left;
      cursor: pointer;
      margin-right: 5px;
      transition: .3s;
    }
    .navi .nav-links a:hover{
      background: #eee;
    }
    .navi .nav-links .current{
      background: #e31e24;
      color: #fff;
      cursor: default;
    }