:root {
    --main-color-green: #43B02A;
    --main-color-green-hover: #389423;
    --main-bg-color: #43B02A;
    --main-color-black: #333333;
    --color-green-linght: #DAE4D0;
    --color-green-weight: rgba(67, 176, 42, 0.5);
    --color-dark-ultra-light: #595959;
    --color-dark-light: rgba(20, 26, 17, 0.1);
    --color-gray: #adadad;
    --color-gray-light: #F5F1F0;
    --color-red: #dc3545;
}



body {
    font-family: 'RF Tone';
    font-style: normal;
}


a {
    text-decoration: none;
}


/* re */
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15), 0 -.1rem 1rem rgba(0,0,0,.15)!important;
}


/* color custom */
.color-black {
    color: var(--main-color-black);
}
.color-black-hover:hover {
    color: var(--main-color-black);
    text-decoration: underline;
}
.color-dark-ultra-light {
    color: var(--color-dark-ultra-light);
}
.color-gray {
    color: var(--color-gray);
}
.color-green,
.hover-green:hover {
    color: var(--main-color-green);
}
.hover-green:hover {
    text-decoration: underline;
}
a.color-green:hover {
    color: var(--main-color-green-hover);
    text-decoration: underline;
}
[data=hide] {
    display: none;
}



/* b-g-color custom */
.bg-color-green {
    background-color: var(--main-color-green);
}
.bg-color-green:hover {
    background-color: var(--main-color-green-hover);
}
.bg-colog-gray-light {
    background-color: var(--color-gray-light);
}
.bg-color-white {
    background-color: white;
}



/* fonts custom */
.fs-18 {
    font-size: 1.125rem
}
.fs-14 {
    font-size: .875rem;
}
.fs-11 {
    font-size: .687rem;
}
.fs-12 {
    font-size: .75rem;
}


/* utiliti */
.z-0 {
    z-index: 0;
}
.z-9 {
    z-index: 9;
}
.rotated::after {
    content: '\2192';
    display: inline-block;
    margin-left: .2rem;
    -ms-transform: rotateZ(-29deg);
    transform: rotateZ(-42deg) scale(1.25);
}
.button-prefix-left::before,
.button-prefix-left-2::before {
    content: '\2192';
    position: absolute;
    top: 0;
    bottom: calc(50% - .55rem);
    left: 1.5rem;
    transform: scale(1.2) rotate(180deg);
}
.button-prefix-left-2::before {
    top: -1.9rem;
}
.button-prefix-right::before {
     content: '\2192';
     position: absolute;
    top: .45rem;
    bottom: initial;
    right: 1.5rem;
    transform: scale(1.2);
 }
.text li::before {
    content: '';
    color: var(--main-color-green);
    background-color: var(--main-color-green);
    display: inline-block;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    position: relative;
    left: -1rem;
    top: 0;
}
.text li::marker {
    display: none;
}




/* navbar */
.main-top-header {
    border-bottom: 1px solid var(--color-dark-light);
}
.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
    color: var(--main-color-black);
    position: relative;
}
.dropdown-item.active {
    background-color: initial;
}
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:active {
    background-color: transparent;
}
.navbar-nav .nav-link:not(.dropdown-toggle)::after,
.navbar-nav .dropdown-item::after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    background-color: var(--main-color-black);
    left: .5rem;
    right: .5rem;
    bottom: .375rem;

    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;

    transform: rotateY(80deg);
    opacity: 0;
}
footer .navbar-nav .nav-link:not(.dropdown-toggle)::after {
    left: 0;
    right: 0;
}
footer .navbar-nav .dropdown-item::after {
    background-color: var(--main-color-black);
}
.navbar-nav .nav-link.dropdown-toggle::after {
    content: '';
    border: none;
    display: block;
    height: .5rem;
    background-image: url("../images/symbol-caret-down.png");
    width: .5rem;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: .25rem;
    top: calc(50% - .1rem);
}
/*footer .navbar-nav .nav-link.dropdown-toggle::after {*/
/*    background-image: url("../images/symbol-caret-down-white.svg");*/
/*}*/
.navbar-nav .dropdown-item::after {
    left: 1rem;
    right: 1rem;
}
.navbar-nav .nav-link:not(.dropdown-toggle):hover::after,
.navbar-nav .dropdown-item:hover::after,
.navbar-nav .nav-link.active:not(.dropdown-toggle)::after,
.navbar-nav .dropdown-item.active::after {
    transform: rotateY(0);
    opacity: 1;
}


.navbar-brand img {
    height: 7rem;
}
/*.navbar-brand::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-image: url("../images/logo-part-green.png");*/
/*    width: 2.125rem;*/
/*    height: 2.125rem;*/
/*    background-size: contain;*/
/*    opacity: 0;*/

/*    -ms-transform: rotateY(90deg);*/
/*    transform: rotateY(90deg);*/

/*    -moz-transition: all .2s ease-out;*/
/*    -ms-transition: all .2s ease-out;*/
/*    -o-transition: all .2s ease-out;*/
/*    -webkit-transition: all .2s ease-out;*/
/*    transition: all .2s ease-out;*/
/*}*/
/*.navbar-brand:hover::before {*/
/*    -ms-transform: rotateY(0);*/
/*    transform: rotateY(0);*/
/*    opacity: 1;*/

/*    -moz-transition: all .1s ease-out;*/
/*    -ms-transition: all .1s ease-out;*/
/*    -o-transition: all .1s ease-out;*/
/*    -webkit-transition: all .1s ease-out;*/
/*    transition: all .1s ease-out;*/

/*}*/


/* head info panel */
.info a {
    color: var(--main-color-black);
    text-decoration: none;
}
.info a:hover {
    color: var(--main-color-green) !important;
}
.info a.email::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #333333;
    bottom: 0;
}
.info a.email:hover::after {
    background-color: var(--main-color-green);
}


/* social links */
.social a {
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.social a:hover {
    transform: scale(1.2);
}
.social a::before {
    content: '';
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
}
.social a.wtsap::before {
    background-image: url("../images/whatsapp.svg");
}
.social a.tgm::before {
    background-image: url("../images/telegram.svg");
}





/* buttons */
.border-green {
    border-color: var(--main-color-green) !important;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.border-green:hover {
    background-color: var(--main-color-green) !important;
    color: white;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
}
.with-ball::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--main-color-green);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - .75rem);
    right: .875rem;
}
.with-ball::after {
    content: url("../images/symbol-direct-right-white.svg");
    position: absolute;
    right: 1.25rem;
}




/* footer */
footer {
    background-color: var(--color-gray); /* #c1c1c1; var(--main-color-black); */
}
/*footer .container-xxl {*/
/*    background-image: url("../images/logo-part-transparent.png");*/
/*    background-repeat: no-repeat;*/
/*    background-position: 70% 190%;*/
/*}*/
/*footer .navbar-nav a,*/
/*footer .info a {*/
footer a:not(.dropdown-item) {
    color: black;
}
footer .navbar-brand img {
    height: 7rem;
}
footer .nav-wrapp {
    border-bottom: 1px solid var(--color-dark-ultra-light);
}
.links a {
    color: white;
    opacity: .3;
    border-bottom: 1px solid var(--color-dark-ultra-light);
    text-decoration: none;
}
.links a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .062rem;
    background-color: white;
    opacity: .3;
}
.links a:hover,
.links a.current {
    opacity: 1;
}
.links a:hover::after,
.links a.current::after {
    opacity: 1;
}
/*footer .info a.email::after {*/
/*    background-color: white;*/
/*}*/
#produced {
    color: white;
    text-decoration: none;
}
#produced img {
    filter: contrast(1.5);
    -ms-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#produced:hover img {
    filter: contrast(.5);
}



/* carousel */
.carousel-caption {
    left: 10%;
    top: 25%;
}
.carousel-inner::before {
    content: '';
    background-image: url("../images/banner-bottom-part.png");
    position: absolute;
    left: 3.875rem;
    bottom: .625rem;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}
.carousel-inner::after {
    content: '';
    position: absolute;
    display: block;
    width: 1.562rem;
    height: 1.562rem;
    background-color: var(--main-color-black);
    left: 5.438rem;
    bottom: 2.25rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 9;
}
.carousel-indicators {
    margin: 0 auto;
    left: initial;
    right: initial;
    padding: 0 1.5rem;
    width: max-content;
    bottom: 4.18rem;
    position: relative;
    background-color: white;
}
.carousel-indicators [data-bs-target] {
    width: .375rem;
    height: .375rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: .8rem .5rem;
    border: 0;
    opacity: initial;
    background-color: var(--color-green-linght) !important;
}
.carousel-indicators .active {
    background-color: var(--main-color-green) !important;
}



/* main insurance */
#insurance-car {
    background-image: url('../images/service-group-img/serv-auto.svg');
}
#insurance-property {
    background-image: url('../images/service-group-img/serv-asset.svg');
}
#insurance-healt {
    background-image: url('../images/service-group-img/serv-healt-2.svg');
}
#insurance-travel {
    background-image: url('../images/service-group-img/serv-plane.svg');
}
#insurance-busines {
    background-image: url('../images/service-group-img/serv-busines.svg');
}
#insurance-cargo {
    background-image: url('../images/service-group-img/serv-tans.svg');
}
#insurance-osapo {
    background-image: url('../images/service-group-img/serv-osapo.svg');
}
#insurance-casual {
    background-image: url('../images/service-group-img/serv-casual.svg');
}
#insurance-responsibly {
    background-image: url('../images/service-group-img/serv-user.svg');
}
.insurance {
    background-color: var(--color-gray-light);
    background-repeat: no-repeat;
    background-position: 1.7rem 1.3rem;
}
.insurance .sub {
    background-color: var(--main-color-black);
    bottom: initial;
    height: 0;
    opacity: 0;

    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.insurance:hover .sub {
    height: 100%;
    opacity: 1;
}
.insurance .sub a {
    opacity: 0;
    background-color: #585858;
    border-color: #585858;

    -moz-transition: opacity .2s ease-out .05s, background-color .1s ease-out, top .2s ease-out !important;
    -ms-transition: opacity .2s ease-out .05s, background-color .1s ease-out, top .2s ease-out !important;
    -o-transition: opacity .2s ease-out .05s, background-color .1s ease-out, top .2s ease-out !important;
    -webkit-transition: opacity .2s ease-out .05s, background-color .1s ease-out, top .2s ease-out !important;
    transition: opacity .2s ease-out .05s, background-color .1s ease-out, top .2s ease-out !important;
}
.insurance .sub a:hover {
    background-color: var(--main-color-green);
    -moz-transition: background-color .1s ease-out !important;
    -ms-transition: background-color .1s ease-out !important;
    -o-transition: background-color .1s ease-out !important;
    -webkit-transition: background-color .1s ease-out !important;
    transition: background-color .1s ease-out !important;
}
.insurance:hover .sub a {
    opacity: 1;
    -moz-transition:  top .4s ease-out;
    -ms-transition:  top .4s ease-out;
    -o-transition:  top .4s ease-out;
    -webkit-transition:  top .4s ease-out;
    transition:  top .4s ease-out;
}
.insurance .sub a.category {
    background-color: initial !important;
    color: white;
    text-decoration: none !important;
}
.insurance .sub a.category::after {
    content: '';
    background-color: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.312rem;
    height: .09rem; /* .125rem; */
}
.insurance .sub a.category:hover {
    color: var(--main-color-green);
}
.insurance .sub a.category:hover::after {
    background-color: var(--main-color-green);
}
/*.insurance::before {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 2.5rem;*/
/*    height: 2.5rem;*/

/*    background-repeat: no-repeat;*/
/*    margin-top: 1.3rem;*/
/*    margin-left: 1.72rem;*/
/*}*/
/*.insurance::after {*/
/*    content: '+';*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 1rem;*/
/*    top: .5rem;*/
/*    font-size: 2rem;*/
/*    color: var(--main-color-black);*/
/*    opacity: .3;*/
/*    line-height: 2rem;*/
/*}*/




/* forms */
.form-label {
    left: 1.25rem;
}
.upload label {
    background-color: white;
}
.upload label:hover {
    /*background-color: var(--main-color-black);*/
    color: var(--main-color-green-hover);
    background-color: white;
}
.upload label:active {
    background-color: white !important;
}
.upload label::before {
    content: url("../images/symbol-plus.svg");
    display: block;
    height: 1.5rem;
    width: 1.5rem;
}
.upload label:hover::before {
    /*content: url("../images/symbol-close.svg");*/
    /*transform: rotate(45deg) scale(1.5);*/
}

.attach {
    background-image: url("../images/symbol-convert.svg");
    background-size: 2rem 2rem;
    background-position: left center;
    background-repeat: no-repeat;
}
.attache-remove {
    background-color: transparent;
    border: none;
    outline: none;
}
.attache-remove::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - .5rem);
    width: 1rem;
    height: 1rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/symbol-close.svg");
    background-color: var(--main-color-black);
    background-position: center;
    background-repeat: no-repeat;

    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.attache-remove:hover::after {
    transform: scale(1.2);
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

[type='submit'] {
    background-color: var(--main-color-green);
}
[type='submit']:hover {
    background-color: var(--main-color-green-hover);
}
[type=submit]::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/symbol-direct-right-white-2.svg);
    background-repeat: no-repeat;
    background-position: center .25rem;
    margin-left: .2rem;
}


.form-check-input:focus,
.form-check-input:active {
    border-color: var(--color-green-weight) ;
    box-shadow: 0 0 0 0.25rem var(--color-green-weight);
}
.form-check-input:checked[type=checkbox] {
    background-color: var(--main-color-green);
}

.form-check-label a {
    color: var(--color-dark-ultra-light);
    text-decoration: none;
}
.form-check-label a:hover {
    color: black;
}
.form-check-label a::before {
    content: '';
    position: absolute;
    display: block;
    height: .0625rem;
    background-color: var(--color-dark-ultra-light);
    left: 0;
    right: -.25rem;
    bottom: -.1875rem;
}
.form-check-label a:hover::before {
    background-color: black;
}
.insurance-bid-form::before {
    content: url("../images/hands-and-phone.svg");
    position: absolute;
    top: 1rem;
    left: -24rem;
    filter: contrast(1.5);
}


/* forms validation error */
/*.error ~ label,*/
.ajax_form .error {
    color: var(--color-red) !important;
}


/* insurance bid block home-page */
#insurance-bid::before {
    content: url("../images/logo-full-part-transparent.svg");
    position: absolute;
    z-index: 9;
}
#insurance-bid::after {
    content: '';
    background-color: var(--color-gray); /* var(--main-color-black); */
    -moz-border-radius-topright: .5rem;
    -webkit-border-top-right-radius: .5rem;
    border-top-right-radius: .5rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 20%;
    right: 60%;
    z-index: -1;
}



/* reviews home-page */
#reviews::after {
    content: '';
    background-color: var(--color-gray-light);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 70%;
    z-index: -1;
}
.review {
    background-color: white;
}
.review .initials {
    width: 2.5rem;
    height: 2.5rem;
}
.in-home.review .text {
    height: 6.56rem;
}
.star {
    width: .812rem;
    height: 1.1rem;
}
.star::before {
    content: url("../images/symbol-star.svg");
}
.star::after {
    content: url("../images/symbol-star-filled.svg");
    display: none;
}
.star.filled::after {
    display: inline-block;
}
.star.filled::before {
    display: none;
}

.rating-label::before,
.rating-label::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}
.rating-label::before {
    background-image: url(../images/symbol-star.svg);
}
.rating-label::after {
    background-image: url(../images/symbol-star-filled.svg);
    display: none;
}
.rating-label.check::after {
    display: block;
}
.rating-label.check::before {
    display: none;
}


.review-rating {

}
.review-rating .star {

}



/* landing text home */
#landing-text {
    background-color: var(--color-gray-light);
}




/* breadcrumbs */
.breadcrumbs a {
    color: var(--color-dark-ultra-light);
}
.breadcrumbs a:hover {
    color: var(--main-color-black);
    text-decoration: underline;
}
.breadcrumbs a:last-child:hover {
    color: var(--color-dark-ultra-light);
    text-decoration: none;
}
.breadcrumbs a::after {
    content: '\2192';
    display: inline-block;
    margin-left: .2rem;
    opacity: .5;
}
.breadcrumbs a:last-child::after {
    display: none;
}




/* news */
.new-img-wrapp {

}
.new-img-wrapp img {
    height: 20rem;
    object-fit: cover;
}
.img-wrapp {
    height: 13.5rem;
}
.img-wrapp img {
    object-fit: cover;
    height: 13.5rem;
}
.img-wrapp::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--main-color-black);
    opacity: 0;

    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.img-wrapp:hover::after {
    opacity: .2;
}
/*.img-wrapp:hover ~ h2 {*/
/*    text-decoration: underline;*/
/*}*/




/* contacts */
#contacts::before {
    content: '';
    position: absolute;
    background-color: var(--color-gray-light);
    left: 0;
    right: 0;
    bottom: 0;
    height: 24rem;
    z-index: -1;
}



/* Media */
@media screen and (max-width: 1199px) {
    header .info {
        width: 100%;
    }
    .form-check-label a::before {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    footer .nav-wrapp:nth-of-type(2) {
        border: none;
    }
    footer .nav-wrapp:nth-of-type(3) {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    #produced {
        display: block;
        margin: 1.5rem auto;
    }
}

@media screen and (max-width: 767px) {
    .text li::before {
        width: .65rem;
        height: .65rem;
    }
    .text img {
        display: block;
        width: 100%;
        height: auto;
        margin: .25rem auto !important;
    }
    .new-img-wrapp img {
        height: auto !important;
    }
    #insurance-bid::before,
    .insurance-bid-form::before,
    #insurance-bid::after {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .dropdown-menu {
        right: 0;
    }
    .address {
        width: 100%;
    }
    .in-home.review .text {
        height: initial;
    }
    .carousel-inner::before,
    .carousel-inner::after {
        display: none;
    }
    .carousel-caption {
        top: 2%;
    }
    .carousel-item {
        height: 15rem;
    }
    .carousel-item img {
        height: 15rem;
        width: auto;
        object-fit: cover;
    }
    .carousel-indicators {
        bottom: 2.5rem;
    }
}

@media screen and (max-width: 540px) {
    .info {
        flex-direction: column !important;
    }
}
@media screen and (max-width: 370px) {
    .info .personal {
        flex-direction: column !important;
    }
}