::selection {
    background-color: rgba(74, 210, 149, .5);
}

* {
    transition: all 0.3s;
}

#slider_news {
    padding-top: 170px;
    margin-top: -140px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #E5EFF9;
}

.title-cont {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding-bottom: 17px;
}

.zooming {
    cursor: pointer
}

.main-titles {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 0;
    text-transform: uppercase;
}

#news-slider-cont .swiper-slide {
    height: 467px;
}

#news-slider-cont .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.template_links {
    font-family: Montserratarm-Regular;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #26425B;
}

#slider_news .see-all-link {
    display: flex;
    text-decoration: none;
}

#slider_news .see-all-link .see_all {
    border-left: 1px solid #fff;
    color: #fff;
    padding: 0 15px;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
}

#slider_news .news-row {
    display: grid;
    grid-template-columns: 1fr 3fr;
    justify-content: center;
    align-items: center;
}

#slider_news .news-row img {
    width: 178px;
    height: 142px;
    object-fit: cover;
}

#slider_news .main-news-row {
    display: grid;
    grid-template-columns: 60.72% 36.28%;
    gap: 30px;
    justify-content: space-between;
}

#slider_news .news-secondary-row {
    display: grid;
    grid-template-rows: repeat(3, 142px);
    gap: 20px;
}

#slider_news .news-row .secondary-news-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 142px;
    height: 100%;
    background-color: #fff;
    align-items: flex-start;
    padding: 20px;
}

#slider_news .news-row .secondary-news-block h3 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    color: #26425B;
    margin-bottom: 0;
    letter-spacing: -0.5px

}

.for_mobile.see_all_green {
    display: none;
}

#servicesCarousel .services-block {
    /*min-width: 180px!important;*/
    margin: 0 !important;
}

#servicesCarousel .swiper-button-next.swiper-button-disabled, #servicesCarousel .swiper-button-prev.swiper-button-disabled {
}

#servicesCarousel .pag {
    position: relative;
    height: 100px;
    width: calc(70%);
    top: -15px;
}

.swiper-button-prev, .swiper-button-next {
    opacity: 0;
    transition: .3s;
}

.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {
    opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    right: 50px;
    left: unset !important;
    text-align: right;
}

.swiper-pagination-bullet-active {
    background: #00b8af !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #00b8af !important;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
}

.services-row {
    padding: 10px 0;
    display: grid;
    /*grid-template-columns: repeat(7,1fr);*/
    /*gap: 25px;*/
    margin-top: 50px;
}

.services-row .swiper-wrapper {
    justify-content: space-between;
    grid-column-gap: 10px;
}

.services-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    align-items: center;
    border-top: 4px solid #00b8af;
    background: #fff;
    transition: .4s;
    padding: 20px 15px;
    transition: .3s;
}

.services-block:hover {
    border-top: 4px solid #FFC117;
    cursor: pointer;
}

.services-block:hover .icon_hover {
    fill: #FFC117;
}

.services-img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background: #E5EFF9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-title {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-weight: 700;
    color: #26425B;
    line-height: 20px;
    text-transform: uppercase;
}

.service-desc {
    margin-top: 30px;
    font-size: 14px;
    font-family: GHEA grapalat-Regular;
    font-weight: normal;
    text-align: center;
    color: #658194;
    line-height: 20px;
    font-style: normal;

}

/* end news*/


/* start gallery*/
#gallery {
    /*background-color:  #f2f8ff ;*/
    padding: 80px 0 50px;
}

.main-subtitles {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #26425B;
}

/* tabs*/
.tabs {
    max-width: 538px;
}

.tabs-nav li {
    float: left;
    width: 50%;
    margin-right: 15px;
}

.tabs-nav li:first-child a {
    border-right: 0;
    border-top-left-radius: 6px;
}

.tabs-nav li:last-child a {
    border-top-right-radius: 6px;
}

.tabs_title {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0.2em;
    justify-content: center;

}

.tabs_title a {
    color: #7895A5;
    margin-left: 15px;
    text-transform: uppercase;
}

.active a {
    color: #FFC117;
}

.tab-active a {
    background: transparent;
    border-bottom-color: transparent;
    cursor: default;
    margin-left: 10px;
    color: #FFC117;
}

.tabs-stage {
    border: 1px solid #cecfd5;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    padding: 24px 30px;
    position: relative;
    top: -1px;
}


#slider_news .text-box {
    background: linear-gradient(180deg, rgba(45, 50, 56, 0.04) 0%, rgba(43, 48, 54, 0.28) 34.38%, #2A2E34 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

#slider_news .text {
    width: 90%;
    position: absolute;
    z-index: 99999;
    color: aliceblue;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin: 0 auto;
    display: grid;
    left: 0;
    right: 0;
    bottom: 30px;

}


#slider_news .date {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    /* identical to box height, or 250% */

    margin-top: 4px;
    color: #658194;

    opacity: 0.5;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px !important;
}

#gallery .galleryy {
    column-width: 300px;
    column-gap: 2%;
    padding: 5px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#gallery .lightbox {
    left: 0;
    z-index: 999999999999999999999;
}

#gallery .galleryy img {
    cursor: pointer;
    margin: 10px;
}

#gallery .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: linear-gradient(
        0deg, rgba(19, 20, 22, 0.8) 6.35%, rgba(5, 79, 75, 0.8) 100%);
    backdrop-filter: blur(100px);
    perspective: 1000;
}

#gallery .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    opacity: 0.5;
    background-position: center;
    background-size: cover;
    background: linear-gradient(
        5deg, rgba(19, 20, 22, 4.8) 44.35%, rgba(5, 79, 75, 0.8) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: none !important;
}

#gallery .lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(0deg);
    max-height: 95vh;
    max-width: calc(95vw - 100px);
    transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
    transform-style: preserve-3d;
}


/*.lightbox:hover img{
  transform: translate(-50%, -50%) rotateY(180deg);
}*/

#gallery [class^="arrow"] {
    height: 60px;
    width: 60px;
    background: #26425B;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

#gallery [class^="arrow"]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 15px;
    height: 15px;
}

#gallery .arrowr {
    right: 0;
}

#gallery .arrowr:after {
    border-right: 1px solid #FEC833;
    border-bottom: 1px solid #FEC833;
}

#gallery .arrowl {
    left: 0;
}

.arrowl:after {
    border-left: 1px solid #FEC833;
    border-top: 1px solid #FEC833;
}

.close {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    background: #5a92917d;

    margin: 20px;
    cursor: pointer;
}

.close:after,
.close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 60%;
    background: white;

}

.close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}


.primary_btn {
    margin: 0 auto;
    width: 200px;
    height: 40px;
    background-color: #00B8AF;
    border: 0;
    border-left: 4px solid #FEC833;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.1em;
    color: #FFFFFF !important;
    display: flex;
    text-transform: uppercase;
    border-radius: 0;
    background: linear-gradient(to right, #FEC833 48%, #00B8AF 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease;
    align-items: center;
    text-align: center;
    cursor: pointer;
    justify-content: center;
}


.primary_btn:hover {
    color: #ffffff;
    background-position: left bottom;
}

.main-subtitles:before {
    content: "";
    height: 2px;
    width: 100%;
    max-width: 135px;
    background-color: #00B8AF;
    display: block;
}

/* useful links section  */

#useful-links {
    padding: 100px 0;
    background: #E5EFF9;
    padding-bottom: 300px;
}

.useful-citizen-row {
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.useful-block {
    /*width: 68%;*/
}

.useful-links-grid {
    display: grid;
    grid-template-columns: repeat(5, 17%);
    grid-column-gap: 40px;
    justify-content: space-between;

}

.ligthy {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    text-align: center;

    /* grey-darker */

    color: #658194;

}

.useful_bottom {
    display: grid;
    grid-template-columns: repeat(4, 22%);
    grid-column-gap: 40px;
    justify-content: space-between;
    margin-top: 50px;
}

.useful-img-block {
    width: 100%;
    position: relative;
}

.useful-img-block:hover .useful-gradient {
    cursor: pointer;
    background: linear-gradient(180deg, rgba(253, 194, 74, 0.55) 25.52%, rgba(46, 36, 8, 0.55) 100%);
    backdrop-filter: blur(5px);
}

.useful-img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.useful-gradient {
    width: 100%;
    height: 190px;
    background: linear-gradient(180deg, rgba(0, 184, 175, 0.03) 0%, rgba(0, 112, 106, 0.66) 54.17%, rgba(1, 57, 55, 0.93) 100%);
    position: absolute;
    top: 0;
}

.useful-text-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    grid-row-gap: 35px;
    height: 100%;
}

.useful-text-block img {
    width: 20px;
    height: 20px;
}

.useful-text-block p {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-word;
    padding: 0 10px;

    min-height: 40px;

}

.useful-text {
    color: #658194;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 60px;
}

.citizens-block {
    display: flex;
    flex-direction: column;
    background-color: #F9FBFE;
    justify-content: space-between;
    padding: 40px;
    /*width: 30%;*/
}

.citizens-reception {
    text-align: center;
    text-transform: uppercase;
    color: #26425B;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.citizen-text {
    color: #3F647E;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-size: 16px;
    font-weight: 400;
}

/*.citizens-block .primary_btn{*/
/*margin: unset;*/
/*}*/

:root {
    --swiper-navigation-size: 25px;
}

/* co_workers*/
#co_workers .swiper-button-prev, #co_workers .swiper-button-next {
    opacity: 1;
}

#co_workers .swiper-wrapper {
    position: relative;
    width: 95%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    /* justify-content: space-between; */
    margin: 0 auto;
    grid-column-gap: 20px;
}


#co_workers .up_block {
    display: grid;
    justify-content: space-between;
    margin-top: 70px;
    grid-template-columns: 48% 48%;
}

#co_workers .up_block .exemplary {
    padding: 30px;
    background: #F9FBFE;

}

#co_workers .up_block .exemplary .exe_title {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

#co_workers .up_block .exemplary .exe_title img {
    background-color: #fff;
    width: 50px;
    height: 50px;
    padding: 12px;
    border-radius: 100%;
    margin-right: 10px;
}

#co_workers .up_block .exemplary .exe_title h2 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #26425B;
    margin-bottom: 0 !important;
}

#co_workers .up_block .exemplary ul li {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    color: #3F647E;
    padding-left: 30px;
}

section#co_workers {
    padding-bottom: 215px;
}

#co_workers .up_block .exemplary .no_exee {
    list-style-image: url('/public/assets/img/red.svg');
    padding-left: 30px;
}

#co_workers .up_block .exemplary .exee {
    list-style-image: url('/public/assets/img/tea.svg');
    padding-left: 25px;
}

div#co_workers-slider {
    margin-top: 25px;
}

#co_workers-slider .swiper-slide {
    /*width: 300px!important;*/
    /*width: 20%!important;*/
    height: 150px;
    align-items: center;
    display: grid;
    justify-content: center
}

#co_workers-slider .swiper-slide img {
    object-fit: contain;
    width: 100%;
    height: 100px;
}

#online .dark_back {
    background: #26425B;
    padding: 35px;
    position: relative;
    /*top: -145px;*/
}

.main-titles:before {
    content: "";
    height: 2px;
    width: 100%;
    max-width: 135px;
    background-color: #00B8AF;
    display: block;
}

#online {
    /*background: #E5EFF9;*/
    margin-top: -160px;
}

#online .red_block {
    max-width: 300px;
    width: 100%;
    background: #E06E6E;
    padding: 25px;
    display: grid;
    justify-content: space-between;
    align-items: center;
    border-top: 3px solid white;
    height: 165px;
    grid-template-columns: 70px 1fr;
}

#online .red_block .text_block {
    display: grid;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    /* or 150% */


    color: #FFFFFF;

}

#online .red_block .text_block span {
    font-weight: lighter;
    font-size: 14px;
}

#online .red_block .svg_block {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

#online .white_blocks .svg_block {
    background: #E5EFF9;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#online .white_blocks {
    height: 165px;

    max-width: 300px;
    width: 100%;
    display: grid;
    justify-content: space-between;
    padding: 25px;
    display: grid;
    justify-content: space-between;
    align-items: center;
    border-top: 3px solid #00B8AF;
    background: #FFFFFF;
    grid-template-columns: 70px 1fr;
}

#online .online_grid {
    display: grid;
    justify-content: space-between;
    margin-top: 30px;
    grid-template-columns: 24% 24% 24% 24%;
}

#online .white_blocks p {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #26425B;
    margin-bottom: 0;

}

#online .white_blocks:hover {

    border-top: 3px solid #FEC833;
    cursor: pointer;

}

#online .white_blocks:hover .icon_hover {
    fill: #FEC833;

}

@media (max-width: 1150px) {
    #online .online_grid {
        display: grid;
        justify-content: space-evenly;
        margin-top: 30px;
        grid-template-columns: 30% 30%;
        grid-row-gap: 50px;
    }
}

@media (max-width: 992px) {
    #online .online_grid {
        display: grid;
        justify-content: space-evenly;
        margin-top: 30px;
        grid-template-columns: 45% 45%;
        grid-row-gap: 50px;
    }
}


#import_export {
    background: linear-gradient(180deg, rgba(205, 218, 231, 0) -56.37%, #EBF2FA 100%);
    background-color: #EBF2FA;
}

#import_export .see-all-link {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    /* identical to box height, or 292% */

    letter-spacing: 0.2em;

    color: #00B8AF;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 20px;
    height: 18px;
}

#import_export .see-all-link .see-all {
    margin-right: 10px !important;
}


#import_export .import_export_grid {
    display: grid;
    grid-template-columns: 47% 47%;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 90px;

}

#import_export .import_export_grid .import_export_block .title {
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: center;
}

#import_export .import_export_grid .import_export_block {
    padding: 25px;
    background: #FFFFFF;

}

#import_export .import_export_grid .import_export_block .title h2 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #26425B;
    margin-left: 10px;
    margin-bottom: 0;
}


#import_export .import_export_grid .import_export_block .ligth_text {
    margin-top: 15px;

    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #658194;
    margin: 15px 25px;
}

#import_export .import_export_grid .import_export_block .name_kg {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    text-transform: uppercase;
    color: #00B8AF;
    border-bottom: 1px solid #ACCADB;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-left: 25px;

}

#import_export .import_export_grid .import_export_block .price_list {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    color: #26425B;

}

#import_export .import_export_grid .import_export_block li {

}

#import_export .import_export_grid .import_export_block .price {
    float: right;
    font-weight: normal;

}

#import_export .import_export_grid .import_export_block li::marker {
    font-size: 20px;
}

/*.blur::before {*/
/*content: '';*/
/*background-color: #19875438;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*right: 0;*/
/*bottom: 150px;*/
/*z-index: 9;*/
/*backdrop-filter: blur(20px);*/
/*opacity: 0;*/
/*-webkit-transition: opacity 1.2s ease;*/
/*-moz-transition: opacity 1.2s ease;*/
/*-ms-transition: opacity 1.2s ease;*/
/*-o-transition: opacity 1.2s ease;*/
/*transition:  opacity 1.2s ease-out;*/

/*}*/
.active_submenu {
    display: block;
}

.logo_desk_mobile {
    display: none;
}

#slider_news {
    z-index: 9;
    transition: all 7s;
    position: relative;
}

#template_1 .template_1_grid {
    display: flex;
    grid-template-columns: 300px 75%;
    margin-top: 190px;
    grid-column-gap: 40px;
}

.lang_mobile {
    display: none;
}

#template_slider .swiper-slide {
    height: 500px;
    width: 100% !important;

}

#template_slider .swiper-slide img {
    width: 100%;
    height: 100%;
}

#template_slider .swiper-slide .text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        180deg, rgba(45, 50, 56, 0.04) 0%, rgba(43, 48, 54, 0.28) 34.38%, #2A2E34 100%);
    width: 100%;
    height: 100%;

}

#template_1 div#template_slider .text {
    position: absolute;
    bottom: 0;
}

#template_1 div#template_slider .text, #template_1 div#template_slider .text a {
    color: white;
    white-space: unset;
    text-align: start;
    width: 100%;
}

#template_1 div#template_slider .text {
    margin-left: 15px;

}

div#template_slider {
    margin-bottom: 50px;
}

.pages_img {
    margin-top: -140px;
}

/*#template_1:before{*/
/*content: '';*/
/*background-color: #19875438;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*right: 0;*/
/*bottom: 105px;*/
/*z-index: 9;*/
/*backdrop-filter: blur(20px);*/
/*}*/

.backgrounddd {
    background-color: #19875438;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 200px;
    z-index: -1;
    backdrop-filter: blur(0px);
    transition-duration: .7s;
    opacity: 0;
}

.backgrounddd_temp {
    background-color: #19875438;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 150px;
    z-index: 9;
    backdrop-filter: blur(6px);
    transition-duration: .7s;
    opacity: 1;
    height: 310px;
}

#template_1 .pages_title {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99999999;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;


}

#template_1 {
    z-index: 9;
    transition: all 7s;
    position: relative;
    padding-top: 150px;
    margin-top: -140px;
    padding-bottom: 0px;
    background-position: top;
    background-repeat: no-repeat;
}

#template_1 .pages_title h1 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 34px;
    /* identical to box height, or 170% */

    text-align: center;

    text-transform: uppercase;

    /* White */

    color: #FFFFFF;
}

#template_1 .pages_title .breadcrumb {
    text-align: center;
    justify-content: center;
}

#template_1 .pages_title .breadcrumb .white_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    /* identical to box height, or 292% */

    text-transform: uppercase;
    text-decoration: none;

    /* White */

    color: #FFFFFF;
}

#template_1 .pages_title .breadcrumb .green_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    /* identical to box height, or 292% */

    text-transform: uppercase;

    /* teal-lighter */

    color: #00b8af;


}

ul#sidebar {
    padding: 25px 0;
    background: #F9FBFE;
    height: fit-content;
    list-style: none;
    line-height: 40px;
    width: 300px;
    margin-bottom: 5rem;

}

#sidebar ul {
    padding-left: 10px !important;
}

ul#sidebar li a {
    text-decoration: none;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height, or 292% */

    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* blue-dianne */

    color: #26425B;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}


/*ul#sidebar li a.li_active{*/
/*background: #3F647E;*/
/*border-left: 3px solid #00B8AF;*/
/*}*/
ul#sidebar li.li_active:hover {
    border-left: 3px solid #FEC833;
    cursor: pointer;
    transition: all .5s;
    background-color: #E5EFF9;
    color: #26425B;
}

.li_active {
    color: #FFFFFF !important;
    background: #3F647E;
    border-left: 3px solid #00B8AF;
}

ul#sidebar li {

    border-left: 3px solid transparent;
    list-style: none;


}

ul#sidebar li.li_active a {

}

ul#sidebar li a:hover {
    border-left: 3px solid #FEC833;
    cursor: pointer;
    transition: .3s;
    background-color: #E5EFF9;

}


ul#sidebar li.li_active .sidebar_arrow {
    stroke: #00b8af;
}

ul#sidebar li:hover .sidebar_arrow {
    stroke: #FEC833;
    cursor: pointer;
}

#sidebar {
    /*position: fixed;*/
    z-index: 1;
    top: 90px;
    left: 165px;
    background: #eee;
    overflow-x: hidden;
    padding: 8px 0;
}

#template_1 .text {
    white-space: pre;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */


    /* blue-dianne-lighter */

    color: #3F647E;

}


.news_template .news_grid {
    display: grid;
    grid-row-gap: 30px;
}

.news_template .news_grid a {
    text-decoration: none;
}

.news_template .news_grid .news_block {
    background: #F9FBFE;
    display: flex;
    height: 200px;
    /*justify-content: space-between;*/
}

.news_template .news_grid .news_block .news_content {
    padding: 25px;
}


.news_template .news_grid .news_block .news_content h3 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #26425B;
}

.news_template .news_grid .news_block .news_img {
    object-fit: cover;
    width: 225px;
    height: 100%;

}

.news_template .news_grid .news_block .news_content p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3F647E;
}

.hr_rotate {
    transform: rotate(90deg);
    width: 16px;
    background: #A9C0CC;
    height: 2px;
}

.news_template .news_grid .news_block .news_content .news_date {
    font-family: Montserratarm-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A9C0CC;
    display: flex;
    align-items: center;
}


.news_show .title_down {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E5EFF9;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.news_show .title_down a {
    text-decoration: none;
    font-family: Montserratarm-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #00938B;
}

.news_show .title_down p {
    font-family: Montserratarm-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A9C0CC;
}

.news_show .title_down p img {
    vertical-align: top;
}

.news_show .title_down a img {
    vertical-align: sub;
}

.news_show #gallery {
    background-color: transparent;
    padding-top: 0;
}

.news_show #gallery .galleryy {
    display: flex;
    flex-wrap: wrap;
}

.news_show #gallery .galleryy img {
    display: inline-flex;
    margin: 0;
    padding: 0;
    width: 23.5%;
    text-align: left;
    float: left;
    margin-bottom: 2%;
}

.sub-menu1 {
    border-left: 3px solid transparent;
    width: 270px;

}

.sub-menu.open.oppenned li.sub-menu1:hover {
    border-left: 3px solid #FEC833;
    cursor: pointer;
}

.sub-menu.open.oppenned li.sub-menu1:hover .sub-menu1 span svg {
    fill: #FEC833;
    stroke: #FEC833;
}

.sub-menu.open.oppenned li.sub-menu1:hover .sub-menu.open.oppenned li.sub-menu1 a {
    color: #00B8AF !important;
}

.galleries #gallery {
    background-color: white;
    padding: 40px 0 40px;
}

.nav-item.dropdown:hover .nav-item.dropdown a svg {
    transform: rotate(180deg);
}

.for_mobile {
    display: none !important;
}

.galleries #gallery .galleryy img {
    margin: 7px;
    width: 100%;
    object-fit: cover;
    /*height: 100%;*/
}

.galleries #gallery .galleryy {
    column-gap: 25px;
    padding: 5px;
    margin-top: 0px;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    grid-row-gap: 50px;
}

.album-background-image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 300px;
}

.album-background-image::before {
    position: absolute;
    content: '';
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    width: 100%;
    height: 100%;
}


.video-gallery img:not(.play_block img) {
    width: 100%;
    object-fit: cover;
}

.video-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
}

.videos_gallery {
    display: grid;
    grid-template-columns: repeat(4, 24%);
    justify-content: space-between;
    margin-top: 50px;
}

.play_block {
    width: 52px;
    height: 52px;
    background: #00B8AF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 9;
}

.play_block img {
    object-fit: none;
}

.thumbnail:hover .play_block {
    background: #FEC833;
}

.videos_gallery .thumbnail {
    position: relative;
}

.videos_title {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */


    color: #26425B;
    margin-top: 15px;
}


.videos_gallery .thumbnail:hover .video-gallery:after {
    background: rgba(0, 184, 175, 0.7);
    mix-blend-mode: color;
    opacity: 0.8;
    width: 100%;
    height: 80%;
    content: '';
    position: absolute;
}

#mainCol .videos_gallery {
    display: grid;
    grid-template-columns: repeat(3, 32%);
    justify-content: space-between;
    margin-top: 50px;
}

.contact .contact_block .form_block {
    margin-top: 45px;

}

.contact .contact_block form {
    margin-top: 45px;
}

.contact .contact_block {
    /*width: 90%;*/
    margin: 0 auto;
    margin-top: 190px;
}


.contact .contact_block .rigth_block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact .contact_block .rigth_block .our {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 187% */

    text-transform: uppercase;

    /* blue-dianne-lighter */

    color: #3F647E;

}

.contact_text {
    /*width: 60%;*/
    margin: 50px auto;
}

.contact_text h2 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    color: #26425B;
}

.contact_text p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3F647E;
}

.contact .contact_block .fb_you a {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #26425B;
    margin-left: 20px;
    text-decoration: none;
}

.contact .contact_block .map_grid {
    display: grid;
    grid-template-columns: 30% 70%;
}

.contact .contact_block .map_grid .phone {
    padding: 30px;
    background: #00B8AF;
}

.contact .contact_block .map_grid .phone hr {
    width: 100%;
    background-color: #00938B;
}

.contact .contact_block .map_grid .map {

}

.contact .contact_block .phone_sec {
    display: grid;
    grid-template-columns: 20% 65%;

    padding-bottom: 0;
    /*border-bottom: 1px solid #00938B;*/

}

.form-control:active {
    border: 1px solid #E5EFF9 !important;
    border-bottom: 2px solid #FEC833 !important;
}

.contact .contact_block .down_block {
    background: #F9FBFE;
    padding: 30px;
}

.contact .contact_block .phone_sec .ligth_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 100;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.contact .contact_block .phone_sec .bold_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
}

.contact .contact_block .map_grid .map img {
    width: 100%;
}

.block_grid:hover .hover_yellow {
    fill: #FEC833;

}

.focused .form-control {
    border: 1px solid #00b8af !important;
    -webkit-box-shadow: inset 0 -2px 0 #00b8af;
    box-shadow: none;
    border-bottom: 2px solid #00B8AF !important;
}

.contact .contact_block .circle_yellow {
    border: 2px solid #00B8AF;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact .contact_block .block_grid .text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase !important;
    color: #26425B !important;
    white-space: unset !important;
    margin: 0;
    display: flex;
    align-items: center;
}

.contact .contact_block .circle_red {
    border: 2px solid #E06E6E;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact .contact_block .ligth_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-transform: uppercase !important;
    color: #E06E6E;
    margin: 0;
    align-items: center;
    display: flex;
}

.contact .contact_block .bold_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #E06E6E;
}

.contact .contact_block .block_grid:hover .circle_yellow {
    border: 2px solid #FEC833;

}

.contact .contact_block .block_grid:hover .text {
    color: #FEC833 !important;
}

.contact .contact_block .down_block {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    align-items: center;
}

.contact .contact_block .block_grid {
    display: grid;
    grid-template-columns: 30% 65%;
    align-items: center;
}

a {
    text-decoration: none;
}

.contact .form_block h2 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    color: #26425B;
}

.contact .form_block p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3F647E;
}

.contact .form_block .form_flex {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

.contact .form_block .form_flex hr {
    background: #E5EFF9;
    transform: rotate(90deg);
    width: 90%;
    height: 2px;
}

@media (min-width: 1400px) {
    .contact .container {
        max-width: 1140px;
    }
}

/* --- material floating label --- */

.form-group {
    display: flex;
    height: 60px;
    width: 500px;
    margin: 0 auto;
    margin-bottom: 25px;
    position: relative;
}

.art_grid_2 .form-group {
    width: 100%;
}

.control-label {

    font-weight: 400;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: lighter;
    font-size: 16px;
    line-height: 24px;
    color: #A9C0CC;
    padding-left: 20px;
    top: -15px;
}

.control-label select {
    top: -6px;
}

.form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.75);
    color: #658194;
    top: -20px;
}

.form-control {
    /*align-self: flex-end;*/
}

.form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}


/* CSS from Bootstrap Start */
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.846;
    color: #666666;

    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);

    border: 1px solid #E5EFF9 !important;
    border-bottom: 2px solid #FEC833 !important;
}

.form-control::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #bbbbbb;
}

.form-control::-webkit-input-placeholder {
    color: #bbbbbb;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: 180px;
}

input[type="search"] {
    -webkit-appearance: none;
}

textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control {
    padding: 0;
    border: 1px solid #E5EFF9;
    border-bottom: 2px solid #00B8AF;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #dddddd;
    box-shadow: inset 0 -1px 0 #dddddd;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #26425B;
    padding-left: 20px;

}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    border: 1px solid #00b8af;
    -webkit-box-shadow: inset 0 -2px 0 #00b8af;
    box-shadow: none;
    border-bottom: 2px solid #00B8AF;


}

textarea[disabled],
textarea.form-control[disabled],
input.form-control[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=number][disabled],
[type=text].form-control[disabled],
[type=password].form-control[disabled],
[type=email].form-control[disabled],
[type=tel].form-control[disabled],
[contenteditable].form-control[disabled],
textarea[readonly],
textarea.form-control[readonly],
input.form-control[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=number][readonly],
[type=text].form-control[readonly],
[type=password].form-control[readonly],
[type=email].form-control[readonly],
[type=tel].form-control[readonly],
[contenteditable].form-control[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted #ddd;
}

textarea.input-sm,
textarea.form-control.input-sm,
input.form-control.input-sm,
input[type=text].input-sm,
input[type=password].input-sm,
input[type=email].input-sm,
input[type=number].input-sm,
[type=text].form-control.input-sm,
[type=password].form-control.input-sm,
[type=email].form-control.input-sm,
[type=tel].form-control.input-sm,
[contenteditable].form-control.input-sm {
    font-size: 12px;
}

textarea.input-lg,
textarea.form-control.input-lg,
input.form-control.input-lg,
input[type=text].input-lg,
input[type=password].input-lg,
input[type=email].input-lg,
input[type=number].input-lg,
[type=text].form-control.input-lg,
[type=password].form-control.input-lg,
[type=email].form-control.input-lg,
[type=tel].form-control.input-lg,
[contenteditable].form-control.input-lg {
    font-size: 17px;
}

/* CSS from Bootstrap End */


.file-drop-area {
    position: relative;
    display: grid;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    /* border: 1px dashed rgba(255, 255, 255, 0.4); */
    border-radius: 3px;
    transition: 0.2s;
    border: 2px dashed #E5EFF9;
    height: 180px;
    justify-content: center;
    grid-template-columns: 234px;
    text-align: center;
    grid-row-gap: 20px;
}

.file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
}

.fake-btn {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 0;
    margin: 0px;
    font-size: 12px;
    text-transform: uppercase;
}

.ligth_file.text-left {
    margin: 5px;
    text-align: left;

}

.file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #3F647E;
    margin: 0;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.file-input:focus {
    outline: none;
}


.ligth_file {

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A9C0CC !important;
    margin: 0;
}

.un_active {
    text-align: center;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    background-color: #A9C0CC;
    border: 0;
    border-left: 3px solid #658194;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    display: block;
    background: #A9C0CC;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease;
    text-transform: uppercase;
    padding: 0 5px;
    border-radius: 0;
}

.subscribe {
    margin-bottom: 50px;
}

.form-control1 {
    margin-right: 10px;
    height: 40px;
}

.albums {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    grid-row-gap: 20px;
}

#gallery .galleryy .news_img {
    display: none;
}

.see-all {
    background: #26425B;
    border: 0;
    background: linear-gradient(to right, #FEC833 49%, #26425B 50%);
    border-left: 3px solid #FEC833;
    height: 40px;
    width: 204px;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 auto;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease;
}

.see-all:hover {
    background-position: left bottom;
}

.albums .album {
    position: relative;
}

.albums .album .img_filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.albums .album h5 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #26425B;
    margin: 15px 0;
}

.albums .album .photo_title {
    position: absolute;
    bottom: 100px;
    right: 30px;

    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* mobileeee*/
@media (max-width: 1200px) {
    #online .dark_back, #online .white_blocks {
        padding: 20px;
    }

    #online .red_block .text_block {
        font-size: 18px;
    }

}


.business_registration .b_r_form {
    margin-top: 190px;
}


.result_search .search_div {
    margin-top: 190px;

}

.result_search .search_word {
    color: #00B8AF;

}

.result_search .search_grid {
    display: grid;
    grid-row-gap: 20px;
}

.result_search .search_grid .search_block {
    background: #F9FBFE;
    padding: 20px;
}

.result_search .search_grid .search_block h5 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #26425B;

}

.result_search .search_grid .search_block p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3F647E;
}

.result_search .search_grid .search_block .word_underline {
    text-decoration: underline #FEC833;

}

.result_search .search_grid .no_result {
    background: #F9FBFE;
    padding: 20px;
    border: 1px solid #E5EFF9;
    box-sizing: border-box;
    width: 45%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.result_search .search_grid .no_result p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #26425B;
}

.result_search .search_grid .no_result img {
    margin: 0 auto;
    display: flex;
    margin-bottom: 25px;

}


.basic_info .form-control, .basic_info .floating-form, .art_grid_2 .floating-form {
    width: 320px;

}

.basic_info_2 .form-control, .basic_info_2 .floating-form {
    width: 480px;
}

/****  floating-Lable style start ****/
.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-select {
    font-size: 14px;
    padding: 4px 15px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #E5EFF9;
    box-sizing: border-box;

    border-bottom: 2px solid #00B8AF;
}

.floating-select:focus {
    outline: none;
    border: 1px solid #00b8af;
    box-sizing: border-box;
    border-bottom: 2px solid #00B8AF;

}

.floating-label label {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A9C0CC;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    padding-left: 20px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 14px;
    color: #5264AE;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -20px;
    opacity: 1;
    transform: scale(0.75);
    color: #658194;
    padding-left: 0;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}


.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

/* highlighter */
.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.floating-credit {
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #aaa;
    font-size: 13px;
    font-family: arial, sans-serif;
}

.floating-credit a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.floating-credit a:hover {
    border-bottom: 1px dotted #f8f8f8;
}

.floating-heading {
    position: fixed;
    color: #aaa;
    font-size: 20px;
    font-family: arial, sans-serif;
}

/***  daniel - Fork me friend - style  ***/


.business_registration #checkout-progress {
    width: 75%;
    margin: 0px auto;
    font-size: 2.5em;
    font-weight: 900;
    position: relative;
}

.business_registration #checkout-progress:before {
    content: "";
    position: absolute;
    left: -2%;
    top: 50%;
    height: 4px;
    width: 70%;
    background-color: #ccc;
    -webkit-transform: translateY(-50%) perspective(1000px);
    transform: translateY(-50%) perspective(1000px);
    margin: 0 auto;
    right: 0;
}

.business_registration #checkout-progress:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 50%;
    height: 4px;
    width: 100%;
    background-color: #00B8AF;
    -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
    transform: scaleX(0) translateY(-50%) perspective(1000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.business_registration #checkout-progress.step-2:after {
    -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
    transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}

.business_registration #checkout-progress.step-3:after {
    -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar {
    width: 97%;
    display: flex;
    height: 200px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background-color: transparent !important;
    padding: 0 140px;
}

.business_registration #checkout-progress .progress-bar .step {
    z-index: 2;
    position: relative;
}

.business_registration #checkout-progress .progress-bar .step .step-label {
    position: absolute;
    top: calc(100% + 25px);
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(1000px);
    transform: translateX(-50%) perspective(1000px);
    font-size: 0.4em;
    font-weight: 100;
    color: #ccc;
    transition: 0.3s ease;
    margin-top: 15px;
}

.business_registration #checkout-progress .progress-bar .step span {
    color: #ccc;
    transition: 0.3s ease;
    display: block;
    -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step .fa-check {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.active span, #checkout-progress .progress-bar .step.active .step-label {
    color: #2C3E50;
}

.business_registration #checkout-progress .progress-bar .step.valid .fa-check {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.valid span {
    color: #2C3E50;
    -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.valid .step-label {
    color: #2C3E50 !important;
}

.business_registration #checkout-progress .progress-bar .step:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) perspective(1000px);
    transform: translate(-50%, -50%) perspective(1000px);
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 4px solid #ccc;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#checkout-progress .progress-bar .step.active:after {
    background: #F9FBFE;
    border: 2px solid #FEC833;
    content: url("/public/assets/img/edit.svg");
    width: 42px;
    height: 42px;
    padding-bottom: 13px;
}

.business_registration #checkout-progress .progress-bar .step.valid:after {
    background-color: #00B8AF;
    border: 5px solid #00B8AF;
    content: url("/public/assets/img/valid.svg");
    width: 42px;
    height: 42px;
}

.business_registration .button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 100px auto 0px;
}

.business_registration .button-container .btn {
    display: inline-block;
    background-color: #2C3E50;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 900;
    border: 3px solid #2C3E50;
    transition: 0.3s ease;
    cursor: pointer;
    text-align: center;
}

/*@media (max-width: 767px) {*/
/*.business_registration        .button-container .btn {*/
/*width: 100%;*/
/*margin-bottom: 15px;*/
/*}*/
/*}*/
.business_registration .button-container .btn:hover {
    background-color: transparent;
    color: #2C3E50;
    -webkit-transform: scale(1.02) perspective(1000px);
    transform: scale(1.02) perspective(1000px);
}

.business_registration .step.active span {
    background-image: url("public/assets/img/edit.svg");
}

.business_registration .ligth_text {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #658194;
    text-transform: capitalize;

}

.business_registration .step-label {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #26425B;
}

.business_registration .ligth_liner {
    position: absolute;
    transform: rotate(
        90deg
    );
    background-color: #E5EFF9;
    width: 90px;
    right: -120px;
    opacity: 1;
    top: 30px;

}

.business_registration #section1 p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #658194;
    margin-bottom: 40px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;

}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label, .radio_block p {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3F647E;
}

.radio_block {
    text-align: center;
    margin: 20px auto;
    width: 75%;

}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #3F647E;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:before {
    border: 2px solid #00B8AF;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #00B8AF;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.business_registration #section2 .ligth_text {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #658194;

}

.business_registration #section2 .bold_text {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #26425B;
    margin-bottom: 30px;
}

.business_registration #section2 h5 {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    color: #26425B;
    width: 75%;
    margin: 20px auto;

}

.business_registration #section2 .green_number {
    color: #00B8AF;
    margin-right: 8px;
}

.business_registration #section2 .phone_block {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-row-gap: 30px;
    width: 75%;
    margin: 0 auto;
}

.business_registration #section2 .basic_info .form-group {
    width: 320px;
    margin: 0;
}

.business_registration #section2 .textarea_group {
    margin: 0;
    width: 100%;
    height: auto;
    width: 75%;
    margin: 0 auto;
    margin-top: 30px;
}


.business_registration #section2 .type_of_activity {
    background: #F9FBFE;
    margin-top: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.business_registration #section2 .type_of_activity .my_container {
    width: 75%;
    margin: 0 auto;
}

.business_registration #section2 .type_of_activity .my_container h5 {
    margin: 0;
}


.check {
    -webkit-appearance: none; /*hides the default checkbox*/
    height: 20px;
    width: 20px;
    position: relative;

    /*left: 20px;*/
    transition: 0.10s;
    background: #FFFFFF;
    border: 1px solid #3F647E;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    color: white;
    border-radius: 3px;
    outline: none;
}

.check:checked {
    background-color: #00B8AF;
}

.check:before {
    content: "";
}

.check:checked:before {
    content: url('/public/assets/img/checkbox.svg');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: auto;
}

.check:hover {
    cursor: pointer;
    opacity: 0.8;
}

.checkbox_grid .form-group {
    width: fit-content;
    grid-column-gap: 10px;
    margin: 0;
}


.checkbox-label {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    /* blue-dianne */

    color: #26425B;
}

.checkbox_grid {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.my_container .subtitle {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    text-transform: uppercase;
    color: #26425B;
    margin-top: 50px !important;
    margin-bottom: 25px !important;
}

.my_container .art_grid_1 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 45% 45%;
}

.my_container .art_grid_1 .floating-form, .my_container .art_grid_1 .form-group {
    width: 100%;
}

.my_container .art_grid_2 {
    display: flex;
    justify-content: space-between;
}

.my_container .text {
    white-space: unset !important;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */


    /* blue-dianne-lighter */

    color: #3F647E;
}


.my_container .cars {
    margin-top: 25px;
    margin-bottom: 25px;

}

.art_grid_3 .radio_block {
    width: auto;
    margin: 0;
}

.art_grid_3 .radio_block_p {
    display: flex;
}

.art_grid_3 .radio_block_div {
    display: flex;
    flex-direction: row;
}

.my_container .art_grid_3 {
    display: flex;
    margin-top: 20px;
}

.art_grid_3 .radio_block p {
    padding-left: 0;
    padding-right: 20px;
    margin-bottom: 0;
}

.margin_rigth {
    border-right: 1px solid #A9C0CC;
    padding-right: 30px;
    margin-right: 30px !important;
}

.blue_button {
    cursor: pointer;
    width: 200px;
    height: 40px;
    background-color: #26425B;
    border: 0;
    border-left: 2px solid #FEC833;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    border-radius: 0;
    background: linear-gradient(to right, #FEC833 49%, #26425B 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.blue_button:hover {
    background-position: left bottom;
}

.cars_border {
    border-top: 1px solid #A9C0CC;
    margin-top: 50px !important;
    padding-top: 50px;
}

.add_car {
    padding: 0 10px;
    margin-top: 40px;
}

.block_3 {
    margin: 40px auto !important;
}

#section3 {
    width: 75%;
    margin: 0 auto;
}

#section3 .form-group {
    width: 70%;
    margin: 0 auto;
    display: block;

}

#section3 .form-group .checkbox-label {
    text-transform: uppercase;
    margin-left: 15px;
}

#section3 .form-group p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #26425B;
    margin-left: 40px;
}


.business_registration #checkout-progress {
    width: 75%;
    margin: 0px auto;
    font-size: 2.5em;
    font-weight: 900;
    position: relative;
}

.business_registration #checkout-progress:before {
    content: "";
    position: absolute;
    left: -2%;
    top: 50%;
    height: 4px;
    width: 70%;
    background-color: #ccc;
    -webkit-transform: translateY(-50%) perspective(1000px);
    transform: translateY(-50%) perspective(1000px);
    margin: 0 auto;
    right: 0;
}

.business_registration #checkout-progress:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 50%;
    height: 4px;
    width: 100%;
    background-color: #00B8AF;
    -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
    transform: scaleX(0) translateY(-50%) perspective(1000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.business_registration #checkout-progress.step-2:after {
    -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
    transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}

.business_registration #checkout-progress.step-3:after {
    -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar {
    width: 97%;
    display: flex;
    height: 200px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background-color: transparent !important;
    padding: 0 140px;
}

.business_registration #checkout-progress .progress-bar .step {
    z-index: 2;
    position: relative;
}

.business_registration #checkout-progress .progress-bar .step .step-label {
    position: absolute;
    top: calc(100% + 25px);
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(1000px);
    transform: translateX(-50%) perspective(1000px);
    font-size: 0.4em;
    font-weight: 100;
    color: #ccc;
    transition: 0.3s ease;
    margin-top: 15px;
}

.business_registration #checkout-progress .progress-bar .step span {
    color: #ccc;
    transition: 0.3s ease;
    display: block;
    -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step .fa-check {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.active span, #checkout-progress .progress-bar .step.active .step-label {
    color: #2C3E50;
}

.business_registration #checkout-progress .progress-bar .step.valid .fa-check {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.valid span {
    color: #2C3E50;
    -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}

.business_registration #checkout-progress .progress-bar .step.valid .step-label {
    color: #2C3E50 !important;
}

.business_registration #checkout-progress .progress-bar .step:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) perspective(1000px);
    transform: translate(-50%, -50%) perspective(1000px);
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 4px solid #ccc;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}


#checkout-progress .progress-bar .step.active:after {
    background: #F9FBFE;
    border: 2px solid #FEC833;
    content: url('/public/assets/img/edit.svg');
    width: 42px;
    height: 42px;
    padding-bottom: 13px;
}

.business_registration #checkout-progress .progress-bar .step.valid:after {
    background-color: #00B8AF;
    border: 5px solid #00B8AF;
    content: url('/public/assets/img/valid.svg');
    width: 42px;
    height: 42px;
    padding-bottom: 15px;
}

.business_registration .button-container .primary_btn {
    margin: 0;
}

.business_registration .button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 75%;
    margin: 100px auto 100px;
}

.business_registration .button-container .btn {
    display: inline-block;
    background-color: #2C3E50;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 900;
    border: 3px solid #2C3E50;
    transition: 0.3s ease;
    cursor: pointer;
    text-align: center;
}

@media (max-width: 767px) {
    .business_registration .button-container .btn {
        width: 100%;
        margin-bottom: 15px;
    }
}

.business_registration .button-container .btn:hover {
    background-color: transparent;
    color: #2C3E50;
    -webkit-transform: scale(1.02) perspective(1000px);
    transform: scale(1.02) perspective(1000px);
}

.business_registration .step.active span {
    background-image: url('public/assets/img/edit.svg');
}

.business_registration .ligth_text {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #658194;
    text-transform: capitalize;

}

.business_registration .step-label {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #26425B;
}

.business_registration .ligth_liner {
    position: absolute;
    transform: rotate(
        90deg
    );
    background-color: #E5EFF9;
    width: 90px;
    right: -120px;
    opacity: 1;
    top: 30px;

}

.business_registration #section1 p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #658194;
    margin-bottom: 40px;
}

.business_registration .basic_info {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    grid-row-gap: 30px;
    width: 75%;
}

.business_registration section#section2 {
    margin: 0 auto;
}


.collapse-btn {
    display: none;
    background-color: transparent !important;
    border: 0;
}

.backgrounddd_temp::before {
    position: absolute;
    content: '';
    backdrop-filter: blur(6px);
    width: 100%;
    height: 100%;
    transition-duration: .7s;
    background-color: #19875438;
}

/*.sitebar_filter.collapse:not(.show) {*/
/*display: block;*/
/*}*/
@media (max-width: 1200px) {
    .sitebar_filter.collapse:not(.show) {
        display: none;
    }

    button.btn.btn-primary.collapse-btn.collapse-filter-btn {
        position: absolute;
        margin: 0;
        background-color: transparent;
        border: 0;
        cursor: pointer;

        left: 90px;
        z-index: 99999;
    }

    .collapse-filter-btn {
        display: block !important;
    }

    /*.sitebar_filter {*/
    /*position: absolute;*/
    /*background: #fff;*/
    /*padding: 30px;*/
    /*border-radius: 10px;*/
    /*top: 45px;*/
    /*box-shadow: 0 3px 6px #00000029;*/
    /*}*/
    /*#template_1 .template_1_grid {*/
    /*grid-template-columns: 90%;*/
    /*position: relative;*/
    /*}*/
}

.artadrutyun, .veramshakum, .patetavorum, .iracum, .hansnn, .pokhadrum {
    display: none;
}


#site_map {
    margin-top: 190px;

}

#site_map a {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    /* identical to box height, or 292% */

    letter-spacing: 0.08em;
    text-transform: uppercase;

    /* blue-dianne */

    color: #26425B;
}

#site_map ::marker {
    width: 10px;
    height: 10px;
    font-size: 20px;
}

#risk {
    margin-top: 190px;

}

#risk .select_input {
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
}

#risk .select_input .floating-form {
    width: 100%;
}

#risk .risk_form {
    margin-top: 20px;
}

#risk .risk_form .title {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    color: #26425B;
    margin: 25px 0;
}

#risk .risk_form [type="radio"]:checked + label, #risk .risk_form [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 40px;
}

#risk .risk_button_div {
    width: 30%;
    margin: 50px auto;

}

#risk .risk_button_div p {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    text-transform: uppercase;

    /* blue-dianne */

    color: #26425B;
}


#risk .risk_button_div .count {
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 48px;
    /* identical to box height, or 150% */

    letter-spacing: 0.2em;
    text-transform: uppercase;

    /* blue-dianne */

    color: #26425B;
}

#risk .risk_form hr {
    margin-top: 25px;
    background-color: #E5EFF9;
    height: 1px;
    opacity: 1;
}

.button-container .un_active {
    margin: 0;
}

#section4 .back {
    background: #F9FBFE;
    /* grey-light */

    border: 1px solid #E5EFF9;
    box-sizing: border-box;
    padding: 30px;
    width: 65%;
    margin: 50px auto;
    display: grid;
    justify-content: center;
}

#section4 .back strong {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */

    text-align: center;

    /* blue-dianne */

    color: #26425B;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px;
}

#section4 .back p {
    width: 60%;
    margin: 0 auto;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    text-align: center;

    /* blue-dianne */

    color: #26425B;
    margin-bottom: 15px;
}

#section4 .back img {

    margin: 0 auto;
    margin-bottom: 15px;
}

.send.btn-next.un_active {
    pointer-events: none;
}

#mainCol #news-slider-cont .swiper-slide {
    width: auto !important;
}

/*#mainCol #news-slider-cont .swiper-container-android .swiper-slide, #mainCol #news-slider-cont .swiper-wrapper{*/
/*transform:none!important;*/
/*}*/

#mainCol {
    margin-bottom: 100px;
    width: 100%;
}

#notification_system {
    margin-top: 190px;
}

#notification_system .sorting {
    background: #26425B;
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

#notification_system .card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    background: #F9FBFE;
    margin-bottom: 50px;
}

#notification_system .card-body tbody td {
    border-color: inherit;
    border-style: none;
    border-width: 0;
    background: #FFFFFF;
    font-family: GHEA grapalat-Regular;

}

#notification_system .card-body thead tr {
    border-style: none;
    border-width: 0;
    font-family: GHEA grapalat-Regular;

}


#notification_system .title-cont {
    display: block !important;
}

#notification_system .title-cont p {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #658194;
}

#notification_system .green {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #00B8AF;
    position: relative;
    cursor: pointer;
}

#notification_system .row .col-sm-12.col-md-5 {
    display: none;
}


#notification_system .page-item.active .page-link {
    background: #00B8AF;
    background-color: #00B8AF;
    border-color: #00B8AF;
}

#notification_system .custom-select {
    background-color: transparent;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #00B8AF;
    border: 0;
    box-shadow: none;
}

.disable_select {
    pointer-events: none;
}

.marz_1, .marz_2, .marz_3, .marz_4, .marz_6, .marz_5, .marz_7, .marz_8, .marz_9, .marz_10, .marz_11, .marz_12 {
    display: none;
}

.marz_2_1, .marz_2_2, .marz_2_3, .marz_2_4, .marz_2_6, .marz_2_5, .marz_2_7, .marz_2_8, .marz_2_9, .marz_2_10, .marz_2_11, .marz_2_12 {
    display: none;
}

.disable_select select {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A9C0CC;
}

.highcharts-credits, .highcharts-axis-title {
    display: none;
}

.margin_top_section {
    margin-top: 190px;
}

.vault:hover {
    color: #ffffff;
}

.pag .swiper-button-prev {
    right: 80px !important;
    left: unset;
}

.pag .swiper-button-prev, .pag .swiper-button-next {
    width: 38px;
    height: 38px;
    background: #1E364B;
    opacity: 0.8;
    pointer-events: auto;
}

.pag {
    display: none;
}

.mobile_block {
    display: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
    display: flex !important;
    justify-content: center;
    margin-top: 50px !important;
}

.light-theme .current {
    background: transparent !important;
    border: 1px solid #E5EFF9 !important;
    width: 25px;
    height: 25px;
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    /* line-height: 35px; */
    /* identical to box height, or 292% */
    color: #26425B;
    /* letter-spacing: 0.08em; */
    text-transform: uppercase;
    box-shadow: none !important;
}

.light-theme .active .current {
    background: #00B8AF !important;
    color: #FFFFFF;
    border: 0 !important;
}

.current.next {
    content: url("/public/assets/img/rigth_arrow.svg");
    border: 0 !important;

}

.current.prev {
    content: url("/public/assets/img/left_arrow.svg");
    border: 0 !important;

}

.ex_im_grid {
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
}


#char > div > div:nth-child(1) > div > svg > rect, #char2 > div > div:nth-child(1) > div > svg > rect {
    fill: transparent;
}

.popover {
    /* background: #FFFFFF; */
    /* box-shadow: 0px 8px 30px rgb(0 0 0 / 8%); */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    /* background-color: #fff; */
    background-clip: padding-box;
    border: 0;
    border-radius: .3rem;
    background: #FFFFFF;
    box-shadow: 0px 8px 30px rgb(0 0 0 / 8%);
}


.popover-body {
    font-family: GHEA grapalat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #26425B !important;
}


a.news-row:hover, #gallery .galleryy img:hover {
    transform: scale(1.03);
}


.services-block.swiper-slide:hover {
    transform: scale(1.03);
}


.img-fluid:hover .img-fluid:after {
    background: rgba(0, 184, 175, 0.7);
    mix-blend-mode: color;
    opacity: 0.8;
    width: 100%;
    height: 80%;
    content: '';
    position: absolute;

}

.tabs_title li {
    border-bottom: 1px solid #A9C0CC;
}

.tabs_title .active {
    border-bottom: 2px solid #FEC833;
}


.radio_input {

    margin: 0 auto;
    width: 75%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}


.floating-label {
    margin-bottom: 0;
}

.basic_info, .basic_info_2 {
    margin: 1.5% auto !important;
}

.basic_info_2 {
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    grid-row-gap: 30px;
    width: 75%;
}

.basic_info_2 .form-control,
.basic_info_2 .form-group,
.basic_info_2 .floating-form {
    width: 100%;
    flex-direction: column;
    margin: 0;
    justify-content: space-evenly;

}

.select2-selection {
    font-size: 14px !important;
    padding: 4px 15px !important;
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5EFF9 !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #00B8AF !important;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form_button {
    cursor: pointer;
    height: 40px;
    /*background-color: #26425B;*/
    border: 0;
    /*border-left: 2px solid #FEC833;*/
    font-family: Montserratarm-Regular, Montserrat-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0.1em;
    color: #26425B;
    display: flex;
    text-transform: uppercase;
    border-radius: 0;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease;
    justify-content: center;
    text-align: center;
    align-items: center;

}

input[type="date"] {
    flex-direction: row !important;
}

.form_button span {
    padding-left: 9px;
}


input[type="date"]::before {
    content: attr(placeholder);
    position: absolute;
    color: #999999;
}

input[type="date"] {
    color: transparent !important;
}
input[type="date"].has-value {
    color: #666 !important;
}
input[type="date"]:focus,
input[type="date"]:valid {
    /*color: #666666 !important;*/
    content: "";
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
    content: "";
}
.down{
    margin-top:10px
}