html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
progress {vertical-align: baseline;}
template,
[hidden] {
  display: none;
}
a {background-color: transparent; -webkit-text-decoration-skip: objects;}
a:active, a:hover {outline-width: 0;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: inherit; font-weight: bolder;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
mark {background-color: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
code, kbd, pre, samp {font-family: monospace,monospace; font-size: 1em;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea {font: inherit; margin: 0;}
optgroup {font-weight: 700;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {overflow: auto;}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
p, figure, h1, h2, h3, h4, h5, h6 {margin: 0;}
/*normalize css */

/*begin general css */
ul {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none;}
* {box-sizing: border-box;}
a, button, input, textarea, .js-svg {
  -webkit-transition: background .2s, border .2s, color .2s;
  -o-transition: background .2s, border .2s, color .2s;
  transition: background .2s, border .2s, color .2s;
}
body {font-family:'Open Sans',Arial,Helvetica,sans-serif !important;}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('☺'),
         url('../fonts/Gilroy-Light.woff') format('woff'),
         url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('☺'),
         url('../fonts/Gilroy-Medium.woff') format('woff'),
         url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/*end general css */
.thank_you p {
    color: #fff;
    text-align: center;
    font-size: 22px;
}




.test{
  text-align: left;
  display: flex;
  align-items: center;
}

.quest_block{
  width: 100%;
  margin: 0 auto;
  min-height: 500px;
  height: unset;
  overflow: hidden;
}

.quest_block_inner{
  height: 120px;
  display: grid;
  grid-template-columns: 100% 100%;
  align-items: start;
}
.btn_block{
  margin-top: 40px;
}
.btn_text{
  color: #fff;
  text-align: left;
  margin-top: 40px;
}
.btn_text span{
  color: #e6502a;
  font-weight: 500;
}

@media screen and (max-width: 768px){
  .btn_block{
  text-align: center;
  margin-top: 30px;
}
.btn_text{
  color: #fff;
  text-align: center;
  margin-top: 0px;
}
.btn_text span{
  color: #e6502a;
  font-weight: 500;
}
}

.tel_btn{
  display: table;
  margin: 20px auto 0;
  color: #fff;
  border-radius: 2px;
  font-weight: 500;
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  padding: 10px 20px 10px 45px;
  background: url('../img/mob_tel.svg') left 15px center / 20px no-repeat, 
  linear-gradient(#84cc5a, #58BC1E 50%, #3c8014);
}
.tel_btn:hover{
  background-image: url(../img/mob_tel.svg), 
  linear-gradient(#97ec65, #6bd82c 50%, #3c8014);
}


.first_btn{
  margin: 0 auto;
  text-align: center;
  transition: 1.4s;
}
.questions{
  transition: 0.7s;
}
.questions.active{
  transform: translateX(-100%);
}
.first_btn.hidden{
  transform: translateX(-200%);
}

.title{
  text-align: left;
  color: #fff !important;
  font-size: 40px !important;
  margin-bottom: 25px !important;
  font-weight: 700 !important;
}
.title_2{
  font-size: 26px;
}
.sub_title{
  text-align: left;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}

@media screen and (max-width: 768px){
  .title{
  text-align: center;
  color: #fff !important;
  font-size: 23px !important;
  margin-bottom: 25px !important;
  font-weight: 700 !important;
}

.sub_title{
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
}

.quest_option{
  padding: 20px;
}

@media screen and (max-width: 768px){
  .quest_option{
  padding-top: 30px !important;
  padding: 0px !important;
}
}

.quest_item{
  width: 100%;
  height: 100%;
  outline: none;
  /*margin-bottom: 20px;*/
}
.quest_title{
  white-space: normal;
  color: #fff;
  font-size: 28px;
  text-align: center;
  font-weight: 500;
  /*padding-bottom: 15px;*/
  /*border-bottom: 3px solid #e1c05b;*/
}
.quest_option{
  text-align: center;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.quest_option .btn{
  font-size: 24px;
  padding: 10px 30px;
}
.quest_option .btn input{
  display: none;
}

.quest_control{
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.quest_btn{
  display: block;
  width: unset;
  border: none;
  outline: none;
  padding: 5px 20px;
  font-size: 14px;
}
.quest_control .quest_btn{
  padding: 5px 20px;
}
.quest_control .quest_btn.next{
  margin-left: 30px;
}

.last_opt{
  grid-template-columns: repeat(2, 42%);
  justify-content: space-between;
}
.last_opt input{
  width: auto;
  margin: 0;
  padding: 10px 20px;
}
.last_opt input.error {
    border-color: red;
}
.payment_btn{
  margin: 0 auto;
  width: 290px !important;
  height: unset !important;
  outline: none;
  grid-column: 1/3;
}

@media screen and (max-width: 768px){
.payment_btn{
  margin: 0 auto;
  width: 280px !important;
  height: unset !important;
  outline: none;
  grid-column: 1/3;
}
}

.last_opt input,
.payment_btn{
  font-size: 20px;
}
#payment_alert{
  display: none;
  padding: 30px;
  width: 400px;
}
#payment_alert p{
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #e6c151;
  text-align: center;
}
.values{
  display: none;
}

.btn{
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #027900;
  background: #027900;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.24);
}


.last_opt input{
  width: 280px;
  outline: none;
  border: 1px solid #E1C05B;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 15px 30px;
  background: #FAFAFA;
  box-shadow: inset 4px 4px 30px rgba(110, 141, 189, 0.15);
}

.advan_list{
  width: 400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.advan_list > li{
  margin-bottom: 10px;
}
.llist_tem{
  color: #fff;
  font-size: 20px;
  padding-left: 30px;
}
.list_img{
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 4px;
  background: url('../img/check.svg') center / 12px no-repeat, #58BC1E;
}


.present{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/test_bg.jpg') center / cover no-repeat;
}

.present_block{
  width: 60%;
  margin: 0 auto;
  height: 400px;
}
.video_block{
  display: grid;
  grid-template-columns: repeat(3, 300px);
  justify-content: space-between;
  grid-gap: 20px;
}
.video_item{
  width: 100%;
  height: 400px;
}
.video_item iframe,
.present_block iframe{
  width: 100%;
  height: 300px;
}
.video_title{
  color: #fff;
  margin-top: 10px;
}

@media screen and (max-width: 1030px){
  .video_block{
    grid-template-columns: repeat(2, 48%);
  }
  .quest_block_form{
    width: 100%;
  }
}


@media screen and (max-width: 870px){
  .quest_block{
    width: 100%;
  }
  .quest_option .btn{
    font-size: 20px;
    padding: 5px 15px;
  }
  .quest_title{
    font-size: 24px;
  }
  .title{
    font-size: 30px;
  }
  .payment_btn.btn{
    padding: 10px;
  }
  .last_opt input{
    padding: 15px;
    font-size: 16px;
  }
  .quest_control{
    margin-top: 0;
  }
  .present_block{
    width: 80%;
  }
}

@media screen and (max-width: 620px){
  .first_btn{
    width: 100%;
	  font-size: 17px !important;
  }
  .quest_option .btn,
  .quest_control .quest_btn{
    font-size: 16px;
  }
  .quest_option{
    margin-top: 20px;
  }
  .last_opt{
    grid-template-columns: repeat(2, 48%);
    grid-gap: 30px 10px;
  }
  .last_opt input{
    padding: 10px;
    font-size: 14px;
  }
  .video_block{
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 530px){
  .quest_option{
    flex-direction: column;
  }
  .quest_option .btn{
    padding: 10px 15px;
  }
  .last_opt{
    grid-gap: 20px 10px;
  }
  .llist_tem{
    font-size: 16px;
  }
  .btn{
    margin-bottom: 20px;
  }
  .present_block{
    width: 100%;
    height: 300px;
  }
  .present_block iframe{
    height: 250px;
  }
  .advan_list {
    width: 320px;
  }
}

@media screen and (max-width: 400px){
  .quest_option{
    grid-template-columns: 100%;
  }
  .payment_btn{
    grid-column: auto;
  }
  .quest_title{
    font-size: 20px;
  }
  .title{
    font-size: 24px;
  }
  .last_opt input,
  .payment_btn{
    margin-top: 0 !important;
  }
  .present_block{
    height: 250px;
  }
  .video_item{
    height: 270px;
  }
  .present_block iframe,
  .video_item iframe{
    height: 200px;
  }
  .advan_list{
    width: 100%;
  }
}

@media screen and (max-width: 350px){
  .llist_tem{
    font-size: 14px;
  }
  .advan_list > li{
    margin-bottom: 7px;
  }
}



body.tit-dom{
  color: #000 !important;
  font-size: 60px !important;
}


.p-dom-bg{
  color: #000 !important;
}