.hide {
    display: none;
}

.form_wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.form{
    position: relative;
    width:400px;
    padding: 40px 20px 20px;
    -webkit-box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius:36px;
    margin-top:280px;
    z-index:2;
    background: #ffffff50;
}

.form.first_screen {
    padding: 20px;
    margin-top:0;
}

.form._modal{
    margin: 0 auto;
    max-width:460px;
    width:  100%;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    background: #F5F5F5;
}

.form h3{
    font-size: 1.5rem;
    margin-bottom:40px;
}

.form h3._bot20{
    margin-bottom: 40px;
}

.form h3._bot40 {
    min-height:  64px;
}

.form__input{
    border: 1px solid var(--color--black-op);
    background:transparent;
    width: 100%;
    height: 56px;
    padding: 16px 20px;
    margin-bottom:10px;
    border-radius:16px;
}

.form__item:not(.phone_wrapper) .form__input:focus,
.form__item:not(.phone_wrapper) .form__input.complete {
    padding: 24px 20px 8px;
}

.form__item {
    position: relative;
}

.form__item .label {
    position: absolute;
    left: 22px;
    transform: translateY(-50px);
    color: rgba(0, 0, 0, 0.302147);
    font-size: 16px;
    line-height: 24px;
    transition: all 0.2s ease;
    z-index: -1;
}

.phone_wrapper.form__item .label {
    left: 11px;
}


.phone_wrapper.form__item .label {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.form__item input:focus + .label,
.form__item input:focus + label + .label,
.form__item input.complete.error + label + .label,
.form__item input.complete.valid + label + .label,
.form__item input.complete.error + .label,
.form__item input.complete.valid + .label {
    transform: translateY(-55px);
    outline: 0;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.302147);
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.phone_wrapper.form__item input:focus + .label,
.phone_wrapper.form__item input:focus + label + .label,
.phone_wrapper.form__item input.complete.error + label + .label,
.phone_wrapper.form__item input.complete.valid + label + .label,
.phone_wrapper.form__item input.complete.error + .label,
.phone_wrapper.form__item input.complete.valid + .label {
    transform: translateY(-72px);
}

.form__input::placeholder{
    color: var(--color--black-op);
}

.form__input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.form__input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.form__input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.form__input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.form__input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.form__input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.form__input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.form__input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.form__input:focus,
.form__input.valid{
    border: 2px solid var(--color--pink);
}


.form__input.error {
    border: 2px solid red;
}

.form__btn{
    width: 100%;
}

.form._modal .form__btn{
    width: 100%;
    margin-top:  20px;
}

.form._modal .form__btn:disabled {
    background:  rgba(230,0,130,.3);
    cursor: inherit;
    box-shadow: 0px 12px 24px rgba(255, 0, 144, 0.25);
}

.form._modal .form__btn:disabled:hover {
    box-shadow: 0px 12px 24px rgba(255, 0, 144, 0.25);
}

.form__gradient1{
    position:absolute;
    left:0;
    top:120px;
    width:1300px;
    height:1300px;
    z-index:0;
}

.form__gradient2{
    position:absolute;
    right:0;
    top:50px;
    width:900px;
    height:900px;
    z-index:0;
}

/* fancybox */

.fancybox-slide--html {
    padding:  0;
}

.fancybox-content{
    overflow: visible;
    border-radius: 0;
    padding: 40px 20px 20px;
    max-width: 100%;
    width:  100%;
    min-height:  100vh;
    text-align: center;
    background: #F5F5F5;
}

.fancybox-slide--html .fancybox-close-small {
    padding: 0;
    right: 40px;
    top: 40px;
}

.fancybox-button {
    width: 40px;
    height: 40px;
}

.fancybox-button svg path {
    stroke-width: inherit;
}

.fancybox-content .soc{
    position: relative;
    margin: 40px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fancybox-content .h3{
    text-align:  left;
    margin-bottom: 40px;
}

.fancybox__content>.carousel__button.is-close{
    top: 10px;
    right: 10px;
}

.carousel__button svg{
    -webkit-filter: none;
    filter: none;
    stroke: #C4C4C4;
}

.form__radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
}

.form__check{
    display: block;
    position: relative;
    padding: 10px 0 10px 65px;
    color: var(--color--black-op);
    font-size: 12px;
    line-height: 16px;
}

.form__check a{
    text-decoration: underline;
    color: var(--color--black-op);
    -webkit-text-decoration-color: var(--color--black-op);
    text-decoration-color: var(--color--black-op);
}

.form__check a:hover{
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.form__check:before{
    content: '';
    position: absolute;
    left: 20px;
    top: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid var(--color--black-op);
    border-radius: 8px;
}

.form__radio:checked + label:before,
.form__check:hover:before{
    border: 2px solid var(--color--pink);
}


.form__radio:hover + label + .form__check:before,
.form__radio:hover + .form__check:before {
    background-image: url(../img/icon/check_hover.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.form__radio:checked:hover + .form__check:before,
.form__radio:checked:hover + label + .form__check:before,
.form__radio:checked + label + .form__check:before,
.form__radio:checked + .form__check:before{
    background-image: url(../img/icon/check.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.form__group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap:  wrap;
}

.form__radio{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-step{
    display:  inline-flex;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 8px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #00000030;    
    text-align: center;
    margin-bottom: 32px;
}


.q_answers {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
}

.q_answers li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 16px;
    margin: 0 0 10px;
    cursor: pointer;
    transition: .3s box-shadow;
}

.q_answers li:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 12px;
    margin-right: 10px;
    box-sizing: border-box; 
}

.q_answers li:after {
    position: absolute;
    left: 22px;
    top: 22px;
    content: '';
    width: 12px;
    height: 12px;
    background: rgba(230,0,130,.3);
    border-radius: 6px;
    opacity: 0;
    transition: .3s opacity;
}

.q_answers li.active,
.q_answers li:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.q_answers li.active:after,
.q_answers li:hover:after {
    background: rgba(230,0,130,1);  
    opacity: 1;
}

.q_answers li.active:before,
.q_answers li:hover:before {
    border: 2px solid #FF0090;
}


.thanks.fancybox-content{
    overflow: hidden!important;
}

.thanks_wrap {
    max-width: 460px;
    margin: 0 auto;
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.thanks.fancybox-content:before{
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%,0);
    width: 800px;
    height: 800px;
    background: -o-radial-gradient(center,  ellipse,  rgba(93,106,232,0.3) 10%,rgba(93,106,232,0) 70%,rgba(93,106,232,0) 100%);
    background: radial-gradient(ellipse at center,  rgba(93,106,232,0.3) 10%,rgba(93,106,232,0) 70%,rgba(93,106,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d5d6ae8', endColorstr='#005d6ae8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.fancybox-container {
    z-index: 1000000 !important;
}

.phone_wrapper {
    position: relative;
}

.phone_wrapper input {
    width: 100%;
    padding: 15px 0 15px 40px;
}

.phone_wrapper .iso-code {
    position: absolute;
    left: 40px;
    top: 20px;
}

.phone_wrapper .country {
    margin: 0;
    padding: 0 5px;
    position: absolute;
    top: 60px;
    width: 100%;
    height: auto;
    max-height: 280px;
    background: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.202169);
    box-sizing: border-box;
    overflow-y: scroll;
    z-index: 89;
    visibility: hidden;
    opacity: 0;
}

.phone_wrapper .country li {
    font-size: 15px;
    line-height: 20px;
    padding-left: 10px !important;
    border-radius: 15px;
}

.phone_wrapper .country li:hover {
    background: #F0F0F0;
}

.phone_wrapper .country:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 16px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid rgb( 255, 255, 255 );
    transform: rotate(-45deg);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.30);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.30);
    z-index: 1;
}

.phone_wrapper .country:after {
    content: '';
    position: absolute;
    top: -5.5px;
    left: 13px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid rgb( 255, 255, 255 );
    box-shadow: none;
    transform: rotate(-45deg);
    background: #fff;
    z-index: 99999;
}

.phone_wrapper .flag {
    display: block;
    position: absolute;
    top: 16px;
    left: 10px;
    border-radius: 50%;
    background: url(../images/flags/AE.png) center center no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    margin-right: 10px;
    cursor: pointer;
}

.phone_wrapper.usa .flag {
    background: url(../images/flags/US.png) center center no-repeat;
    background-size: contain !important;
}

.phone_wrapper .country:after,
.phone_wrapper .country:before {
    visibility: hidden;
}

.phone_wrapper.show .country {
    visibility: visible;
    opacity: 1;
    transition: .3s all;
}

.phone_wrapper .country li {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.phone_wrapper .country li:before {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain !important;
    margin-right: 10px;
    border-radius: 50%;
}

.popup .submit_inner {
    display: flex;
    margin: 40px 0 0;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}

.popup .submit_inner > div {
    position: relative;
}

#pass_popup .submit_inner {
    justify-content: center;
}

.phone_wrapper.usa .flag,
.phone_wrapper .country li.usa:before {
    background: url('../images/flags/US.png') center center no-repeat;
}

.phone_wrapper.russia .flag,
.phone_wrapper .country li.russia:before {
    background: url(../images/flags/RU.png) center center no-repeat;
}

.phone_wrapper.argentina .flag,
.phone_wrapper .country li.argentina:before {
    background: url(../images/flags/AR.png) center center no-repeat;
}

.phone_wrapper.austria .flag,
.phone_wrapper .country li.austria:before {
    background: url(../images/flags/AT.png) center center no-repeat;
}

.phone_wrapper.albania .flag,
.phone_wrapper .country li.albania:before {
    background: url(../images/flags/AL.png) center center no-repeat;
}

.phone_wrapper.armenia .flag,
.phone_wrapper .country li.armenia:before {
    background: url(../images/flags/AM.png) center center no-repeat;
}

.phone_wrapper.azerbaijan .flag,
.phone_wrapper .country li.azerbaijan:before {
    background: url(../images/flags/AZ.png) center center no-repeat;
}

.phone_wrapper.bangladesh .flag,
.phone_wrapper .country li.bangladesh:before {
    background: url(../images/flags/BD.png) center center no-repeat;
}

.phone_wrapper.bosnia .flag,
.phone_wrapper .country li.bosnia:before {
    background: url(../images/flags/BA.png) center center no-repeat;
}

.phone_wrapper.belgium .flag,
.phone_wrapper .country li.belgium:before {
    background: url(../images/flags/BE.png) center center no-repeat;
}

.phone_wrapper.belarus .flag,
.phone_wrapper .country li.belarus:before {
    background: url(../images/flags/BY.png) center center no-repeat;
}


.phone_wrapper.botswana .flag,
.phone_wrapper .country li.botswana:before {
    background: url(../images/flags/BW.png) center center no-repeat;
}

.phone_wrapper.australia .flag,
.phone_wrapper .country li.australia:before {
    background: url(../images/flags/AU.png) center center no-repeat;
}

.phone_wrapper.brazil .flag,
.phone_wrapper .country li.brazil:before {
    background: url(../images/flags/BR.png) center center no-repeat;
}


.phone_wrapper.bulgaria .flag,
.phone_wrapper .country li.bulgaria:before {
    background: url(../images/flags/BG.png) center center no-repeat;
}

.phone_wrapper.cambodia .flag,
.phone_wrapper .country li.cambodia:before {
    background: url(../images/flags/KH.png) center center no-repeat;
}

.phone_wrapper.canada .flag,
.phone_wrapper .country li.canada:before {
    background: url(../images/flags/CA.png) center center no-repeat;
}

.phone_wrapper.chile .flag,
.phone_wrapper .country li.chile:before {
    background: url(../images/flags/CL.png) center center no-repeat;
}

.phone_wrapper.china .flag,
.phone_wrapper .country li.china:before {
    background: url(../images/flags/CN.png) center center no-repeat;
}

.phone_wrapper.colombia .flag,
.phone_wrapper .country li.colombia:before {
    background: url(../images/flags/CO.png) center center no-repeat;
}

.phone_wrapper.checz_republic .flag,
.phone_wrapper .country li.checz_republic:before {
    background: url(../images/flags/CZ.png) center center no-repeat;
}

.phone_wrapper.costa_rica .flag,
.phone_wrapper .country li.costa_rica:before {
    background: url(../images/flags/CR.png) center center no-repeat;
}

.phone_wrapper.croatia .flag,
.phone_wrapper .country li.croatia:before {
    background: url(../images/flags/HR.png) center center no-repeat;
}

.phone_wrapper.cyprus .flag,
.phone_wrapper .country li.cyprus:before {
    background: url(../images/flags/CY.png) center center no-repeat;
}

.phone_wrapper.denmark .flag,
.phone_wrapper .country li.denmark:before {
    background: url(../images/flags/DK.png) center center no-repeat;
}

.phone_wrapper.dominican .flag,
.phone_wrapper .country li.dominican:before {
    background: url(../images/flags/DO.png) center center no-repeat;
}

.phone_wrapper.ecuador .flag,
.phone_wrapper .country li.ecuador:before {
    background: url(../images/flags/EC.png) center center no-repeat;
}

.phone_wrapper.egypt .flag,
.phone_wrapper .country li.egypt:before {
    background: url(../images/flags/EG.png) center center no-repeat;
}

.phone_wrapper.estonia .flag,
.phone_wrapper .country li.estonia:before {
    background: url(../images/flags/EE.png) center center no-repeat;
}

.phone_wrapper.ethiopia .flag,
.phone_wrapper .country li.ethiopia:before {
    background: url(../images/flags/ET.png) center center no-repeat;
}

.phone_wrapper.finland .flag,
.phone_wrapper .country li.finland:before {
    background: url(../images/flags/FI.png) center center no-repeat;
}

.phone_wrapper.france .flag,
.phone_wrapper .country li.france:before {
    background: url(../images/flags/FR.png) center center no-repeat;
}

.phone_wrapper.gambia .flag,
.phone_wrapper .country li.gambia:before {
    background: url(../images/flags/GM.png) center center no-repeat;
}

.phone_wrapper.georgia .flag,
.phone_wrapper .country li.georgia:before {
    background: url(../images/flags/GE.png) center center no-repeat;
}

.phone_wrapper.india .flag,
.phone_wrapper .country li.india:before {
    background: url(../images/flags/IN.png) center center no-repeat;
}

.phone_wrapper.germany .flag,
.phone_wrapper .country li.germany:before {
    background: url(../images/flags/DE.png) center center no-repeat;
}

.phone_wrapper.ghana .flag,
.phone_wrapper .country li.ghana:before {
    background: url(../images/flags/GH.png) center center no-repeat;
}

.phone_wrapper.greece .flag,
.phone_wrapper .country li.greece:before {
    background: url(../images/flags/GR.png) center center no-repeat;
}

.phone_wrapper.guatemala .flag,
.phone_wrapper .country li.guatemala:before {
    background: url(../images/flags/GT.png) center center no-repeat;
}

.phone_wrapper.guyana .flag,
.phone_wrapper .country li.guyana:before {
    background: url(../images/flags/GY.png) center center no-repeat;
}

.phone_wrapper.haiti .flag,
.phone_wrapper .country li.haiti:before {
    background: url(../images/flags/HT.png) center center no-repeat;
}

.phone_wrapper.hong_kong .flag,
.phone_wrapper .country li.hong_kong:before {
    background: url(../images/flags/HK.png) center center no-repeat;
}

.phone_wrapper.hungary .flag,
.phone_wrapper .country li.hungary:before {
    background: url(../images/flags/HU.png) center center no-repeat;
}

.phone_wrapper.indonesia .flag,
.phone_wrapper .country li.indonesia:before {
    background: url(../images/flags/ID.png) center center no-repeat;
}

.phone_wrapper.iran .flag,
.phone_wrapper .country li.iran:before {
    background: url(../images/flags/IR.png) center center no-repeat;
}

.phone_wrapper.iraq .flag,
.phone_wrapper .country li.iraq:before {
    background: url(../images/flags/IQ.png) center center no-repeat;
}

.phone_wrapper.ireland .flag,
.phone_wrapper .country li.ireland:before {
    background: url(../images/flags/IE.png) center center no-repeat;
}

.phone_wrapper.israel .flag,
.phone_wrapper .country li.israel:before {
    background: url(../images/flags/IL.png) center center no-repeat;
}

.phone_wrapper.italy .flag,
.phone_wrapper .country li.italy:before {
    background: url(../images/flags/IT.png) center center no-repeat;
}

.phone_wrapper.jamaica .flag,
.phone_wrapper .country li.jamaica:before {
    background: url(../images/flags/JM.png) center center no-repeat;
}

.phone_wrapper.japan .flag,
.phone_wrapper .country li.japan:before {
    background: url(../images/flags/JP.png) center center no-repeat;
}

.phone_wrapper.jordan .flag,
.phone_wrapper .country li.jordan:before {
    background: url(../images/flags/JO.png) center center no-repeat;
}

.phone_wrapper.kazahstan .flag,
.phone_wrapper .country li.kazahstan:before {
    background: url(../images/flags/KZ.png) center center no-repeat;
}

.phone_wrapper.kenya .flag,
.phone_wrapper .country li.kenya:before {
    background: url(../images/flags/KE.png) center center no-repeat;
}

.phone_wrapper.kuwait .flag,
.phone_wrapper .country li.kuwait:before {
    background: url(../images/flags/KW.png) center center no-repeat;
}

.phone_wrapper.latvia .flag,
.phone_wrapper .country li.latvia:before {
    background: url(../images/flags/LV.png) center center no-repeat;
}

.phone_wrapper.lebanon .flag,
.phone_wrapper .country li.lebanon:before {
    background: url(../images/flags/LB.png) center center no-repeat;
}

.phone_wrapper.lithuania .flag,
.phone_wrapper .country li.lithuania:before {
    background: url(../images/flags/LT.png) center center no-repeat;
}

.phone_wrapper.luxembourg .flag,
.phone_wrapper .country li.luxembourg:before {
    background: url(../images/flags/LU.png) center center no-repeat;
}

.phone_wrapper.macedonia .flag,
.phone_wrapper .country li.macedonia:before {
    background: url(../images/flags/MK.png) center center no-repeat;
}

.phone_wrapper.madagascar .flag,
.phone_wrapper .country li.madagascar:before {
    background: url(../images/flags/MG.png) center center no-repeat;
}

.phone_wrapper.malawi .flag,
.phone_wrapper .country li.malawi:before {
    background: url(../images/flags/MW.png) center center no-repeat;
}

.phone_wrapper.malaysia .flag,
.phone_wrapper .country li.malaysia:before {
    background: url(../images/flags/MY.png) center center no-repeat;
}

.phone_wrapper.marshall_islands .flag,
.phone_wrapper .country li.marshall_islands:before {
    background: url(../images/flags/MH.png) center center no-repeat;
}

.phone_wrapper.mauritius .flag,
.phone_wrapper .country li.mauritius:before {
    background: url(../images/flags/MU.png) center center no-repeat;
}

.phone_wrapper.mexico .flag,
.phone_wrapper .country li.mexico:before {
    background: url(../images/flags/MX.png) center center no-repeat;
}

.phone_wrapper.moldova .flag,
.phone_wrapper .country li.moldova:before {
    background: url(../images/flags/MD.png) center center no-repeat;
}

.phone_wrapper.morocco .flag,
.phone_wrapper .country li.morocco:before {
    background: url(../images/flags/MA.png) center center no-repeat;
}

.phone_wrapper.nepal .flag,
.phone_wrapper .country li.nepal:before {
    background: url(../images/flags/NP.png) center center no-repeat;
}

.phone_wrapper.netherlands .flag,
.phone_wrapper .country li.netherlands:before {
    background: url(../images/flags/NL.png) center center no-repeat;
}

.phone_wrapper.new_zealand .flag,
.phone_wrapper .country li.new_zealand:before {
    background: url(../images/flags/NZ.png) center center no-repeat;
}

.phone_wrapper.nigeria .flag,
.phone_wrapper .country li.nigeria:before {
    background: url(../images/flags/NG.png) center center no-repeat;
}

.phone_wrapper.norway .flag,
.phone_wrapper .country li.norway:before {
    background: url(../images/flags/NO.png) center center no-repeat;
}

.phone_wrapper.oman .flag,
.phone_wrapper .country li.oman:before {
    background: url(../images/flags/OM.png) center center no-repeat;
}

.phone_wrapper.pakistan .flag,
.phone_wrapper .country li.pakistan:before {
    background: url(../images/flags/PK.png) center center no-repeat;
}

.phone_wrapper.palestine .flag,
.phone_wrapper .country li.palestine:before {
    background: url(../images/flags/PS.png) center center no-repeat;
}

.phone_wrapper.panama .flag,
.phone_wrapper .country li.panama:before {
    background: url(../images/flags/PA.png) center center no-repeat;
}

.phone_wrapper.peru .flag,
.phone_wrapper .country li.peru:before {
    background: url(../images/flags/PE.png) center center no-repeat;
}

.phone_wrapper.philippines .flag,
.phone_wrapper .country li.philippines:before {
    background: url(../images/flags/PH.png) center center no-repeat;
}

.phone_wrapper.poland .flag,
.phone_wrapper .country li.poland:before {
    background: url(../images/flags/PL.png) center center no-repeat;
}

.phone_wrapper.portugal .flag,
.phone_wrapper .country li.portugal:before {
    background: url(../images/flags/PT.png) center center no-repeat;
}

.phone_wrapper.qatar .flag,
.phone_wrapper .country li.qatar:before {
    background: url(../images/flags/QA.png) center center no-repeat;
}

.phone_wrapper.romania .flag,
.phone_wrapper .country li.romania:before {
    background: url(../images/flags/RO.png) center center no-repeat;
}

.phone_wrapper.singapore .flag,
.phone_wrapper .country li.singapore:before {
    background: url(../images/flags/SG.png) center center no-repeat;
}

.phone_wrapper.saudi_arabia .flag,
.phone_wrapper .country li.saudi_arabia:before {
    background: url(../images/flags/SA.png) center center no-repeat;
}

.phone_wrapper.serbia .flag,
.phone_wrapper .country li.serbia:before {
    background: url(../images/flags/RS.png) center center no-repeat;
}

.phone_wrapper.slovakia .flag,
.phone_wrapper .country li.slovakia:before {
    background: url(../images/flags/SK.png) center center no-repeat;
}

.phone_wrapper.south_africa .flag,
.phone_wrapper .country li.south_africa:before {
    background: url(../images/flags/ZA.png) center center no-repeat;
}

.phone_wrapper.south_korea .flag,
.phone_wrapper .country li.south_korea:before {
    background: url(../images/flags/KR.png) center center no-repeat;
}

.phone_wrapper.spain .flag,
.phone_wrapper .country li.spain:before {
    background: url(../images/flags/ES.png) center center no-repeat;
}

.phone_wrapper.sri_lanka .flag,
.phone_wrapper .country li.sri_lanka:before {
    background: url(../images/flags/LK.png) center center no-repeat;
}

.phone_wrapper.switzerland .flag,
.phone_wrapper .country li.switzerland:before {
    background: url(../images/flags/CH.png) center center no-repeat;
}

.phone_wrapper.syria .flag,
.phone_wrapper .country li.syria:before {
    background: url(../images/flags/SY.png) center center no-repeat;
}

.phone_wrapper.sweden .flag,
.phone_wrapper .country li.sweden:before {
    background: url(../images/flags/SE.png) center center no-repeat;
}

.phone_wrapper.taiwan .flag,
.phone_wrapper .country li.taiwan:before {
    background: url(../images/flags/TW.png) center center no-repeat;
}

.phone_wrapper.thailand .flag,
.phone_wrapper .country li.thailand:before {
    background: url(../images/flags/TH.png) center center no-repeat;
}

.phone_wrapper.tunisia .flag,
.phone_wrapper .country li.tunisia:before {
    background: url(../images/flags/TN.png) center center no-repeat;
}

.phone_wrapper.turkey .flag,
.phone_wrapper .country li.turkey:before {
    background: url(../images/flags/TR.png) center center no-repeat;
}

.phone_wrapper.uganda .flag,
.phone_wrapper .country li.uganda:before {
    background: url(../images/flags/UG.png) center center no-repeat;
}

.phone_wrapper.UAE .flag,
.phone_wrapper .country li.UAE:before {
    background: url(../images/flags/AE.png) center center no-repeat;
}


.phone_wrapper.UK .flag,
.phone_wrapper .country li.UK:before {
    background: url(../images/flags/GB.png) center center no-repeat;
}

.phone_wrapper.ukraine .flag,
.phone_wrapper .country li.ukraine:before {
    background: url(../images/flags/UA.png) center center no-repeat;
}


@media screen and (max-width: 1024px){
    .form{
        margin-top: 80px;
        padding: 40px 20px 20px;
    }


    .fancybox-slide--html .fancybox-close-small {
        padding: 0;
        right: 20px;
        top: 40px;
    }

    .fancybox-button {
        width: 24px;
        height: 24px;
    }

    .form__gradient2{
        width: 750px;
        height: 750px;

    }

    .form__gradient1{
        left: -300px;
    }

    .form.first_screen {
        margin-top: 80px;
    }

    .q_answers li:hover {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
    }

    .q_answers li:hover:after {
        background: rgba(230,0,130,.3);  
        opacity: 0;
    }

    .q_answers li:hover:before {
        border: 1px solid rgba(0,0,0,.3);
    }

    .q_answers li.active {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    }

    .q_answers li.active:after {
        background: rgba(230,0,130,1);  
        opacity: 1;
    }

    .q_answers li.active:before {
        border: 2px solid #FF0090;
    }

}


@media screen and (max-width: 576px){
    .form_wrap {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    .fancybox-content{
        border-radius: 0;
        padding: 40px 20px 20px;
        max-width: 100%;
        text-align: left;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0!important;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

    .form{
        width: 100%;
    }

    .form-step{
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 40px;
    }

    .form__group{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form._modal .form__btn{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-right: 10px;
    }

    /*#form_step_two,*/
    /*#form_step_one{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    height: 100%;*/
    /*}*/

    /*#form_step_two .form__group,*/
    /*#form_step_one .form__group{*/
    /*    margin-top: auto;*/
    /*}*/

    .thanks.fancybox-content{
        top: auto;
        height: 450px;
        overflow-y: auto;
    }

}

@media screen and (max-width: 375px){

    .form._modal{
        margin: 0;
    }
}