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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*dark violet, stripe */
/*violet, hover for black text */
/*darker violet hover */
/*pink button */
/*pink button hover */
/*dark grey*/
/*even more greyer! */
/* standart blue FB color*/
/* standart red google plus color*/
/*light grey*/
/* sections:
- about,
- service,
- history
- team
- enroll */
input, textarea, select {
  outline: none;
}

.navigation {
  box-shadow: 1px 1px 5px #888888;
}

.main__intro__button:hover, .enroll__content__button:hover, .history__content__button:hover {
  background-color: rgb(178, 0, 84);
  border: 1px solid rgb(178, 0, 84);
  transition: 0.2s ease;
}

.about__content__button:hover,
.contacts__nested__card__button:hover {
  background-color: rgb(46, 39, 113);
  border: 1px solid rgb(46, 39, 113);
  transition: 0.2s ease;
}

.service__nested__card__button:hover, .team__nested__card__button:hover {
  color: white;
  background-color: rgb(35, 35, 41);
  text-decoration: none;
  border: 1px solid rgb(35, 35, 41);
  transition: 0.2s ease;
}

.about__content, .service__content, .team__content, .contacts__content {
  width: 100%;
  margin: 55px auto 0 auto;
  color: black;
  text-align: center;
}

.about__content__title, .service__content__title, .history__content__title,
.team__content__title, .contacts__content__title {
  position: relative;
  margin-top: 60px;
  font-family: "LatoBlack", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 1.444;
}
.about__content__title:after, .service__content__title:after, .history__content__title:after,
.team__content__title:after, .contacts__content__title:after {
  content: "";
  position: absolute;
  top: 115%;
  left: 47.5%;
  width: 50px;
  height: 1px;
  background: rgb(54, 46, 134);
}

.history__content__title {
  margin-top: 0;
}

.enroll__content__title {
  position: relative;
  font-family: "LatoBlack", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 1.444;
}

.history__content__title:after, .enroll__content__title:after {
  background: white;
}

.about__content__text, .service__content__text, .history__content__text,
.team__content__text, .enroll__content__text, .contacts__content__text {
  padding: 40px 0 36px;
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.786;
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}

.about__content__button, .service__nested__card__button,
.history__content__button, .team__nested__card__button,
.contacts__nested__card__button {
  background-color: rgb(54, 46, 134);
  border: 1px solid rgb(54, 46, 134);
  padding: 12px 18px 15px;
  min-width: 48px;
  width: 122px;
  height: 44px;
  color: white;
  font-family: "LatoSemibold", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.history__content__button {
  background-color: rgb(204, 0, 102);
  border: 1px solid rgb(204, 0, 102);
}

.service__nested__card__button, .team__nested__card__button {
  display: block;
  margin: 30px auto 0;
  background-color: rgb(51, 51, 60);
  border: 1px solid rgb(51, 51, 60);
}

.contacts__nested__card__button {
  width: 100%;
}

.service__nested, .team__nested, .footer__nested {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px;
}

.team__nested {
  grid-template-columns: repeat(2, 1fr);
}

.footer__nested {
  margin-bottom: 80px;
}

.service__nested__card, .team__nested__card {
  grid-row: auto/span 4;
  display: subgrid;
  text-align: center;
}

.contacts__nested {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: 100px;
}

.contacts__nested__card {
  grid-row: auto/span 1;
  display: subgrid;
  text-align: left;
}

.footer__nested__card > p {
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.538;
}

.footer__nested__card__name:after {
  content: "";
  position: absolute;
  top: 115%;
  left: 0;
  width: 50px;
  height: 1px;
  background: rgb(54, 46, 134);
}

.service__nested__card__name, .team__nested__card__name,
.contacts__nested__card__name, .footer__nested__card__name {
  position: relative;
  font-family: "LatoBold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.389;
  margin: 15px auto;
}

.team__nested__card__name span {
  display: block;
  font-size: 12px;
}

.wider {
  position: relative;
  width: 118%;
  left: -20px;
}

.service__nested__card__desc, .team__nested__card__desc {
  height: auto;
  overflow: hidden;
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.538;
  margin: 0 auto;
  margin-top: 2%;
}

.img-rounded {
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

/* contacts */
#map {
  width: 100%;
  height: 300px;
  border: 4px solid black;
}

form input, textarea {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 12px;
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
  font-size: 15px;
  padding: 3px 0 0 10px;
  box-sizing: border-box;
}

textarea {
  min-height: 148px;
}

input.placeholder, textarea.placeholder {
  color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc;
}

.navigation {
  top: 36px;
}
.navigation ul a:hover {
  color: rgb(79, 69, 179);
}

.navbar .navbar-header button {
  font-size: 24px;
  font-weight: 200;
  padding-top: 20px;
}

#myNavbar > ul.nav > li {
  display: inline;
  vertical-align: middle;
}
#myNavbar > ul.nav > li > a {
  vertical-align: middle;
  line-height: 90px;
}

@media screen and (max-width: 1023px) {
  .content-wrapper {
    width: 82%;
    margin: 0 auto;
  }
  #myNavbar > ul.nav > li a {
    line-height: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .service__nested, .team__nested, .footer__nested {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
  }
  .wider {
    width: 130%;
  }
  .img-rounded {
    height: 190px;
    width: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__nested, .team__nested, .footer__nested, .contacts__nested {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .wider {
    width: 100%;
    left: 0;
  }
  .service__nested, .team__nested, .footer__nested, .contacts__nested {
    grid-template-columns: repeat(1, 1fr);
  }
  .team__nested__card__desc, .service__nested__card__desc {
    max-width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .main__intro__title {
    font-size: 25px;
  }
  .main__intro__title:after {
    top: 140%;
    left: 42.5%;
  }
  .main__intro__about {
    font-size: 18px;
  }
  .about__content__title, .service__content__title, .history__content__title,
  .team__content__title, .contacts__content__title, .enroll__content__title {
    font-size: 20px;
  }
  .about__content__title:after, .service__content__title:after, .history__content__title:after,
  .team__content__title:after, .contacts__content__title:after, .enroll__content__title:after {
    top: 140%;
    left: 42.5%;
  }
  .history, .enroll {
    height: 320px;
  }
  .about__content__text, .service__content__text, .history__content__text,
  .team__content__text, .enroll__content__text, .contacts__content__text {
    padding: 20px 0 16px;
  }
  .service__content__title, .history__content__title, .team__content__title,
  .enroll__content__title {
    margin: 30px 0 60px 0;
  }
  .service__content__text, .history__content__text, .team__content__text,
  .enroll__content__text {
    display: none;
  }
  .main, .people, .history, .enroll {
    background-attachment: scroll;
  }
}
/*dark violet, stripe */
/*violet, hover for black text */
/*darker violet hover */
/*pink button */
/*pink button hover */
/*dark grey*/
/*even more greyer! */
/* standart blue FB color*/
/* standart red google plus color*/
/*light grey*/
@font-face {
  font-family: "LatoRegular";
  src: url(/fonts/LatoRegular.ttf?5f91eca14afa35aee1b72c43cfd2f72b) format("truetype"), url(/fonts/LatoRegular.woff?a8980ed0dcfb3c7df0437ee05b320cb1) format("woff"), url(/fonts/LatoRegular.eot?ec583c15668f40d4bf3e08a6c34654d8) format("eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LatoSemibold";
  src: url(/fonts/Lato-Semibold.ttf?4461d438f53d31c670c658cbe20dda9f) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LatoBold";
  src: url(/fonts/LatoBold.ttf?b4711c481549fcb8acc7712931760716) format("truetype"), url(/fonts/LatoBold.woff?5d1d0bad499f89fdb082a77ba532c052) format("woff"), url(/fonts/LatoBold.eot?8771b904256ea8c95953a78280c102f6) format("eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LatoBlack";
  src: url(/fonts/Lato-Black.ttf?f1f324db0371133b492126f0d2a21378) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LatoBoldItalic";
  src: url(/fonts/LatoBoldItalic.ttf?c3090eb30e3a5e97f4dc317d68b0a33b) format("truetype"), url(/fonts/LatoBoldItalic.woff?59149508628a20a1f56c0d3929a757ff) format("woff"), url(/fonts/LatoBoldItalic.eot?14292ee34586b0c6d51eaa6d29d54eba) format("eot");
  font-weight: normal;
  font-style: normal;
}
/**
 * OpenSans
 */
@font-face {
  font-family: "OpenSansLight";
  src: url(/fonts/OpenSans-Light.ttf?ed41bedf131bc097372a961dbec109a1) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansRegular";
  src: url(/fonts/OpenSans-Regular.ttf?1b0809d519837cb7aad36a73433f655c) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansBold";
  src: url(/fonts/OpenSans-Bold.ttf?dbb97fd982ce1b96b6de90a9f1c2ecaa) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
 * Roboto
 */
@font-face {
  font-family: "RobotoLight";
  src: url(/fonts/Roboto-Light.ttf?0cea39826bd36bbfe33076c544e3a1af) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoRegular";
  src: url(/fonts/Roboto-Regular.ttf?03523cf578d69fa923226ff457b92d90) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoBold";
  src: url(/fonts/Roboto-Bold.ttf?4f39c5796e60c9d8e7327a00e9a4442e) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*dark violet, stripe */
/*violet, hover for black text */
/*darker violet hover */
/*pink button */
/*pink button hover */
/*dark grey*/
/*even more greyer! */
/* standart blue FB color*/
/* standart red google plus color*/
/*light grey*/
select {
  width: 160px;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 0;
  margin-top: 12px 0;
  padding: 6px 0 0 10px;
  border-style: none;
  border: 1px solid rgb(204, 204, 204);
  background: white;
  font-size: 12px;
}

.arrow {
  position: relative;
  top: -6px;
  background-image: linear-gradient(45deg, transparent 40%, rgb(51, 51, 60) 70%), linear-gradient(135deg, rgb(51, 51, 60) 70%, transparent 30%);
  background-position: calc(100% - 20px) calc(1.4em + 2px), calc(100% - 15px) calc(1.4em + 2px);
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.modal__login__content__fb, .modal__login__content__gp {
  margin: 20px 5px;
  padding: 8px 0 38px;
  min-width: 48px;
  width: 176px;
  height: 38px;
  color: white;
  font-size: 12px;
}

.modal__login__content__button, .modal__signup__content__button {
  margin: 20px 5px;
  padding: 16px 0 34px;
  min-width: 48px;
  width: 100%;
  height: 40px;
  background: rgb(54, 46, 134);
  border: 1px solid rgb(54, 46, 134);
  color: white;
  font-size: 14px;
}
.modal__login__content__button:hover, .modal__signup__content__button:hover {
  background-color: rgb(46, 39, 113);
  border: 1px solid rgb(46, 39, 113);
  transition: 0.2s ease;
}

.fa-facebook, .fa-google-plus {
  padding-right: 7px;
}

#logIn, #signUp, #restorePassword {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  transition: 0.25s ease-in opacity;
}
#logIn:target, #signUp:target, #restorePassword:target {
  display: block;
}

#signUp {
  overflow-y: auto;
}

.modal__login, .modal__signup, .modal__rpass {
  width: 450px;
  font-family: "LatoSemibold", Arial, Helvetica, sans-serif;
  position: relative;
  margin: 10% auto;
  padding: 10px;
  background: #fff;
}
.modal__login .modal__login__content, .modal__login .modal__signup__content, .modal__login .modal__rpass__content, .modal__signup .modal__login__content, .modal__signup .modal__signup__content, .modal__signup .modal__rpass__content, .modal__rpass .modal__login__content, .modal__rpass .modal__signup__content, .modal__rpass .modal__rpass__content {
  position: relative;
  margin: 0 auto;
  padding: 25px 35px;
  border: 1px solid rgb(204, 204, 204);
}
.modal__login .modal__login__content h2, .modal__login .modal__signup__content h2, .modal__login .modal__rpass__content h2, .modal__signup .modal__login__content h2, .modal__signup .modal__signup__content h2, .modal__signup .modal__rpass__content h2, .modal__rpass .modal__login__content h2, .modal__rpass .modal__signup__content h2, .modal__rpass .modal__rpass__content h2 {
  font-family: "LatoBlack", Arial, Helvetica, sans-serif;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
}
.modal__login .modal__login__content .modal__login__content__fb, .modal__login .modal__signup__content .modal__login__content__fb, .modal__login .modal__rpass__content .modal__login__content__fb, .modal__signup .modal__login__content .modal__login__content__fb, .modal__signup .modal__signup__content .modal__login__content__fb, .modal__signup .modal__rpass__content .modal__login__content__fb, .modal__rpass .modal__login__content .modal__login__content__fb, .modal__rpass .modal__signup__content .modal__login__content__fb, .modal__rpass .modal__rpass__content .modal__login__content__fb {
  background-color: rgb(51, 102, 153);
  border: 1px solid rgb(51, 102, 153);
}
.modal__login .modal__login__content .modal__login__content__fb:hover, .modal__login .modal__signup__content .modal__login__content__fb:hover, .modal__login .modal__rpass__content .modal__login__content__fb:hover, .modal__signup .modal__login__content .modal__login__content__fb:hover, .modal__signup .modal__signup__content .modal__login__content__fb:hover, .modal__signup .modal__rpass__content .modal__login__content__fb:hover, .modal__rpass .modal__login__content .modal__login__content__fb:hover, .modal__rpass .modal__signup__content .modal__login__content__fb:hover, .modal__rpass .modal__rpass__content .modal__login__content__fb:hover {
  background-color: rgb(35, 78, 122);
  border: 1px solid rgb(35, 78, 122);
  transition: 0.2s ease;
}
.modal__login .modal__login__content .modal__login__content__gp, .modal__login .modal__signup__content .modal__login__content__gp, .modal__login .modal__rpass__content .modal__login__content__gp, .modal__signup .modal__login__content .modal__login__content__gp, .modal__signup .modal__signup__content .modal__login__content__gp, .modal__signup .modal__rpass__content .modal__login__content__gp, .modal__rpass .modal__login__content .modal__login__content__gp, .modal__rpass .modal__signup__content .modal__login__content__gp, .modal__rpass .modal__rpass__content .modal__login__content__gp {
  background-color: rgb(221, 75, 57);
  border: 1px solid rgb(221, 75, 57);
}
.modal__login .modal__login__content .modal__login__content__gp:hover, .modal__login .modal__signup__content .modal__login__content__gp:hover, .modal__login .modal__rpass__content .modal__login__content__gp:hover, .modal__signup .modal__login__content .modal__login__content__gp:hover, .modal__signup .modal__signup__content .modal__login__content__gp:hover, .modal__signup .modal__rpass__content .modal__login__content__gp:hover, .modal__rpass .modal__login__content .modal__login__content__gp:hover, .modal__rpass .modal__signup__content .modal__login__content__gp:hover, .modal__rpass .modal__rpass__content .modal__login__content__gp:hover {
  background-color: rgb(204, 69, 53);
  border: 1px solid rgb(204, 69, 53);
  transition: 0.2s ease;
}
.modal__login .modal__login__content .modal__login__content__or, .modal__login .modal__signup__content .modal__login__content__or, .modal__login .modal__rpass__content .modal__login__content__or, .modal__signup .modal__login__content .modal__login__content__or, .modal__signup .modal__signup__content .modal__login__content__or, .modal__signup .modal__rpass__content .modal__login__content__or, .modal__rpass .modal__login__content .modal__login__content__or, .modal__rpass .modal__signup__content .modal__login__content__or, .modal__rpass .modal__rpass__content .modal__login__content__or {
  font-size: 12px;
  position: absolute;
  top: 137px;
  padding: 0 10px;
  right: 45%;
  background: white;
}
.modal__login .modal__login__content .modal__login__content__form label, .modal__login .modal__login__content .modal__signup__content__form label, .modal__login .modal__signup__content .modal__login__content__form label, .modal__login .modal__signup__content .modal__signup__content__form label, .modal__login .modal__rpass__content .modal__login__content__form label, .modal__login .modal__rpass__content .modal__signup__content__form label, .modal__signup .modal__login__content .modal__login__content__form label, .modal__signup .modal__login__content .modal__signup__content__form label, .modal__signup .modal__signup__content .modal__login__content__form label, .modal__signup .modal__signup__content .modal__signup__content__form label, .modal__signup .modal__rpass__content .modal__login__content__form label, .modal__signup .modal__rpass__content .modal__signup__content__form label, .modal__rpass .modal__login__content .modal__login__content__form label, .modal__rpass .modal__login__content .modal__signup__content__form label, .modal__rpass .modal__signup__content .modal__login__content__form label, .modal__rpass .modal__signup__content .modal__signup__content__form label, .modal__rpass .modal__rpass__content .modal__login__content__form label, .modal__rpass .modal__rpass__content .modal__signup__content__form label {
  margin: 5px 0;
  display: inline-block;
  font-size: 14px;
}
.modal__login .modal__login__content a, .modal__login .modal__signup__content a, .modal__login .modal__rpass__content a, .modal__signup .modal__login__content a, .modal__signup .modal__signup__content a, .modal__signup .modal__rpass__content a, .modal__rpass .modal__login__content a, .modal__rpass .modal__signup__content a, .modal__rpass .modal__rpass__content a {
  font-size: 14px;
  color: rgb(79, 69, 179);
  text-decoration: underline;
}
.modal__login .modal__login__content p, .modal__login .modal__signup__content p, .modal__login .modal__rpass__content p, .modal__signup .modal__login__content p, .modal__signup .modal__signup__content p, .modal__signup .modal__rpass__content p, .modal__rpass .modal__login__content p, .modal__rpass .modal__signup__content p, .modal__rpass .modal__rpass__content p {
  text-align: center;
}

.modal__close {
  z-index: 11;
  line-height: 25px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 12px;
  width: 24px;
}
.modal__close:hover {
  color: rgb(79, 69, 179);
  cursor: pointer;
}

select {
  margin-right: 15px;
}

.qualification {
  width: 156px;
}

input[for=city] {
  height: 38px;
  width: 156px;
}

input[for=capcha] {
  height: 38px;
  width: 156px;
  margin: 10px -4px 0 0;
}

.modal__signup {
  width: 400px;
}

.modal__signup__content__form {
  margin-top: 20px;
}
.modal__signup__content__form .label_select {
  position: relative;
  top: -6px;
}
.modal__signup__content__form .label-radio {
  display: block !important;
}
.modal__signup__content__form input[type=radio] {
  width: 20px;
  display: inline-block;
}
.modal__signup__content__form label[for=male], .modal__signup__content__form [for=female] {
  position: relative;
  top: -10px;
}
.modal__signup__content__form .modal__signup__content__form__flex {
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.modal__signup__content__form .modal__signup__content__form__flex .modal__signup__content__form__flex__date {
  width: 49%;
}
.modal__signup__content__form .modal__signup__content__form__flex .modal__signup__content__form__flex__sex {
  width: 48%;
}

.modal__rpass__content > p {
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  color: rgb(51, 51, 60);
  margin: 20px 0 10px 0;
}

.modal__rpass__content > h2 {
  margin-top: 20px;
}

table.products-comparison {
  margin: auto;
  padding: 20px;
  background-color: white;
  border-spacing: 1px 1px;
}
table.products-comparison th, table.products-comparison td {
  padding: 10px 15px;
  border-spacing: 1px;
  border: 1px solid white;
}
table.products-comparison tbody th {
  color: #000;
  text-align: left;
  background-image: linear-gradient(to right, white, rgba(200, 200, 200, 0.3));
  border: 1px solid #e0e0e0;
  padding-right: 45px;
  position: relative;
}
table.products-comparison tbody th i {
  position: absolute;
  right: 7px;
  font-size: 1.2em;
  color: #009cdc;
}
table.products-comparison tbody tr:nth-child(even) td {
  background-color: #f7f7f7;
}
table.products-comparison tbody td {
  text-align: center;
  color: green;
  font-size: 1.5em;
  border: 1px solid #e0e0e0;
  cursor: default;
}
table.products-comparison thead th {
  background-color: lightgrey;
  background-image: linear-gradient(white, lightgrey);
  border: 1px solid #e0e0e0;
  cursor: default;
}
table.products-comparison thead th label {
  color: blue;
}
table.products-comparison thead th:nth-child(3) label {
  color: green;
}
table.products-comparison thead th:nth-child(4) label {
  color: orange;
}
table.products-comparison thead th:nth-child(5) label {
  color: blueviolet;
}
table.products-comparison thead th:nth-child(6) label {
  color: red;
}
table.products-comparison thead th span {
  display: block;
}
table.products-comparison thead th:nth-child(1) {
  background: none;
  border: none;
}

.tooltip-cell {
  /*display:inline-block;*/
  position: relative;
  border-bottom: 1px dotted #666;
  text-align: left;
  cursor: help;
}
.tooltip-cell h3 {
  margin: 12px 0;
}
.tooltip-cell .top {
  min-width: 200px;
  max-width: 400px;
  top: -15px;
  left: 30%;
  transform: translate(-30%, -100%);
  padding: 10px 20px;
  color: #ffffff;
  background-color: #009cdc;
  font-weight: normal;
  font-size: 14px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  display: none;
}
.tooltip-cell:hover .top {
  display: block;
}
.tooltip-cell .top i {
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}
.tooltip-cell .top i::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #009cdc;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.hexagon {
  margin-top: -150px;
  position: absolute;
  z-index: -1;
}

/*dark violet, stripe */
/*violet, hover for black text */
/*darker violet hover */
/*pink button */
/*pink button hover */
/*dark grey*/
/*even more greyer! */
/* standart blue FB color*/
/* standart red google plus color*/
/*light grey*/
.navigation {
  box-shadow: 1px 1px 5px #888888;
}

.main__intro__button:hover, .enroll__content__button:hover, .history__content__button:hover {
  background-color: rgb(178, 0, 84);
  border: 1px solid rgb(178, 0, 84);
  transition: 0.2s ease;
}

.about__content__button:hover,
.contacts__nested__card__button:hover {
  background-color: rgb(46, 39, 113);
  border: 1px solid rgb(46, 39, 113);
  transition: 0.2s ease;
}

.service__nested__card__button:hover, .team__nested__card__button:hover {
  background-color: rgb(35, 35, 41);
  border: 1px solid rgb(35, 35, 41);
  transition: 0.2s ease;
}

.main__intro__button:active, .enroll__content__button:active, .history__content__button:active,
.about__content__button:active, .contacts__nested__card__button:active, .service__nested__card__button:active,
.team__nested__card__button:active {
  position: relative;
  top: 1px;
}

/*dark violet, stripe */
/*violet, hover for black text */
/*darker violet hover */
/*pink button */
/*pink button hover */
/*dark grey*/
/*even more greyer! */
/* standart blue FB color*/
/* standart red google plus color*/
/*light grey*/
/*grids styles */
.grid__blog, .grid__page {
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  line-height: 1.444;
  margin: 140px auto 0;
  display: grid;
  grid-template-columns: 75% 25%;
  grid-column-gap: 1em;
}
.grid__blog > section, .grid__page > section {
  padding: 1.5em;
}
.grid__blog > section h1, .grid__page > section h1 {
  margin-bottom: 25px;
  color: rgb(54, 46, 134);
  font-size: 2em;
}
.grid__blog > section ul > li, .grid__page > section ul > li {
  margin: 5px 0;
  list-style-type: disc;
}

.grid__page {
  display: block;
}

blockquote {
  font-size: 15px;
}

.post-card {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.post-card__title {
  font-size: 1.4em;
  margin-bottom: 8px;
}
.post-card__title a {
  color: rgb(54, 46, 134);
}
.post-card__title a:hover {
  color: rgb(79, 69, 179);
}
.post-card__image {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 4px;
}
.post-card__excerpt {
  margin: 10px 0;
  color: #555;
}
.post-card__meta {
  margin-bottom: 8px;
  font-size: 0.9em;
}
.post-card__meta .label {
  margin-right: 4px;
}

.post-tags {
  margin-bottom: 15px;
}
.post-tags .fa-tags {
  color: #999;
  margin-right: 4px;
}
.post-tags .label {
  margin-right: 4px;
  font-weight: normal;
  font-size: 0.85em;
}
.post-tags a:hover .label-default {
  background-color: rgb(54, 46, 134);
  color: #fff;
}

.tag-filter {
  margin-bottom: 20px;
}
.tag-filter .label {
  display: inline-block;
  margin: 3px 2px;
  cursor: pointer;
  font-size: 0.9em;
}
.tag-filter a:hover .label-default {
  background-color: rgb(54, 46, 134);
  color: #fff;
}

.active-filter {
  margin-bottom: 15px;
  padding: 10px 15px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 0.95em;
}
.active-filter a {
  margin-left: 8px;
  color: rgb(204, 0, 102);
}

.category-children {
  margin-bottom: 20px;
}
.category-children .label {
  display: inline-block;
  margin: 3px 2px;
  font-size: 0.9em;
}

.pagination-wrapper {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagination-wrapper .pagination-links {
  flex: 1;
}
.pagination-wrapper .per-page-select {
  flex-shrink: 0;
  font-size: 0.9em;
  white-space: nowrap;
}
.pagination-wrapper .per-page-select label {
  margin-right: 5px;
  color: #555;
}
.pagination-wrapper .per-page-select select {
  padding: 3px 4px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  width: 50px;
}

.right-column h3 {
  color: rgb(54, 46, 134);
  font-size: 1.2em;
  margin-bottom: 12px;
  margin-top: 20px;
}
.right-column h3:first-child {
  margin-top: 0;
}

.grid__blog__breadcrumb {
  grid-column: 1/-1;
  padding-top: 2em;
}
.grid__blog__breadcrumb .breadcrumb {
  background: transparent;
  padding: 8px 0;
  margin-bottom: 0;
}