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 {
  -webkit-box-shadow: 1px 1px 5px #888888;
  box-shadow: 1px 1px 5px #888888;
}

.main__intro__button:hover,
.enroll__content__button:hover,
.history__content__button:hover {
  background-color: #b20054;
  border: 1px solid #b20054;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.about__content__button:hover,
.contacts__nested__card__button:hover {
  background-color: #2e2771;
  border: 1px solid #2e2771;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.service__nested__card__button:hover,
.team__nested__card__button:hover {
  color: white;
  background-color: #232329;
  text-decoration: none;
  border: 1px solid #232329;
  -webkit-transition: 0.2s ease;
  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: #362e86;
}

.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: #362e86;
  border: 1px solid #362e86;
  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: #cc0066;
  border: 1px solid #cc0066;
}

.service__nested__card__button,
.team__nested__card__button {
  display: block;
  margin: 30px auto 0;
  background-color: #33333c;
  border: 1px solid #33333c;
}

.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: #362e86;
}

.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;
  -webkit-box-sizing: border-box;
          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: #4f45b3;
}

.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?1835f7d3644d5bb0f03ed5fdb40898d4) format("truetype"), url(/fonts/LatoRegular.woff?be5acba9675aaffbeec76acd99f96488) format("woff"), url(/fonts/LatoRegular.eot?bfcfb36fd6d883b0cb738881a0d01617) format("eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LatoSemibold";
  src: url(/fonts/Lato-Semibold.ttf?47df357749e2185a9b8a344c722deba0) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LatoBold";
  src: url(/fonts/LatoBold.ttf?8f2be703781ed1f073f2d5eaea006304) format("truetype"), url(/fonts/LatoBold.woff?a0ca2cecf74466e56d30ce73067707f4) format("woff"), url(/fonts/LatoBold.eot?55286ac73d276136be1442cba0b31d0d) format("eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LatoBlack";
  src: url(/fonts/Lato-Black.ttf?e798200afab2e4eebb491f3e7674c8bf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LatoBoldItalic";
  src: url(/fonts/LatoBoldItalic.ttf?207089fa145590e49be0e1b9c2761c0b) format("truetype"), url(/fonts/LatoBoldItalic.woff?c7066a4aa4c2515bb742dd0d51d7b42e) format("woff"), url(/fonts/LatoBoldItalic.eot?2832203f9c24fff5cd0d4a9f5fe1f47a) format("eot");
  font-weight: normal;
  font-style: normal;
}

/**
 * OpenSans
 */

@font-face {
  font-family: "OpenSansLight";
  src: url(/fonts/OpenSans-Light.ttf?2d0bdc8df10dee036ca3bedf6f3647c6) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansRegular";
  src: url(/fonts/OpenSans-Regular.ttf?3ed9575dcc488c3e3a5bd66620bdf5a4) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansBold";
  src: url(/fonts/OpenSans-Bold.ttf?1025a6e0fb0fa86f17f57cc82a6b9756) format("truetype");
  font-weight: normal;
  font-style: normal;
}

/**
 * Roboto
 */

@font-face {
  font-family: "RobotoLight";
  src: url(/fonts/Roboto-Light.ttf?88823c2015ffd5fa89d567e17297a137) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoRegular";
  src: url(/fonts/Roboto-Regular.ttf?11eabca2251325cfc5589c9c6fb57b46) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoBold";
  src: url(/fonts/Roboto-Bold.ttf?e07df86cef2e721115583d61d1fb68a6) 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 #cccccc;
  background: white;
  font-size: 12px;
}

.arrow {
  position: relative;
  top: -6px;
  background-image: linear-gradient(45deg, transparent 40%, #33333c 70%), linear-gradient(135deg, #33333c 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: #362e86;
  border: 1px solid #362e86;
  color: white;
  font-size: 14px;
}

.modal__login__content__button:hover,
.modal__signup__content__button:hover {
  background-color: #2e2771;
  border: 1px solid #2e2771;
  -webkit-transition: 0.2s ease;
  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;
  -webkit-transition: 0.25s ease-in opacity;
  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 #cccccc;
}

.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: #336699;
  border: 1px solid #336699;
}

.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: #234e7a;
  border: 1px solid #234e7a;
  -webkit-transition: 0.2s ease;
  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: #dd4b39;
  border: 1px solid #dd4b39;
}

.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: #cc4535;
  border: 1px solid #cc4535;
  -webkit-transition: 0.2s ease;
  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: #4f45b3;
  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: #4f45b3;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: #33333c;
  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: -webkit-gradient(linear, left top, right top, from(white), to(rgba(200, 200, 200, 0.3)));
  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: -webkit-gradient(linear, left top, left bottom, from(white), to(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%;
  -webkit-transform: translate(-30%, -100%);
          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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
          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%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  background-color: #009cdc;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
          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 {
  -webkit-box-shadow: 1px 1px 5px #888888;
  box-shadow: 1px 1px 5px #888888;
}

.main__intro__button:hover,
.enroll__content__button:hover,
.history__content__button:hover {
  background-color: #b20054;
  border: 1px solid #b20054;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.about__content__button:hover,
.contacts__nested__card__button:hover {
  background-color: #2e2771;
  border: 1px solid #2e2771;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.service__nested__card__button:hover,
.team__nested__card__button:hover {
  background-color: #232329;
  border: 1px solid #232329;
  -webkit-transition: 0.2s ease;
  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: 60% 40%;
  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: #362e86;
  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;
}