@charset "UTF-8";
/* This stylesheet generated by Transfonter (https://transfonter.org) on August 20, 2017 6:55 PM */
@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic/CenturyGothic-Italic.eot");
  src: local("Century Gothic Italic"), local("CenturyGothic-Italic"), url("../fonts/CenturyGothic/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic/CenturyGothic-Italic.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic/CenturyGothic.eot");
  src: local("Century Gothic"), local("CenturyGothic"), url("../fonts/CenturyGothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic/CenturyGothic-Bold.eot");
  src: local("Century Gothic Bold"), local("CenturyGothic-Bold"), url("../fonts/CenturyGothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic/CenturyGothic-Bold.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic/CenturyGothic-BoldItalic.eot");
  src: local("Century Gothic Bold Italic"), local("CenturyGothic-BoldItalic"), url("../fonts/CenturyGothic/CenturyGothic-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic/CenturyGothic-BoldItalic.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none; }

body {
  font-family: 'Century Gothic';
  margin: 0;
  padding: 0; }

.banner-img {
  background: url(../img/main-banner.jpg) no-repeat center center fixed;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh; }

table tbody tr th:first-child {
  background-color: #e0f2fe; }

table thead {
  background-color: #009fe3;
  color: #fff;
  font-weight: 700; }
  table thead th {
    border-right: 1px solid #fff; }

table tbody tr td {
  border: 1px solid #808080; }

.footer-section {
  min-height: 250px;
  background-color: #212529;
  margin-top: 10px;
  color: #fff; }

.footer {
  margin-bottom: 0px; }

.title-footer {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700; }

section {
  padding-top: 50px; }

.form-control {
  -webkit-transition: all .4s ease-in-out 0;
  -o-transition: all .4s ease-in-out 0;
  transition: all .4s ease-in-out 0; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 25px;
  font-size: 13px;
  background: rgba(17, 17, 17, 0.8);
  color: #fff; }

.btn-lg:hover,
.btn-group-lg > .btn:hover {
  background: #111111;
  color: #fff; }

.teachers {
  background: #f5f5f5;
  padding: 50px 0px 50px 0px; }

.cost-text {
  background-color: #212529;
  color: #fff;
  padding: 20px 0px 20px 0px; }

.schedule {
  background: #f5f5f5;
  padding: 50px 0px 50px 0px; }

tbody > tr > td {
  background-color: #fff; }

.lesson-wrapper {
  margin-top: 30px; }

hr {
  border-top: 5px solid rgba(0, 0, 0, 0.1); }

.scroll-up {
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 2em;
  right: 2em; }

.scroll-up a {
  background-color: rgba(135, 135, 135, 0.5);
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 30px; }

.scroll-up a:hover,
.scroll-up a:active {
  background-color: rgba(235, 235, 235, 0.8);
  color: #e7746f; }

.copyright a {
  text-decoration: none;
  color: #fff; }

.fa-heart {
  color: #e7746f; }

/* Смартфоны (горизонтальный и вертикальный) ----------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /**/ }

.banner-img {
  -webkit-background-size: inherit inherit;
          background-size: inherit; }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  /**/ }

.banner-img {
  -webkit-background-size: contain;
          background-size: contain; }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

.banner-img {
  -webkit-background-size: contain;
          background-size: contain; }