@charset "UTF-8";
/*Variables*/
/*COLORS*/
/*ANIMATIONS*/
/*FONTS*/
/*@mixin fbb {font-family: 'OpenSans-ExtraBold';}*/
/*--------- font-face ---------*/
@font-face {
  font-family: 'GothamPro-Bold';
  src: url("../css/fonts/gothampro/GothamPro-Bold.eot");
  src: local("☺"), url("../css/fonts/gothampro/GothamPro-Bold.woff") format("woff"), url("../css/fonts/gothampro/GothamPro-Bold.ttf") format("truetype"), url("../css/fonts/gothampro/GothamPro-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GothamPro-Light';
  src: url("../css/fonts/gothampro/GothamPro-Light.eot");
  src: local("☺"), url("../css/fonts/gothampro/GothamPro-Light.woff") format("woff"), url("../css/fonts/gothampro/GothamPro-Light.ttf") format("truetype"), url("../css/fonts/gothampro/GothamPro-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GothamPro';
  src: url("../css/fonts/gothampro/GothamPro.eot");
  src: local("☺"), url("../css/fonts/gothampro/GothamPro.woff") format("woff"), url("../css/fonts/gothampro/GothamPro.ttf") format("truetype"), url("../css/fonts/gothampro/GothamPro.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GothamPro-Medium';
  src: url("../css/fonts/gothampro/GothamPro-Medium.eot");
  src: local("☺"), url("../css/fonts/gothampro/GothamPro-Medium.woff") format("woff"), url("../css/fonts/gothampro/GothamPro-Medium.ttf") format("truetype"), url("../css/fonts/gothampro/GothamPro-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

div, ul, ol, li, h1, h2, h3, h4, form, input, textarea, p {
  padding: 0;
  margin: 0; }

img {
  border: 0; }

ul, nav {
  list-style: none; }

input:focus, button:focus, a:focus, textarea:focus {
  outline: none !important; }

textarea {
  resize: none; }

section {
  max-width: 100%; }

a {
  color: #414141;
  text-decoration: none; }

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #414141; }

a img {
  border: none; }

img {
  max-width: 100%;
  display: block;
  border-style: none; }

input,
textarea {
  vertical-align: middle;
  color: #414141;
  outline: none; }

form {
  margin: 0;
  padding: 0;
  border-style: none; }

input[type="text"],
input[type="submit"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px; }

input[type="email"] {
  box-shadow: none;
  -webkit-box-shadow: none; }

input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="submit"] {
  cursor: pointer; }

input[type="submit"]:focus {
  outline: none;
  border: none;
  box-shadow: none; }

button:focus {
  outline: none;
  border: none;
  box-shadow: none; }

button {
  cursor: pointer; }

p {
  max-width: 100%;
  margin: 0 0 10px; }

p, span, label, h1, h2, h3, h4, strong, i {
  max-width: 100%;
  word-wrap: break-word; }

div {
  word-wrap: break-word; }

@font-face {
  font-family: "Icons";
  src: url("fonts/Icons.eot");
  src: url("fonts/Icons.eot?#iefix") format("eot"), url("fonts/Icons.woff") format("woff"), url("fonts/Icons.ttf") format("truetype"), url("fonts/Icons.svg#Icons") format("svg"); }

body {
  font-size: 18px;
  line-height: 20px;
  color: #414141;
}

a, i {
  transition: all .3s ease-in;
  outline: none; }

button, button:focus {
  outline: none !important; }

img {
  display: inline-block; }

p {
  margin-bottom: 0; }

.wrap_style {
  max-width: 1700px;
  width: 100%;
  margin: 0 auto; }

.wrap_padding {
  padding: 0 15px;
  box-sizing: border-box; }

h1, h2, h3, h4 {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: normal; }

h1 {
  font-size: 30px;
  line-height: 38px; }

h2 {
  font-size: 28px;
  line-height: 36px; }

h3 {
  font-size: 26px;
  line-height: 34px; }

h4 {
  font-size: 24px;
  line-height: 32px; }

body, html {
  height: 100%;
  background: #fff; }

body {
  overflow-x: hidden;
  margin: 0; }

@media (max-width: 992px) {
  body {
    cursor: pointer; } }

.faq {
  padding: 50px 15px 80px;
  background: #fafafa; }

.faq .tab_wr {
  display: -ms-flexbox;
  display: flex; }

.faq .tab_wr > div {
  /* height: 418px; */
  overflow-x: hidden;
  overflow-y: auto;
  width: 50%; }

@media (max-width: 1024px) {
  /* .faq .tab_wr.mobile {
    display: block; }
  .faq .tab_wr.desk {
    display: none; }  */
    .faq .main_cont .tab_child__title {
      font-size: 12px;
    }
  }

.faq .tab_filter li {
  font-size: 18px;
  line-height: 1.1;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E3E3E3;
  margin-right: 60px;
  cursor: pointer; }
  
  @media screen and (max-width: 480px) {

    .faq .tab_filter li {
      font-size: smaller;
      margin-right: 20px;
    }

  }

.faq .tab_filter li:hover, .faq .tab_filter li:active, .faq .tab_filter li:focus {
  color: #24C063; }

.faq .tab_filter li.active {
  position: relative;
  font-size: 30px;
  line-height: 1;
  /* font-family: 'GothamPro-Medium', serif; */
  color: #24C063; }

  
  @media (max-width: 1024px) {
    .faq .tab_filter li.active {
        font-size: 12px;
      }
    }

.faq .tab_filter li.active:before {
  content: "";
  display: inline-block;
  left: 0;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid #24C063;
  vertical-align: middle;
  margin-right: 15px;
  top: 2px; }

.faq .main_cont {
  padding: 0 15px 0 100px; }

@media (max-width: 1200px) {
  .faq .main_cont {
    padding: 0 15px 0 50px; } }

@media (max-width: 480px) {
  .faq .main_cont {
    padding: 0; } }    

.faq .main_cont .tab_child__title {
  /* font-family: 'GothamPro-Medium', serif; */
  font-size: 28px;
  line-height: 1;
  margin-bottom: 15px; 
}

.faq .main_cont .tab_child__descr {
  color: #626262;
  font-size: 18px;
  line-height: 1.8; }

  @media (max-width: 1024px) {
    .faq .main_cont .tab_child__title {
      font-size: 18px;
    }
    .faq .main_cont .tab_child__descr {
      font-size: 12px;
    }
  }

@media (max-width: 1024px) {
  .faq {
    padding: 30px; } }