@font-face {
    src: url('../fonts/Montserrat-Regular.ttf');
    font-family: 'Montserrat-Regular';
}
@font-face {
    src: url('../fonts/Montserrat-Medium.ttf');
    font-family: 'Montserrat-Medium';
}
@font-face {
    src: url('../fonts/Montserrat-Bold.ttf');
    font-family: 'Montserrat-Bold';
}
@font-face {
    src: url('../fonts/Montserratarm-Regular.otf');
    font-family: 'Montserratarm-Regular';
}
@font-face {
    src: url('../fonts/Montserratarm-Medium.otf');
    font-family: 'Montserratarm-Medium';
}
@font-face {
    src: url('../fonts/Montserratarm-Bold.ttf');
    font-family: 'Montserratarm-Bold';
}

html[lang="ru-RU"], html[lang="ru-RU"] input, html[lang="ru-RU"] textarea,

html[lang="en-US"], html[lang="en-US"] input, html[lang="en-US"] textarea{

    font-family: 'Montserrat-Medium';

}

html[lang="hy-HY"], html[lang="hy-HY"] input, html[lang="hy-HY"] textarea {

    font-family: 'Montserratarm-Medium';

}

html[lang="hy-HY"] h1, html[lang="hy-HY"] h2, html[lang="hy-HY"] h3,

html[lang="hy-HY"] h4, html[lang="hy-HY"] h5, html[lang="hy-HY"] strong,

html[lang="hy-HY"] h6, html[lang="hy-HY"] .bold_text, html[lang="hy-HY"] b{

    font-family: 'Montserratarm-Bold';

}

html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3,

html[lang="ru-RU"] h4, html[lang="ru-RU"] h5,

html[lang="ru-RU"] h6, html[lang="ru-RU"] .bold_text,

html[lang="en-US"] h1, html[lang="en-US"] h2, html[lang="en-US"] h3,

html[lang="en-US"] h4, html[lang="en-US"] h5,

html[lang="en-US"] h6, html[lang="en-US"] .bold_text,

html[lang="en-US"] strong, .html[lang="en-US"] b,

html[lang="ru-RU"] strong, html[lang="ru-RU"] b{

    font-family: 'Montserrat-Bold';

}

html[lang="hy-HY"] .medium_text{

    font-family: 'Montserratarm-Medium';

}

html[lang="ru-RU"] .medium_text, html[lang="en-US"] .medium_text{

    font-family: 'Montserrat-Medium';

}

html[lang="hy-HY"] .semiBold_text{

    font-family: 'Montserratarm-SemiBold';

}

html[lang="ru-RU"] .semiBold_text, html[lang="en-US"] .semiBold_text{

    font-family: 'Montserrat-SemiBold';

}

html[lang="hy-HY"] .regular_text{

    font-family: 'Montserratarm-Regular';

}

html[lang="ru-RU"] .regular_text, html[lang="en-US"] .regular_text{

    font-family: 'Montserrat-Regular';

}





* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    outline: none;

    border: none;

    box-sizing: border-box;

    transition: all 300ms ease-out;

}

*:hover {

    transition: all 0.3s ease-in;

}

html {

    scroll-behavior: smooth;

    overflow-x: hidden;

}

a {

    text-decoration: none;

    color: var(--black);

}

img, video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

:root {

    --black: #282828;

    --greyFont: rgba(40, 40, 40, 0.60);

    --fontBlack: #282828;

    --brandBlue:  #0B78D1;

    --blueBold: #0c5693;

    --grayBack: #F4F4F4;

    --white: #FFF;

}

:root {

    --twelve: 12px;

    --forteen: 14px;

    --sixteen: 16px;

    --eighteen: 18px;

    --twenty: 20px;

    --fontTwentyTwo: 22px;

    --twofour: 24px;

    --titleFont: 30px;

}

.wrapper {

    max-width: 1460px;

    width: 100%;

    padding: 0 30px;

    margin: 0 auto;

}

.sto_ {

    width: 100%;

}

.full_wrapper {

    max-width: 1920px;

    width: 100%;

    margin: 0 auto;

}

.d_flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

body{

    color: var(--black);

}

ul, ol{

    padding-left: 20px;

}



/* header */

header{

    position: absolute;

    top: 40px;

    left: 0;

    right: 0;

    z-index: 10;

}

.header_block{

    gap: 20px;

    position: relative;

    justify-content: center;

}
#menu-header-menu{
    width: 100%;
    padding: 0;
}
.inps_err_blck .wpcf7-form-control-wrap{
    width: 100%;
}
.burger_block{

    position: absolute;

    top: 100%;

    max-width: 460px;

    width: 100%;

    flex-direction: column;

    align-items: start;

    padding: 30px 20px;

    border-radius: 28px;

    z-index: -1;

    background-color: var(--white);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-20px);

    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;

}

.burger_block_active{

    z-index: 10;

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.nav_alink{

    cursor: pointer;

    font-size: 24px;

    padding: 10px;

    border-radius: 20px;

}
.drp_svg svg{
    width: 20px;
    height: 20px;
}

.nav_alink:hover{

    color: var(--brandBlue);

    background: #CBE7FF;

}

.nav_alink:hover a{

    color: var(--brandBlue);

}

.burger_svg_active svg path{

    stroke: var(--brandBlue);

}

.header_logo{

    max-width: 145px;

    margin-right: auto;

}

.drp_svg{

    cursor: pointer;

    transform: rotate(180deg);

}

.acc_block{

    height: 0;

    overflow: hidden;

    flex-direction: column;

    align-items: start;

}

.acc_block_active{

    padding-bottom: 20px;

    height: auto;

}

.nav_bar{

    padding: 10px 20px;

    background-color: var(--white);

    border-radius: 90px;

    gap: 20px;

}

.burger_btn{

    border: 1px solid transparent;

    margin-right: 40px;

    cursor: pointer;

    width: 68px;

    border-radius: 90px;

    background-color: var(--brandBlue);

    justify-content: center;

    padding: 10px;

}

.burger_btn:hover{

    background-color: var(--blueBold);

}

.burger_svg_active{

    border-color: var(--brandBlue) !important;

    background-color: var(--white) !important;

}

.acc_title_alink{

    padding: 10px;

    font-size: var(--twenty);

}

.acc_title_alink:hover{

    color: var(--brandBlue);

}

.home_general {

    justify-content: start;

    height: 100vh;

    position: relative;

    max-height: 1300px;

    overflow: hidden;

    margin: 0 auto;

    min-height: 600px;

}

.home_general_img, .blue_back {

    height: 100%;

    position: absolute;

    right: 0;

    left: 0;

}

.qa_section .home_general_block{

    padding: 20px 0;

}

.phone_num{

    gap: 12px;

}

.phone_num:hover{

    color: var(--brandBlue);

}

.request_btn{

    padding: 14px 45px;

    border-radius: 90px;

    background-color: var(--brandBlue);

    color: var(--white);

    cursor: pointer;

}

.request_btn:hover{

    background-color: var(--blueBold);

}

.dropdown_rel{

    position: relative;

}

.drop_title{

    cursor: pointer;

    gap: 12px;

    padding: 13px 20px;

    border-radius: 90px;

    background: #F4F4F4;

}

.chosen_lang_img{

    width: 24px;

    height: 24px;

    border-radius: 50%;

    overflow: hidden;

}

.chosen_lang_sp{

    font-size: var(--eighteen);

    text-transform: uppercase;

}

.drop_title:hover .chosen_lang_sp{

    color: var(--brandBlue);

}

.dropdwon_ {

    overflow: hidden;

    z-index: 3;

    display: none;

    min-width: 118px;

    position: absolute;

    border: 1px solid rgba(40, 40, 40, 0.10);

    top: 55px;

    left: 50%;

    transform: translate(-50%, 0);

    flex-direction: column;

    border-radius: 12px;

    background-color: var(--white);

}

.dropdown_active {

    display: flex;

}

.choose_language {

    background-color: #F7F7F7;

    border-bottom: 1px solid rgba(40, 40, 40, 0.10);

    cursor: pointer;

    padding: 6px 10px;

    gap: 12px;

    justify-content: start;

}

.lang_flag{

    width: 20px;

    min-width: 20px;

    height: 20px;

}

.lang_sp {

    font-size: var(--twelve);

}

.choose_language:last-child{

    border: none;

}

/* end header */



/* home */

.home_general_block{

    position: absolute;

    padding-top: 174px;

}

.home_general_infos{

    flex-direction: column;

    gap: 30px;

    max-width: 464px;

    align-items: start;

}

.big_title{

    color: var(--white);

    font-size: 50px;

}

.home_general_infos .description_{

    max-width: 370px;

}

.description_{

    flex-direction: column;

    align-items: start;

    gap: 16px;

    font-size: var(--eighteen);

    color: var(--white);

}

ul, ol {

    padding-left: 20px;

}

.req_call_white{

    padding: 24px 56px;

    border-radius: 90px;

    background-color: var(--white);

    color: var(--brandBlue);

    cursor: pointer;

}

.req_call_white:hover{

    background-color: var(--blueBold);

    color: var(--white);

}

.mission_section{

    flex-direction: column;

    gap: 40px;

    margin: 120px 0;

}

.title_btn_blck{

    gap: 20px;

}

.second_title{

    font-size: var(--titleFont);

}

.view_all{

    padding: 10px 20px;

    color: var(--white);

    font-size: var(--eighteen);

    border-radius: 90px;

    background-color: var(--brandBlue);

}

.view_all:hover{

    background-color: var(--blueBold);

}

.home_serv_block{

    gap: 20px;

    align-items: stretch;

}

.serv_image_blck{

    max-width: 572px;

    position: relative;

    border-radius: 20px;

    overflow: hidden;

}

.serv_img {

    height: 100%;

}

.qa_block .description_{

    color: rgba(255, 255, 255, 0.80);

} 

.service_winds{

    height: 100%;

    background: #F4F4F4;

    border-radius: 20px;

    padding: 40px;

    flex-direction: column;

    align-items: start;

    gap: 45px;

}

.serv_info_onimg{

    flex-direction: column;

    align-items: start;

    position: absolute;

    top: 40px;

    left: 40px;

    width: calc(100% - 80px);

    height: calc(100% - 80px);

}

.serv_info_onimg .description_{

    max-width: 316px;

}

.three_serv_blcks{

    max-width: 810px;

    width: 80%;

    flex-direction: column; 

    gap: 18px;

}

.check_svg{

    width: 42px;

    height: 42px;

}

.check_svg img{

    object-fit: contain;

}

.service_winds .description_{

    color: var(--greyFont);

}

.two_servs{

    align-items: stretch;

    gap: 20px;

}

.qa_section{

    max-height: 600px;

}

.qa_block{

    flex-direction: column;

    align-items: start;

    max-width: 570px;

    gap: 40px;

}

.qa_title{

    max-width: 375px;

    font-size: var(--titleFont);

    color: var(--white);

    text-transform: uppercase;

}

.contact_withus_block{

    gap: 20px;

    margin: 120px 0;

}

.threed_image{

    max-width: 690px;

    width: 50%;

}

.contactus_form, .contactus_form  form{
    display: flex;
    flex-direction: column;

    align-items: start;

    gap: 20px;

    max-width: 572px;

    width: 50%;

}
.contactus_form  .wpcf7, .contactus_form form p{
    width: 100%;
} 
.contactus_form  form{
    max-width: none;
    width: 100%;
}

.conts_title{

    font-size: var(--titleFont);

    text-transform: uppercase;

    max-width: 400px;

}

.inps_err_blck{

    padding: 10px;

    border: 2px solid transparent;

    border-radius: 11px;

}

.inps_err_blck_focused{

    border-color: var(--brandBlue);

}

.inps_{

    border-radius: 5px;

    background: #F4F4F4;

    padding: 13px 14px;

    font-size: var(--eighteen);

}

.inps_error{

    border-color: red !important;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type=number] {

    -moz-appearance: textfield;

}

.send_btn, .send_btn_popup {
    font-size: var(--eighteen);
    cursor: pointer;
    border-radius: 90px;
    background-color: var(--brandBlue);
    color: var(--white);
    padding: 24px;
    max-width: 250px;
    width: 100%;
    text-align: center;
}
.close_popup:hover svg path{
    stroke: red;
}

.send_btn:hover, .send_btn_popup:hover {

    background-color: var(--blueBold);

}

.map_section{

   height: 490px;

   margin-bottom: 120px;

}

.map_section iframe{

    width: 100%;

    height: 100%;

}

/* end home */



/* footer */

.footer_block{

    gap: 20px;

}

.f_logo{

    max-width: 145px;

}

.fnav_bar{

    gap: 24px;

}

.social_links{

    gap: 12px;

}

.socail_alink{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    justify-content: center;

    border: 1px solid rgba(40, 40, 40, 0.10);

}

.soc_img{

    width: 24px;

    height: 24px;

}

.soc_img img{

    object-fit: contain;

}

.socail_alink:hover{

    border-color: var(--brandBlue);

}

.grey_line{

    margin: 38px 0;

    border-bottom: 1px solid rgba(40, 40, 40, 0.20);

}

.last_block{

    padding-bottom: 40px;

    gap: 10px;

    flex-wrap: wrap;

}

.rights_reserved{

    justify-content: start;

    font-size: var(--forteen);

    gap: 4px;

}

.site_dev{

    color: black;

    gap: 6px;

}

.site_dev:hover{

    color: var(--brandBlue);

}

.site_dev:hover svg path{

    fill: var(--brandBlue);

}

/* end footer */



/* about us */

.about_general{

    justify-content: start;

    height: 445px;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

}

.navigation_block{

    flex-direction: column;

    align-items: start;

    gap: 20px;

}

.navigation_blcks{

    justify-content: start;

    gap: 12px;

}

.prev_page{

    color: var(--white);

    font-size: var(--eighteen);

}

.prev_page:hover{

    text-decoration: underline;

}

.slash_{

    color: var(--white);

    font-size: var(--eighteen);

}

.this_page{

    color: var(--white);

    font-size: var(--eighteen);

}

.about_block{

    margin: 120px 0;

    gap: 20px;

}

.about_info{

    flex-direction: column;

    align-items: start;

    gap: 40px;

    max-width: 584px;

    width: 50%;

}

.about_block .description_{

    color: rgba(40, 40, 40, 0.80);

}

.about_img{

    width: 50%;

}

.check_svg{

    min-width: 42px;

    width: 42px;

    height: 42px;

}

.check_descrip{

    gap: 16px;

}

.titles_block{

    flex-direction: column;

    gap: 20px;

}

.top_block{

    margin: 120px 0;

}

.top_block .second_title{

    max-width: 950px;

}

.center_text{

    text-align: center;

}

.blue_line{

    width: 150px;

    border-radius: 90px;

    border-bottom: 8px solid var(--brandBlue);

}

.second_descrip{

    font-size: var(--twofour);

}

.grey_block{

    align-items: stretch;

    margin-top: 20px;

    flex-wrap: wrap;

    justify-content: start;

    gap: 18px;

}

.grey_info_block{

    justify-content: start;

    width: calc(100% / 3 - 12px);

    padding: 40px;

    flex-direction: column;

    align-items: start;

    gap: 20px;

    border-radius: 20px;

    background: #F4F4F4;

}

.infos_title{

    color: var(--brandBlue);

    text-transform: uppercase;

    font-size: var(--twofour);

}

.grey_info_block .description_{

   color: rgba(40, 40, 40, 0.60);

}

.description_under{

    max-width: 712px;

    text-align: center;

    font-size: var(--eighteen);

}

.grey_backk{

    border-radius: 20px;

    background: #F4F4F4;

    padding: 40px;

}

.titles_section{

    flex-direction: column;

    gap: 40px;

}

/* end about us */



/* prefabricted */

.rows_cols_blocks{

    margin: 120px 0;

    flex-wrap: wrap;

    justify-content: start;

    gap: 18px;

    align-items: stretch;

}

.checks_block{

    min-height: 118px;

    width: calc(100% / 2 - 10px);

    border-radius: 20px;

    background: #F4F4F4;

    padding: 20px;

    justify-content: start;

    gap: 20px;

}

.checks_block .description_{

    font-size: var(--sixteen);

    color: rgba(40, 40, 40, 0.60);

}

.done_icon{

    min-width: 20px;

    width: 20px;

    height: 20px;

}

.done_icon img{

    object-fit: contain;

}

.image_blck{

    height: 244px !important;

    border-radius: 12px;

    overflow: hidden;

}

.gallerySwiper {

    padding-bottom: 40px !important;

}

.swiper-pagination-bullet{

    width: 14px !important;

    height: 14px !important;

}

.blue_phone_blck{

    margin: 120px 0;

    gap: 20px;

    padding: 0 40px;

    border-radius: 20px;

    background: var(--brandBlue);

}

.blue_phone_blck .description_{

    max-width: 850px;

    width: 80%;

    font-size: var(--twofour);

    padding: 40px 0;

}

.contact_a{

    text-decoration: underline;

    color: var(--white);

    font-weight: 600;

}

/* end prefabricted */



.about_holidays{

    flex-direction: column;

    align-items: start;

    gap: 20px;

    margin: 120px auto;

    max-width: 784px;

    font-size: var(--sixteen);

    color: rgba(40, 40, 40, 0.60);

}

.three_winds_wraps .checks_block{

    flex-direction: column;

    align-items: start;

    gap: 20px;

    width: calc(100% / 3 - 12px);

    min-height: 156px;

    justify-content: space-between;

}

.contacts_block{

    flex-wrap: wrap;

    justify-content: start;

    gap: 18px;

    align-items: stretch;

    margin: 120px 0;

}

.contac_alink{

    padding: 20px;

    flex-direction: column;

    align-items: start;

    gap: 34px;

    border-radius: 20px;

    width: calc(100% / 2 - 12px);

    background-color: var(--grayBack);

}

.contac_alink:hover{

    background-color: #CBE7FF;

}

.conts_icon{

    max-width: 20px;

}

.conts_alink_sp{

    font-size: var(--eighteen);

}

.blue_title{

    font-size: var(--eighteen);

    color: var(--brandBlue);

}

.phone_icon {

    margin-top: auto;

}



/* error */
.error_section{
    flex-direction: column;
    gap: 20px;
    padding-top: 200px;
    margin: 120px 0;
}
.error_titlte{
    font-size: var(--titleFont);
    text-transform: uppercase;
    text-align: center;
}
.error_section .description_{
    text-align: center;
    color: var(--greyFont);
    max-width: 360px;
    font-size: var(--sixteen);
}
.backto_home{
    background-color: var(--brandBlue);
    color: var(--white);
    border-radius: 90px;
    cursor: pointer;
    padding: 14px 40px;
}
.backto_home:hover{
    background-color: var(--blueBold);
}

/* popup */
.gray_back{
    background: rgb(106 184 198 / 40%);
    display: none;
    position: fixed;
    width: 100%;
    z-index: 32;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.gray_back_active {
    display: block;
}
.parent_pop{
    position: relative;
    display: flex;
    justify-content: center;
}
.popup_block{ 
    z-index: 33;
    position: fixed;
    display: none;
    max-width: 630px;
    width: 90%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
    border-radius: 40px;
    top: 20%;
}
.popups_form_blck {
    align-items: start;
    position: relative;
    flex-direction: column;
    background-color: var(--white);
    padding: 30px;
    gap: 20px;
    border-radius: 40px;
    max-height: 85vh;
    max-width: none;
    width: 100%;
    overflow: auto;
}
.popups_form_blck::-webkit-scrollbar-thumb{
    background-color: var(--black);
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.popups_form_blck::-webkit-scrollbar{
    height: 2px;
    width: 2px;
}
.popups_form_blck::-webkit-scrollbar-track {
    background-color: #DFE5EA;
}
.popups_form_blck .send_btn_popup{
    max-width: none;
}
.title_close{
    gap: 20px;
}
.close_popup{
    display: none;
    cursor: pointer;
    margin-left: auto;
}
.popup_block .close_popup{
    display: flex;
}
.thanku_popup .popups_form_blck{
    align-items: center;
}
.thanks_img{
    max-width: 135px;
}
.thanku_popup .conts_title{
    text-align: center;
}
.thanku_popup .description_{
    color: var(--greyFont);
    font-size: var(--sixteen);
    text-align: center;
    max-width: 328px;
}
.popup_block_active{
    display: flex;
}











         

 

     











