/**
 * Generate font-face rule with custom font. mixin
 *
 * @param string $font-family
 * @param string $filename
 * @param string|array $default-fonts Second default font(s).
 * @param string|array $exts Extension(s) of custom font [eot ttf ... etc.].
 * @param string $font-style normal|italic|oblique
 * @param string $font-weight normal|bold|int
 * @param string $font-display Rule how to render custom font.
 */
/*----- Fonts -----*/
/*----- Variables -----*/
#page_about .page_header h1,
#page_contact .page_header h1,
#page_privacy .page_header h1,
#page_terms .page_header h1,
#page_legals .page_header h1,
#page_cookiepolicy .page_header h1, #page_featured_tools_top .page_header h1 {
  font-size: 40px;
  position: relative;
}
#page_about .page_header h1:after,
#page_contact .page_header h1:after,
#page_privacy .page_header h1:after,
#page_terms .page_header h1:after,
#page_legals .page_header h1:after,
#page_cookiepolicy .page_header h1:after, #page_featured_tools_top .page_header h1:after {
  content: '';
  display: block;
  padding-top: 25px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 25px;
}
#page_about .page_header .description,
#page_contact .page_header .description,
#page_privacy .page_header .description,
#page_terms .page_header .description,
#page_legals .page_header .description,
#page_cookiepolicy .page_header .description, #page_featured_tools_top .page_header .description {
  font-size: 18px;
  margin-bottom: 25px;
}
#page_about .page_header .description span,
#page_contact .page_header .description span,
#page_privacy .page_header .description span,
#page_terms .page_header .description span,
#page_legals .page_header .description span,
#page_cookiepolicy .page_header .description span, #page_featured_tools_top .page_header .description span {
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  #page_about .page_header h1,
  #page_contact .page_header h1,
  #page_privacy .page_header h1,
  #page_terms .page_header h1,
  #page_legals .page_header h1,
  #page_cookiepolicy .page_header h1, #page_featured_tools_top .page_header h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 639px) {
  #page_about .page_header h1,
  #page_contact .page_header h1,
  #page_privacy .page_header h1,
  #page_terms .page_header h1,
  #page_legals .page_header h1,
  #page_cookiepolicy .page_header h1, #page_featured_tools_top .page_header h1 {
    font-size: 27px;
  }
}

@-webkit-keyframes button_bg {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: -100% center;
  }
}
@-moz-keyframes button_bg {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: -100% center;
  }
}
@-o-keyframes button_bg {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: -100% center;
  }
}
@keyframes button_bg {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: -100% center;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes glow {
  from {
    box-shadow: 0 0 5px 0 #00CC66;
  }
  to {
    box-shadow: 0 0 7px 2px #00CC66;
  }
}
#page_featured_tools_top .tools_list li {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #fff;
}

#page_featured_tools_top .tools_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1140px;
  margin: 0 auto;
}
#page_featured_tools_top .tools_list li {
  width: 360px;
  position: relative;
  margin-top: 52px;
  font-size: 14px;
  line-height: 22px;
  padding: 45px 20px 78px;
  text-align: center;
  color: #10002f;
}
#page_featured_tools_top .tools_list li h3 {
  font-size: 20px;
}
#page_featured_tools_top .tools_list li .text {
  margin-top: 10px;
}
#page_featured_tools_top .tools_list li a {
  margin-top: 5px;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  color: #0000ff;
  position: absolute;
  bottom: 24px;
  left: 50%;
  text-decoration: underline;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  white-space: nowrap;
}
#page_featured_tools_top .tools_list li a:hover {
  text-decoration: none;
}
#page_featured_tools_top .tools_list li:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background: url('../images/sprite.1123518854.svg') no-repeat;
}
#page_featured_tools_top .tools_list li.item1:before {
  background-position: 0px -500px;
}
#page_featured_tools_top .tools_list li.item2:before {
  background-position: -60px -500px;
}
#page_featured_tools_top .tools_list li.item3:before {
  background-position: -120px -500px;
}
#page_featured_tools_top .tools_list li.item4:before {
  background-position: -180px -500px;
}
#page_featured_tools_top .tools_list li.item5:before {
  background-position: -240px -500px;
}
#page_featured_tools_top .tools_list li.item6:before {
  background-position: -300px -500px;
}
#page_featured_tools_top .tools_list li.item7:before {
  background-position: -360px -500px;
}
#page_featured_tools_top .tools_list li.item8:before {
  background-position: -420px -500px;
}
#page_featured_tools_top .tools_list li.item9:before {
  background-position: -480px -500px;
}
#page_featured_tools_top .tools_list li.item10:before {
  background-position: -540px -500px;
}
#page_featured_tools_top .tools_list li.item11:before {
  background-position: -600px -500px;
}
#page_featured_tools_top .tools_list li.item12:before {
  background-position: -660px -500px;
}
#page_featured_tools_top .tools_list li.item13:before {
  background-position: -720px -500px;
}
#page_featured_tools_top .tools_list li.item14:before {
  background-position: -780px -500px;
}
#page_featured_tools_top .tools_list li.item15:before {
  background-position: -840px -500px;
}
#page_featured_tools_top .tools_list li.item16:before {
  background-position: -900px -500px;
}
#page_featured_tools_top .tools_list li.item17:before {
  background-position: 0 -560px;
}
#page_featured_tools_top .tools_list li.item18:before {
  background-position: -60px -560px;
}
#page_featured_tools_top .tools_list li.item19:before {
  background-position: -120px -560px;
}
#page_featured_tools_top .tools_list li.item20:before {
  background-position: -180px -560px;
}
#page_featured_tools_top .tools_list li.item21:before {
  background-position: -240px -560px;
}
#page_featured_tools_top .tools_list li.item22:before {
  background-position: -300px -560px;
}
#page_featured_tools_top .tools_list li.item23:before {
  background-position: -360px -560px;
}
#page_featured_tools_top .tools_list li.item24:before {
  background-position: -420px -560px;
}
#page_featured_tools_top .tools_list li.item25:before {
  background-position: -480px -560px;
}
#page_featured_tools_top .tools_list li.item26:before {
  background-position: -540px -560px;
}
#page_featured_tools_top .tools_list li.item27:before {
  background-position: -600px -560px;
}
#page_featured_tools_top .tools_list li.item28:before {
  background-position: -660px -560px;
}
#page_featured_tools_top .tools_list li.item29:before {
  background-position: -720px -560px;
}
#page_featured_tools_top .tools_list li.item30:before {
  background-position: -780px -560px;
}
@media screen and (max-width: 1620px) {
  #page_featured_tools_top .tools_list li {
    width: 49%;
  }
}
@media screen and (max-width: 1140px) {
  #page_featured_tools_top .tools_list li {
    width: 100%;
  }
}

#page_about,
#page_contact,
#page_privacy,
#page_terms,
#page_legals,
#page_cookiepolicy {
  max-width: 980px;
}
#page_about .page_content ul,
#page_about .page_content ol,
#page_contact .page_content ul,
#page_contact .page_content ol,
#page_privacy .page_content ul,
#page_privacy .page_content ol,
#page_terms .page_content ul,
#page_terms .page_content ol,
#page_legals .page_content ul,
#page_legals .page_content ol,
#page_cookiepolicy .page_content ul,
#page_cookiepolicy .page_content ol {
  margin: 20px 0 0 40px;
}
#page_about .page_content ul,
#page_contact .page_content ul,
#page_privacy .page_content ul,
#page_terms .page_content ul,
#page_legals .page_content ul,
#page_cookiepolicy .page_content ul {
  list-style: circle;
}
#page_about .page_content ul li,
#page_contact .page_content ul li,
#page_privacy .page_content ul li,
#page_terms .page_content ul li,
#page_legals .page_content ul li,
#page_cookiepolicy .page_content ul li {
  margin-top: 10px;
}
#page_about .page_content ul li:first-child,
#page_contact .page_content ul li:first-child,
#page_privacy .page_content ul li:first-child,
#page_terms .page_content ul li:first-child,
#page_legals .page_content ul li:first-child,
#page_cookiepolicy .page_content ul li:first-child {
  margin-top: 0;
}
#page_about .page_content ul + h2,
#page_about .page_content ul + h3,
#page_about .page_content ul + h4,
#page_about .page_content ul + h5,
#page_about .page_content ul + h6,
#page_contact .page_content ul + h2,
#page_contact .page_content ul + h3,
#page_contact .page_content ul + h4,
#page_contact .page_content ul + h5,
#page_contact .page_content ul + h6,
#page_privacy .page_content ul + h2,
#page_privacy .page_content ul + h3,
#page_privacy .page_content ul + h4,
#page_privacy .page_content ul + h5,
#page_privacy .page_content ul + h6,
#page_terms .page_content ul + h2,
#page_terms .page_content ul + h3,
#page_terms .page_content ul + h4,
#page_terms .page_content ul + h5,
#page_terms .page_content ul + h6,
#page_legals .page_content ul + h2,
#page_legals .page_content ul + h3,
#page_legals .page_content ul + h4,
#page_legals .page_content ul + h5,
#page_legals .page_content ul + h6,
#page_cookiepolicy .page_content ul + h2,
#page_cookiepolicy .page_content ul + h3,
#page_cookiepolicy .page_content ul + h4,
#page_cookiepolicy .page_content ul + h5,
#page_cookiepolicy .page_content ul + h6 {
  margin-top: 2em;
}
#page_about a,
#page_contact a,
#page_privacy a,
#page_terms a,
#page_legals a,
#page_cookiepolicy a {
  font-weight: bold;
  color: #3cb4e6;
}
#page_about a:hover,
#page_contact a:hover,
#page_privacy a:hover,
#page_terms a:hover,
#page_legals a:hover,
#page_cookiepolicy a:hover {
  text-decoration: underline;
}
#page_about table,
#page_contact table,
#page_privacy table,
#page_terms table,
#page_legals table,
#page_cookiepolicy table {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #page_about h1,
  #page_contact h1,
  #page_privacy h1,
  #page_terms h1,
  #page_legals h1,
  #page_cookiepolicy h1 {
    font-size: 24px;
  }
  #page_about ul,
  #page_about ol,
  #page_contact ul,
  #page_contact ol,
  #page_privacy ul,
  #page_privacy ol,
  #page_terms ul,
  #page_terms ol,
  #page_legals ul,
  #page_legals ol,
  #page_cookiepolicy ul,
  #page_cookiepolicy ol {
    margin-left: 30px;
  }
}

#page_contact .columns,
#page_contact .form_wrap {
  border-top: 1px solid #e0e0e2;
  margin-top: 30px;
  padding-top: 30px;
}
#page_contact .columns {
  display: flex;
}
#page_contact .columns > div {
  margin-left: 100px;
}
#page_contact .columns > div:first-child {
  margin-left: 0;
}
#page_contact .columns .info {
  margin-top: 15px;
}
#page_contact .columns .info .day {
  display: inline-block;
  width: 100px;
}
#page_contact .columns .info .time {
  color: #888097;
}
#page_contact .form_wrap form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
#page_contact .form_wrap form .input,
#page_contact .form_wrap form .submit {
  width: 32%;
}
@media screen and (max-width: 959px) {
  #page_contact .columns > div {
    margin-left: 40px;
  }
  #page_contact .columns h3 {
    font-size: 20px;
  }
  #page_contact .form_wrap {
    min-height: 400px;
  }
  #page_contact .form_wrap form .input,
  #page_contact .form_wrap form .submit {
    width: 48.5%;
  }
}
@media screen and (max-width: 767px) {
  #page_contact .columns,
  #page_contact .form_wrap {
    margin-top: 20px;
    padding-top: 20px;
  }
  #page_contact .columns h3,
  #page_contact .form_wrap h3 {
    font-size: 18px;
  }
  #page_contact .columns {
    display: block;
  }
  #page_contact .columns > div {
    margin: 20px 0 0;
  }
  #page_contact .columns > div:first-child {
    margin-top: 0;
  }
  #page_contact .form_wrap {
    min-height: 0;
    padding-bottom: 50px;
  }
  #page_contact .form_wrap form {
    display: block;
  }
  #page_contact .form_wrap form .input,
  #page_contact .form_wrap form .submit {
    width: auto;
  }
}

#page_featured_tools_top {
  max-width: 1140px;
  margin: 0 auto;
}
#page_featured_tools_top .page_header h1 {
  text-align: center;
}
#page_featured_tools_top .form_wrap {
  text-align: center;
}
#page_featured_tools_top .form_wrap .input_wrap {
  max-width: 680px;
  margin: 20px auto 0;
  position: relative;
  border-radius: 10px;
}
#page_featured_tools_top .form_wrap .input_wrap input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  border-radius: 10px;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0;
}
#page_featured_tools_top .form_wrap .input_wrap input:focus-within {
  border-color: #0000ff;
}
#page_featured_tools_top .form_wrap .input_wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  background: transparent;
  margin: 0;
}
#page_featured_tools_top .form_wrap .input_wrap .submit:before {
  content: '';
  width: 28px;
  height: 28px;
  background: url('../images/sprite.1123518854.svg') no-repeat -60px -200px;
  position: absolute;
  top: 16px;
  right: 16px;
}
#page_featured_tools_top .main {
  padding-bottom: 110px;
}
#page_featured_tools_top main {
  max-width: 1560px;
}

/*# sourceMappingURL=pages.css.map */