@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('HelveticaNeueCyr-Bold.eot');
    src: local('HelveticaNeueCyr-Bold'),
        url('../fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('HelveticaNeueCyr-Light.eot');
    src: local('HelveticaNeueCyr-Light'),
        url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('HelveticaNeueCyr-Medium.eot');
    src: local('HelveticaNeueCyr-Medium'),
        url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('HelveticaNeueCyr-Roman.eot');
    src: local('HelveticaNeueCyr-Roman'),
        url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
*:focus {
    outline: none !important
}
body {
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-weight: normal;
}
.row>*{
    flex-shrink: 1;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 700
}
a {
    color: #000;
    cursor: pointer;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

img {
    max-width: 100%;
    height: auto !important
}
main {
    display: flex;
    flex-direction: column;
}
.headerbar{
    position: relative
}
.navbarmenu{
    padding-right: 150px;
}
.navbar {
    padding: 17px 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
   
}
.navbar-light .navbar-nav li{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-light .navbar-nav .nav-link {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: white;
    position: relative;
    padding: 0;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("../images/burger.png") !important;
    width: 40px;
}
 .navbar-light .navbar-nav .nav-link:hover {
    color: #346B41;

}
/*
.navbar-nav .dropdown-menu::before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #910045;
    border-width: 10px;
    margin-left: 0;
}
.navbar-light .navbar-nav .dropdown-menu li a.nav-link {
    color: #fff;
    padding: 10px 15px;
    border-bottom: 1px #af0455 solid;
    font-weight: normal;
    text-transform: unset;
}
.navbar-light .navbar-nav .dropdown-menu li:last-child a.nav-link {
    border-bottom: 0
} */
.adminbar{
    position: fixed;
    right: 30px;
    bottom: 15px;
    color: #ffffff;
    background-color: #23b45a;
    padding: 7px 25px;
    border-radius: 25px;
    text-decoration: none;
}
.logo {
    text-align: center;
    padding: 0;
    min-width: 200px;
}
#header{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top;
    
}
#page-header{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    background-color:#346B41;
    padding-bottom:120px;
}
#purchase-propagande{
    background-image: url("../images/propagande.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: round;
    padding: 200px 0;
    display: flex;
    justify-content: flex-start;
}
#purchase-propagande .propagande{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#purchase-propagande .title{
    color: white;
    font-size: 40px;
    max-width: 50%;
    text-align: center;
}
#purchase-propagande .btn{
    font-weight: bold;
   color:black;
   background-color: #FECC2E;
   padding: 10px 25px;
   border-radius: 25px;
   margin-top: 25px;
}
#purchase-propagande .btn:hover{
   box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.71) inset;
}

.nav-navbar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    border-bottom:1px solid rgba(255,255,255,0.26);
}
.nav-navbar .active{
   position: relative;
}
.nav-navbar .active::before{
    content:"";
    background-color:#346B41;
    position: absolute;
    left: 0;
    right: 0;
    top: 51px;
    width: 100%;
    height: 2px;
}
.navbar-icon-close{
    background-image: url("../images/close.png") !important;
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 35px;
}
.headerbar .dropdown-menu{
    min-width: 75px !important;
}
.page-title{
    color: white;
    padding-top: 195px;
    text-align: center;
    width: 66%;
    margin: 0 auto;
}
.nav-tabs.vignette-tabs{
    border-bottom: none;
}
.vignette-tabs{
    display: flex;
    justify-content: center;
    padding-top: 60px;
}
.vignette-tabs .nav-link{
    height: 100%;
    margin-top: 1px;
}
.vignette-tabs .nav-link:not(.active):hover{
    background-color: rgb(255 255 255 / 40%);
}
.vignette-tabs .nav-link .toll-class{
    color: white;
    font-size: 18px;
    text-transform: capitalize;
}
.vignette-tabs .nav-link.active .toll-class{
    color: #333333;
}
.vignette-tabs .vignette-tab{
    display: flex;
    padding-left: 10px;
    padding-right: 25px
}
.vignette-tabs .vignette-tab .vignette-type li{
    list-style: none;
}
.vignette-tabs .vignette-tab .title{
    color: #fff;
    font-size: 20px;
}
.vignette-tabs .active .vignette-tab .title{
    color: #000
}
.vignette-tabs .vignette-tab .info .class{
   color: white;
   background-color: #989898;
   padding:4px;
   border-radius: 5px;
}
.vignette-tabs-content{
    padding: 0px;
    background-color: white;
    border-radius: 5px;
    margin-bottom: 50px;
}
.vignette-tabs-content .product-cards{
    display: flex;
    padding: 0px 50px 15px;
}

.vignette-tabs-content .product-cards .product-card{
   list-style: none;
   padding: 0px 15px
   
}
.vignette-tabs-content .product-cards .product-card .product-card-inner{
   border: 2px solid #F0F0F0;
   border-radius: 10px;
   text-align: center;
   padding: 40px 20px 10px 20px;
   display: flex;
   min-height: 100%;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}
.vignette-tabs-content .short-description{
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
}
.vignette-tabs-content .product-cards .product-card .duration{
   text-align: center;
   font-size: 27px;
}
.vignette-tabs-content .product-cards .product-card .description{
    text-align: center;
    margin: 0px 0px 10px 0px;
}
.vignette-tabs-content .product-cards .product-card .price{
    text-align: center;
    font-weight: bold;
}
.vignette-tabs-content .product-cards .product-card .btn{
    border-radius: 27px;
    background-color: #346B41;
    color:white;
    border: 1px solid #346B41;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 40px;
    margin: 10px 0px;
    width: auto;
}
.vignette-tabs-content .product-cards .product-card .btn:hover{
    background-color:#178842;
    cursor: pointer;
}

.vignette-tabs-content .product-cards .product-card .popular{
    border: 2px solid #ED2939;
    position: relative;
}
.vignette-tabs-content .product-cards .product-card :not(.popular) span{
    display: none;
}
.vignette-tabs-content .product-cards .product-card .popular span{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    color: #fff;
    background-color: #ED2939;
    width: auto;
    font-size: 13px;
    padding: 2px 25px;
    border-radius: 0px 0px 15px 15px;
    white-space: nowrap;
}
.vignette-tabs-content .payment-methods{
    text-align: center;
    padding: 25px;
}



/* body */
.why-choose-us{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 60px;
}
.why-choose-us .why-choose-us-title{
    font-size: 36px;
}
.nav-tabs .nav-link{
    border:0px;
    margin-bottom: 0px;
}
.whyChooseUs:nth-child(3){
    border-left: 1px solid rgb(112, 112, 112,0.3);
    border-right: 1px solid rgb(112, 112, 112,0.3);
}
.why-choose-us-text{
 padding:0px 25px;
}
.whyChooseUs .why-choose-us-photo{
    width: 150px;
    height: 150px !important;
}
.why-choose-us-subtitle{
    padding:25px 0px 10px 0px;
}
.vignette-explanation{
    padding-top: 60px;
    padding-bottom: 60px;
}
.vignette-explanation .explanation {
    padding: 0;
}
.vignette-explanation .explanation .explanation-block{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.vignette-explanation .explanation img{
   width: 100%;
   min-height: 100%;
}
.vignette-explanation .explanation .explanation-block div:last-child{
   background-color: #346B41;
}
.vignette-explanation .explanation .explanation-block .info{
    color: white;
    padding: 100px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 17px;
}
.vignette-explanation .explanation .explanation-block .info ul{
    padding-left: 40px;
}
.text2{
    background-color: #F2F2F2;
    padding: 70px;
}
.countryFaqs{
    background-color: #346B41;
    padding: 30px 0 90px;
}
.countryFaqs #accordion{
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    margin-top: 30px;
}
.countryFaqs #accordion .card{
    border-radius: 5px;
    padding: 0 20px;
}
.countryFaqs #accordion .card-body{
    padding-left: 10px;
}
.our-partners{
    padding: 60px 0px;
}
.our-partners .partners{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgb(112, 112, 112,0.3);
    padding-bottom: 50px;
}
.our-partners .partnerstitle{
    display: flex;
    align-items: center;
}

.partnerslogo img{
    padding-left: 40px;
}
.ourservices{
    padding: 100px 0;
    text-align: center
}
.ourservices h2{
    margin-bottom: 50px
}
.services{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.services li{
    width: 20%;
    padding: 0 5px
}
.services li:first-child{
    padding-left: 0
}
.services li:last-child{
     padding-right: 0   
}
.services li a{
    text-decoration: none;
    position: relative;
    display: block;
    height: 100%;
}
.services li a h3{
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 30px;
    width: 100%;
}
.services li a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.46+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.46) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 ); /* IE6-9 */
}
.services img{
    width: 100%;
    height: 100% !important;
}
/* how it works */

.how-it-works .steps{
	background-color: #FFFFFF;
	padding-bottom: 70px;
	box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
}

.how-it-works .stepNumber{
	font-size: 100px;
	color: #23B45A;
	padding-left: 90px;
}
.how-it-works .stepName{
	font-size: 30px;
	padding-top: 40px;
	padding-left: 40px;
    max-width: 180px;
}
.how-it-works .stepText{
	font-size: 16px;
    max-width: 60%;
    padding-top: 40px;
    margin-left: 130px;
}

/* .how-it-works .step:nth-child(2) .stepText{
	padding-left: 146px;
} */
/* .how-it-works .step:nth-child(3) .stepText{
	padding-left: 115px;
} */

.how-it-works .stepText:nth-child(2){
	padding-left: 20px;
}
.how-it-works{
	padding: 60px 0px;
}
.how-it-works .button{
	background-color: #23B45A;
	border-radius: 27px;
	text-align: center;
	max-width: 330px;
	margin: 0 auto;
    margin-top: 50px;
}
.how-it-works .btn{
	font-size: 20px;
	color: #FFFFFF;
	padding: 12px 0px;
}

.how-it-works .step{
	display: flex;
	flex-wrap: wrap;
}

.how-it-works .step{
	padding: 20px 0px;
    border-bottom: 1px solid rgb(112, 112, 112,0.2);
}
.how-it-works .button:hover{
    background-color:#178842;
    cursor: pointer;
}

/* faqs */

.faqs{
    padding: 60px 0px;
}
#accordion{
    background-color: white;
    padding: 60px 100px 80px 100px;
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
}
#accordion .card-header{
    border-bottom: 1px solid rgba(0,0,0,.125) ;
}
#accordion .card-first .card-header{
    border-top: 1px solid rgba(0,0,0,.125) ;
}
#accordion .card{border:0;border-radius:0;padding: 0px 50px;}
#accordion .card-header{padding:0;background-color:transparent;font-weight: normal;}
#accordion .card-header a{text-decoration:none;color:#333;padding-left: 10px;padding-right: 30px;font-weight: 400;}
#accordion .card-body{color:#666;padding:1.25rem 0;padding-left: 40px;}

.accordion{position:relative;display:flex;justify-content:space-between;padding:15px 0;}
.accordion::before{content:'';width:14px;height:1px;background:#333;position:absolute;top:calc(50% - 1px);right:1rem;display:block;transition:all 0.3s;}
.accordion::after{content:'';width:1px;height:14px;background:#333;position:absolute;top:calc(50% - 7px);right:calc(1rem + 6px);display:block;transition:all 0.3s;}
.accordion[aria-expanded='true']::after{transform:rotate(90deg) translateX(-1px);}
.accordion[aria-expanded='true']::before{transform:rotate(180deg);}

#accordion .section-title{
    padding: 60px 20px 20px 0;
    font-weight: normal;
}



/* footer */

footer{
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
}
.footer .footer-text{
    padding: 30px 0px 20px 0px;
    color:rgb(51, 51, 51,0.5);
    font-size: 14px;
    text-align: center;
}

.footer .terms .dropdown-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: inherit;
    border: none;
}
.footer .terms .dropdown-menu .nav-item a{
    font-size: 16px;
    color: #333333;
    text-decoration: underline;
    padding-left: 0;
}
.footer .terms .dropdown-menu .nav-item a:hover{
    text-decoration: none;
}
.footer .footermenu{
    display: flex;
    padding: 0px;
    flex-wrap: wrap;
    align-items: flex-end;
}
.footer .footermenu .terms{
    display: flex;
    justify-content:flex-start;
}
.footer .footermenu .terms .dropdown-menu{
    display: flex;
    line-height: 10px;
    align-items: flex-start;
    flex-direction: column;
}
.footermenu .menu .dropdown-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: inherit;
    border: none;
    padding: 0;
    margin: 0 15px;
}
.footermenu .menu .dropdown-menu .nav-item a{
    font-size: 18px;
    color: #333333;

}
.footer .footermenu .contact{
    display: flex;
    justify-content: flex-end;
}
footer .footermenu .contact .btn{
    border: 1px solid #346B41;
    border-radius: 27px;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 40px;
}
footer .footermenu .contact .btn:hover{
    color: white;
    background-color: #346B41;
    transition: 0.5s;
}
footer .footermenu .menu .nav-item a:hover{
    color: #346B41;
    transition: 0.3s;
    cursor: pointer;
}
footer .footer-languages{
    display: flex;
    justify-content: center;
}
.copyright .info{
    padding: 30px 0px 80px 0px;
    color:rgb(51, 51, 51,0.5);
}
.headerbar .language .dropdown .btn{
    background-color: rgb(242 243 244 / 55%);
    width: max-content;
    color: #000;
}

.headerbar .language .dropdown .icon{
    color: white;
    
}
.headerbar .language .dropdown-menu{
    background-color:#F2F3F4;
}
.navbarmenu .navbar-collapse .btn{
    display: none;
}
.headerbar .navbarmenu{
    position:inherit;
    background-color: transparent;
    height: auto;
    left: 0px;
    top: 0px;
    right: 0px;
}
.page-modal .modal-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.page-modal .modal-header i{
    color: #f24b3f;
    font-size: 60px;
}
.page-modal .modal-footer #modal-accept{
    background-color: #f24b3f;
    padding: 5px 45px;
    font-size: 18px;
}
.page-modal .modal-footer #modal-chancel{
    background-color: #346B41;
    padding: 5px 45px;
    font-size: 18px;
}
.page-modal .modal-footer{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Register e-vignette */

.dropdownCountry,.dropdownCountryInv{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdownCountry-button{
    width: 100%;
    background-color: transparent;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.75rem + 18px);
}
.dropdownCountryInv-button{
    width: 100%;
    background-color: white;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.75rem + 18px);
}
.dropdownCountry-button ul,.dropdownCountryInv-button ul{
    padding: 0;
    margin: 0;
}
.dropdownCountry-button ul li,.dropdownCountryInv-button ul li{
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    width: 100%;
}
.personal-details .dropdownCountry-button li,.personal-details .dropdownCountryInv-button li{
    background-color: transparent!important;
}
.dropdownCountry-button ul li img,.dropdownCountryInv-button ul li img{
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
    margin-right: 15px;
}
.dropdownCountry-list,.dropdownCountryInv-list{
    width: 100%;
}
.personal-details .dropdown-menu{
    max-height: 400px;
    overflow-y: auto;
}
.personal-details input{
   text-indent: 7px;
}
.dropdownCountry-list ul li,.dropdownCountryInv-list ul li{
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    width: 100%;
}
.dropdownCountry-list ul li img,.dropdownCountryInv-list ul li img{
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
    margin-right: 15px;
}
.personal-details .vehicle .vehicle-title{
    font-weight: 300;
}
.personal-details .register-tabs{
    justify-content: center;
    border: none;
    padding-top: 55px;
    display: flex;
}
.mobile-register-tabs{
    justify-content: center;
    border: none;
    padding-top: 55px;
    display: none;
}

.personal-details .finished{
    color: #23B45A;
    background-color: #127145;
}
.personal-details .regdata{
    color: #22B359;
}
.personal-details  .reg-check{
    color: #808080;
    background-color: #FFFFFF;
    box-shadow: #000000;
}

.reg-number, .confirm-reg{
    display: flex;
    flex-direction: column;
}
#reg-number, #confirm-reg{
   width:100%;
}
#reg-expl{
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5);
    padding-top: 8px
}
#confirm-expl{
    color: rgba(51, 51, 51, 0.5);
    font-size: 14px;
    padding-top: 8px
}

#reg-errorIcon i,#reg-errorEmailIcon i{
   color: #E52E4C;
   font-size: 25px;
   position: absolute;
   top: 5px;
   right: 10px;
   display: none;
}
#confirm-errorIcon i,#confirm-errorEmailIcon i{
    color: #E52E4C;
    font-size: 25px;
    position: absolute;
    top: 5px;
    right: 10px;
    display: none;
}
#reg-Icon i,#reg-emailIcon i{
    color: #346B41;
    font-size: 25px;
    position: absolute;
    top: 5px;
    right: 10px;
    display: none;
}
#confirm-Icon i,#confirm-emailIcon i{
    color: #346B41;
    font-size: 25px;
    position: absolute;
    top: 5px;
    right: 10px;
    display: none;
}

.personal-details .exception{
    display: flex;
    display: none;
    padding-bottom: 25px;
}
.personal-details .exception .input-group-prepend{
    margin-right: -1px;
}
.exception .twofield > div.row {
    border: 1px solid #ced4da;
    padding: 5px;
}
.personal-details .exception .twofield .icon-divider{
    position: relative;
}
.personal-details .exception .twofield .icon-divider::before{
    content: '';
    background-color: #ddd;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 7px;
    margin-left: -6px;
}
.personal-details .exception .twofield .icon-divider::after{
    content: '';
    background-color: #ddd;
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 22px;
    margin-left: -7px;
}
.personal-details .exception .input-group-text{
    font-size: 14px;
    color: white;
}
.personal-details .exception .input-group-text{
    display: flex;
    flex-direction: column;
    background-color: #032986;
    border: 1px solid #032986;
    padding: 5px 15px 2px;
    height: 100%;
    justify-content: center;
}
/* .personal-details .exception-uk {
    margin-right: -1px;
} */
.personal-details .exception-uk .input-group-text{
    font-size: 14px;
    color: white;
}
.personal-details .exception-uk .input-group-text{
    display: flex;
    flex-direction: column;
    background-color: #032986;
    border: 1px solid #032986;
    padding: 5px 15px 2px;
    height: 100%;
    justify-content: center;
    border-radius: 4px 0px 0px 4px;
}
.personal-details .reg-number{
    position: relative;
}
.personal-details .confirm-reg{
    position: relative;
}

.personal-details .register-tabs .reg-data{
    padding: 0px 25px;
}
.personal-details .register-tab-content{
    background-color: white;
}
.personal-details .validity-title{
    font-weight: 300;
}

.personal-details .personal-data .personal-data-title{
    font-weight: 300;
}
.personal-details .validity .validity-info{
    padding-top: 45px;
    padding-bottom: 50px;
}
.personal-details .validity{
  border: 1px solid rgba(112, 112, 112, 0.2);
  border-left: none;
  border-right: none;

}
#validity-date{
    display: none;
    background-color: rgba(35, 180, 90, 0.2);
    padding: 10px 5px;
    margin-top: 10px;
    border-radius: 5px;
}
.personal-details .personal .personal-title{
    font-weight: 300;
  
}
.personal-details .invoice .invoice-title{
    font-weight: 300;
  
}
.personal-details .invoice{
    display: none;
    background-color: #EDEDED;
    padding: 50px 0px;
}
.personal-details .invoice input,.personal-details .invoice select,.personal-details .invoice .dropdownCountryInv{
    border-radius: 10px;
}
.sendInformation{
    padding: 15px 0px;
}
.sendInformation .form-control{
    height: 47px;
}

.inpLabel{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
}
.invoice-checkbox{
    display: flex;
    align-items: center;
}
.personal-details .form-check-input:checked{
    border-color: #346B41;
    background-color: #346B41;
}
.personal-details .recommend{
    background-color: #FFF5E2;
    justify-content: center;
    display: flex;
    padding: 100px 0px;
}
.personal-details .recommend .recommend-info{
   display: flex;
}
.personal-details .recommend .recommend-img img{
    width: 340px;
 }
.personal-details .recommend .recommend-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 40px;
}
.personal-details .recommend .recommend-status{
   background-color: #346B41;
   border-radius: 5px;
   padding: 2px 10px;
   color: white;
   font-size: 14px;
}
.personal-details .recommend .recommend-vehicles{
    display: flex;
    
}
.personal-details .recommend .recommend-vehicles .info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.personal-details .recommend .recommend-vehicles img{
    object-fit: none;
    width: 80px
} 
.personal-details .recommend .recommend-vehicles p{
    padding: 0 15px;
}
.personal-details .recommend .recommend-vehicles .info p{
    margin: 0px;
}
.personal-details .recommend .recommend-vehicles .restrictions {
    display: flex;
}
.personal-details .recommend .recommend-vehicles .restrictions p{
    font-size: 18px;
    font-weight: bold;
}
.personal-details .recommend .recommend-vehicles .add{
    display: flex;
    align-items: center;
}
.personal-details .recommend .recommend-vehicles .add .add-button{
    border-radius: 27px;
    background-color: #346B41;
    color: white;
    border: 1px solid #346B41;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 40px;
    width: auto;
}
.personal-details .recommend .recommend-vehicles .add .active{
    background-color:#f24b3f;
    padding: 5px 30px
}
.personal-details .recommend .recommend-vehicles .add .price{
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
.personal-details .sms{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.personal-details .sms .sms-header{
    display: flex;
    justify-content: center;
}
.personal-details .sms .sms-title span{
    background-color: #346B41;
    border-radius: 5px;
    padding: 2px 10px;
    color: white;
    font-size: 14px;
}
.personal-details .sms .sms-title h2{
   font-weight: 300;
}
.personal-details .sms .sms-header .sms-icon{
    display: flex;
    padding: 10px;
}
.personal-details .sms .sms-header .sms-icon img{
    object-fit: cover;
}
.personal-details .sms .sms-subtitle{
    width:40%;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
}
.personal-details .sms .sms-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 1px solid #D5D5D5;
    margin: 25px auto;
    border-radius: 5px;
}
.personal-details .sms .sms-confirm{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
.personal-details .sms .sms-confirm .sms-price{
    font-weight: bold;
    padding-left: 15px;
    font-size: 20px;
    white-space: nowrap;
}
.personal-details .payment-methods{
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.dropdownCountrySms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdownCountrySms-button{
    width: 100%;
    background-color: #D5D5D5;
    border: 1px solid #ced4da;
    height: 47px;
    border-radius: 5px 0 0 5px;
}
.dropdownCountrySms-button ul{
    padding: 0;
    margin: 0;
}
.dropdownCountrySms-button ul li{
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    width: 100%;
}
.personal-details .dropdownCountrySms-button li{
    background-color: transparent!important;
}
.dropdownCountrySms-button ul li img{
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
    margin-right: 15px;
}
.dropdownCountrySms-list{
    width: 100%;
}
.personal-details .dropdown-menu{
    max-height: 400px;
    overflow-y: auto;
}
.dropdownCountrySms-list ul li{
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    width: 100%;
}
.dropdownCountrySms-list ul li img{
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
    margin-right: 15px;
}
.personal-details .sms .sms-number{
   display: none;
   width: 100%;
}
.personal-details .sms .dropdown-CountrySms .dropdown-item{
    padding: 0px;
}
.personal-details .sms .sms-number .input-group{
    width: auto !important;
}
.personal-details .sms .sms-number .sms-phoneNumber{
    width: 120px;
    border-radius: 0 5px 5px 0;
}
.personal-details .sms .sms-content .inpLabel{
   padding-left: 25px;
}
.personal-details .sms .sms-content .sms-code{
    padding-left: 50px;
}


.personal-details .purchased {
    padding: 50px 15px;
    background-color: #346B41;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.personal-details .purchased .purchased-category{
   display: flex;
   align-items: flex-start;
   padding: 0 20px 0 0;
   width: 100%;
}
.personal-details .purchased .purchased-products{
    width: 100%;
}
.personal-details .purchased .vignette-type{
    padding-left: 15px;
}
.personal-details .purchased .vignette-type li{
    list-style: none;
    color: white;
    display: inline-block;
}
.personal-details .purchased .purchased-category img{
    padding-top: 10px;
    
}
.personal-details .purchased .vignette-type .title{
    font-size: 20px;
    font-weight: bold;
}
.personal-details .purchased .vignette-type .class{
    color: #333333;
    background-color: #D6D6D6;
    padding: 4px;
    border-radius: 5px;
}
.personal-details .purchased .vignette-type .toll-class{
    font-size: 18px;
}
.personal-details .purchased .vignette-type .duration{
  color: white;
  font-weight: bold;
  width: 80%;
}
.personal-details .purchased .purchased-content{
   border-bottom: 1px solid white;
   display: flex;
}
.personal-details .purchased .purchased-items{
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid white;
}
.personal-details .purchased .purchased-items .vignette-price{
    padding: 5px 0px 5px 0px; 
}
.personal-details .purchased .purchased-items .vignette-total{
    padding: 5px 20px 5px 0px;
}
.personal-details .purchased .purchased-items .sms-text{
    padding: 5px 0px 5px 0px; 
}
.personal-details .purchased .purchased-items .sms-price{
    padding: 5px 20px 5px 0px;
    white-space: nowrap;
}
.personal-details .purchased .purchased-items .extraProduct-text{
    padding: 5px 0px 5px 0px; 
}
.personal-details .purchased .purchased-items .extraProduct-price{
    padding: 5px 20px 5px 0px;
    white-space: nowrap;
}
.personal-details .purchased .purchased-content .purchased-item{
    display: flex;
    height: fit-content;
    padding: 0px;
    color: white;
    width: auto;
    justify-content: space-between;
    align-items: center;
}
.personal-details .purchased .purchased-content .purchased-item:last-child{
    /* border-bottom: 1px solid white; */
    padding-bottom: 5px;
}
.personal-details .purchased .purchased-content .purchased-total{
    display: flex;
    padding: 10px 0px;
    color: white;
    width: auto;
    justify-content: space-between;
    align-items: center;
    
}
.personal-details .purchased .purchased-content .purchased-total .purchased-totalText{
    font-size: 20px;
    font-weight: bold;
}
.personal-details .purchased .purchased-content .purchased-total .purchased-totalPrice{
    font-size: 20px;
    font-weight: bold;
}
.personal-details .purchased .action-buttons{
   display: flex;
   padding-top: 40px;
   align-items: center;
}
.personal-details .purchased .action-buttons .prev{
    background-color: transparent;
    border: 1px solid white;
    border-radius: 27px;
    padding: 10px 35px;
    color: white;
    font-size: 20px;
    margin-right: 10px;
    display: inline;
}
.personal-details .purchased .action-buttons .prev i{
    color: white;
    font-size: 20px;
    padding-right: 10px;
}
.personal-details .purchased .action-buttons .next{
    background-color:white;
    border: 1px solid white;
    border-radius: 27px;
    padding: 10px 55px;
    color: #333333;
    margin-left: 10px;
    font-size: 18px;
}
.sendInformation .payment-methods{
    margin: 0 auto;
    display: flex;
    padding: 60px 20px 0px 20px;
    justify-content: center;
}
.checkout .payment-methods{
    margin: 0 auto;
    display: flex;
    padding: 40px 20px;
    justify-content: center;
    border-top:1px solid rgba(112, 112, 112, 0.2);
}
.personal-details .purchased .purchased-products .extraProduct{
    display: none;
}
.personal-details .purchased .purchased-products .smsConfirmation{
    display: none;
}
.purchased .purchased-content .active{
    display: flex !important; 
}

/* checkout */

.checkout .register-tabs{
    justify-content: center;
    border: none;
    padding-top: 55px;
    display: flex;
}

.checkout .register-tab-content{
    background-color: white;
}
.checkout .register-tabs .reg-data {
    padding: 0px 25px;
}
.checkout .finished{
    color: #23B45A;
    background-color: #127145;
}
.checkout .regdata{
    color: #22B359;
}
.checkout .reg-check{
    color: #808080;
    background-color: #FFFFFF;
    box-shadow: #000000;
}
.checkout .infoLabel{
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5);
}
.checkout .vignette{
   display: flex;
   justify-content: space-around;
   padding: 20px 100px 0px 100px;
}
.checkout .vignette .countryInv .input-group{
    flex-wrap: nowrap;
}
.checkout .countryInv img{
    object-fit: contain;
}
.checkout .countryInv span{
    padding-left: 10px;
}
.checkout .vignette .reg-details-title{
    font-weight: 300;
}
.checkout .invoice .invoice-title{
    font-weight: 300;
}
.checkout .pricing{
    background-color: #FFF5E2;
    padding: 30px 100px;
}
.checkout .pricing>*{
    color: #333333;
}
.checkout .pricing .header{
   display: flex;
   justify-content: space-between;
   font-size: 18px;
   border-top:1px solid rgba(112, 112, 112, 0.2);
   border-bottom:1px solid rgba(112, 112, 112, 0.2);
   padding: 15px 0px;
}
.checkout .payment{
    background-color: white;
    font-weight: 300;
}
.checkout .payment{
    background-color: white;
    
}
.checkout .payment .payment-title{
	font-weight: 300;
    text-align: center;
    padding: 60px 0 30px 0;
}
.checkout .paymentMethods li{
	list-style-type: none;
	display: flex;
    justify-content: center;
}
.checkout .paymentMethods .custom-control{
	display: flex;
    justify-content: space-between;
	width: 100%;
    padding-top: 15px;
	padding-bottom: 15px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
/* .checkout .paymentMethods li:nth-child(1) .custom-control{
    border-top: 1px solid #707070;
} */

.custom-radio input[type=radio] {
    position: absolute;
    opacity: 0;
  }
  .custom-radio input[type=radio] + .custom-control-label:before {
    content: "";
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
  }
  .custom-radio input[type=radio]:checked + .custom-control-label:before {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 8px #23b45a;
  }
  .custom-radio input[type=radio]:focus + .custom-control-label:before {
    outline: none;
    border-color: #ffffff;
  }
  .custom-radio input[type=radio]:disabled + .custom-control-label:before {
    box-shadow: inset 0 0 0 4px #23b45a;
    border-color: #0e4925;
    background: #0e4925;
  }
  .custom-radio input[type=radio] + .custom-control-label:empty:before {
    margin-right: 0;
  }

.checkout .paymentMethods .custom-control-label {
    padding-left: 30px;
	width: 100%;
}
.checkout .paymentMethods .custom-control img{
	padding-right: 12px;
}

.checkout .paymentAgreement{
    background-color: #F5F5F5;
    border-radius: 5px;
    margin-top: 50px;
    padding: 15px;
    margin-bottom: 60px;
    display: flex;
    align-items: baseline;
    position: relative;
}
.checkout .paymentAgreement input{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 40px;
    top: 15px;
   
}
.checkout .paymentAgreement input:checked {
    background-color: #346B41 !important;
}
.checkout .paymentAgreement .condition{
    padding-left:30px;
    color: lightgrey;
    font-size: 14px;
    font-style: italic;
}
.checkout .paymentAgreement .condition a{
    color: lightgrey;
}


.checkout .pricing .pricing-title{
    font-weight: 300;
}
.checkout .pricing .purchased-category{
    display: flex;
    align-items: flex-start;
}
.checkout .pricing .purchased-category .vignette-type{
   margin-bottom: 0px;
}
.checkout .pricing .purchased-category .vignette-type .title{
   font-size: 20px;
   font-weight: bold;
}
.checkout .pricing .purchased-category .vignette-type .info .toll-class{
    font-size: 18px;
}
.checkout .pricing .purchased-category .vignette-type .duration{
    font-weight: bold;
}
.checkout .pricing .purchased-category .info .class{
    color: #333333;
    background-color: #D6D6D6;
    padding:4px;
    border-radius: 9px;
}
.checkout .pricing .vignette-type li{
    list-style: none;
}
.checkout .pricing .purchased-category img{
    filter: invert(80%) sepia(0%) saturate(5966%) hue-rotate(24deg) brightness(108%) contrast(75%);
}
.checkout .pricing .main{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 0;
}

.checkout .pricing .main .vigPrice .price{
    font-weight: bold;
    white-space: nowrap;
}
.checkout .pricing .vignette-mob{
    display: none;
}
.checkout .pricing .body .carInfo{
    padding-right: 160px;
} 
.checkout .pricing .main .carInfo .country{
    display: flex;
}
.checkout .pricing .main .carInfo .country .country-detail{
    display: flex;
    align-items: center;
}
.checkout .pricing .main .carInfo .regNumber{
    display: flex;
}

.checkout .pricing .main .carInfo .date{
    display: flex;
    
}
.checkout .pricing .main .carInfo .country-detail span{
   padding-left: 15px;
} 
.checkout .pricing .main .carInfo .countryLabel{
    padding-right: 10px;
}
.checkout .pricing .main .carInfo .regLabel{
    padding-right: 10px;
} 
.checkout .pricing .main .carInfo .dateLabel{
    padding-right: 10px;
}
.checkout .pricing .service{
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding: 10px 0;
    display: none;
}
.checkout .pricing .service .service-charge{
   font-weight: bold;
}   
.checkout .pricing .extraProduct{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding: 10px 0;
}
.checkout .pricing .extraProduct .extraPrice{
    font-weight: bold;
}
.checkout .pricing .sms .sms-desk{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.checkout .pricing .sms{
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.checkout .pricing .sms .sms-mob .sms-detail{
    display: none;
}    
.checkout .pricing .sms .sms-price{
 font-weight: bold;
 white-space: nowrap;
}
.checkout .pricing .total{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    padding: 10px 0;
}
.checkout .pricing .total .total-text{
    font-size: 18px;
    font-weight: bold;
    padding-right: 30px;
}
.checkout .pricing .total .total-price{
    font-size: 32px;
    font-weight: bold;
}
.checkout .payment .paymentMethods{
    padding: 0px;
}
.checkout .payment .privacyPolicy{
    text-align: center;
    padding: 60px 0 40px 0;
    display: none;
}

.checkout .action-buttons{
    display: flex;
    padding: 40px 0 50px 0;
    align-items: center;
    justify-content: center;
}
.checkout .action-buttons .prev{
    background-color: transparent;
    border: 1px solid #346B41;
    border-radius: 27px;
    padding: 5px 35px;
    color: #333333;
    font-size: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.checkout .action-buttons .prev i{
    color: #333333;
    font-size: 30px;
    padding-right: 10px;
}
.checkout .action-buttons .next{
    background-color:#346B41;
    border-radius: 27px;
    border: none;
    padding: 13px 55px;
    color: white;
    margin-left: 10px;
    font-size: 20px;
}

/* Thank you */

.thankYou .register-tabs{
    justify-content: center;
    border: none;
    padding-top: 55px;
    display: flex;
}
.thankYou .mobile-register-tabs{
    justify-content: center;
    border: none;
    padding-top: 55px;
    display: none;
}
.thankYou .register-tabs .reg-data {
    padding: 0px 25px;
}
.thankYou .finished{
    color: #23B45A;
    background-color: #127145;
}
.thankYou .register-tab-content {
    background-color: #127145;
    padding: 0px 100px;
    border-radius: 5px;
}
.thankYou .regdata{
    color: #22B359;
}
.thankYou .register-tab-inner{
    background-color: white;
    border-radius: 5px 5px 0 0;
    padding: 80px 0px 45px 0;
}
.thankYou .register-tab-inner .header{
   display: flex;
   justify-content: center;
   padding: 0px 100px 0px 100px;
}
.thankYou .register-tab-inner .header .headerImg img{
 vertical-align: text-top;
}
.thankYou .register-tab-inner .header .headerImg {
    padding-right: 15px;
}
.thankYou .register-tab-inner .header .headerInfo {
    padding-left: 15px;
}
.thankYou .register-tab-inner .header .headerInfo-title{
    font-size: 32px;
    margin-bottom: 0px;
}
.thankYou .register-tab-inner .header .headerInfo-person{
    font-size: 20px;
}
.thankYou .register-tab-inner .tableInfo {
    display: flex;
    justify-content: center;
}
.thankYou .register-tab-inner .tableInfo tbody{
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding: 0px 0px 15px 0px;
}
.thankYou .register-tab-inner .tableInfo tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.thankYou .register-tab-inner .tableInfo tr {
   display: flex;
   justify-content: space-between;
   padding: 10px 20px;
   flex-wrap: wrap;
}
.thankYou .register-tab-inner .tableInfo tr td:nth-child(odd){
    padding-right: 30px;
    font-weight: bold;
    font-size: 18px;
}
.thankYou .register-tab-inner .download{
    background-color: #E53E47;
    color: white;
    border-radius: 27px;
    display: flex !important;
    justify-content: center !important;
    margin: 30px auto;
    box-shadow: 0px 8px 1px -2px #BF3C43;
    font-size: 20px;
    padding: 5px 30px;
    align-items:center;
    min-width: 250px;
    max-width: 350px;

}
.thankYou .register-tab-inner .download img{
  padding-right: 10px;
}
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: white;
    color:white;
    box-shadow: 9999px 0 0 -5px white;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
    margin-left: 30px;
  }
  
  .dot-pulse::before, .dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: white;
    color: white;
  }
  
  .dot-pulse::before {
    box-shadow: 9984px 0 0 -5px white;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
  }
  
  .dot-pulse::after {
    box-shadow: 10014px 0 0 -5px white;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
  }
  
  @keyframes dotPulseBefore {
    0% {
      box-shadow: 9984px 0 0 -5px white;
    }
    30% {
      box-shadow: 9984px 0 0 2px white;
    }
    60%,
    100% {
      box-shadow: 9984px 0 0 -5px white;
    }
  }
  
  @keyframes dotPulse {
    0% {
      box-shadow: 9999px 0 0 -5px white;
    }
    30% {
      box-shadow: 9999px 0 0 2px white;
    }
    60%,
    100% {
      box-shadow: 9999px 0 0 -5px white;
    }
  }
  
  @keyframes dotPulseAfter {
    0% {
      box-shadow: 10014px 0 0 -5px white;
    }
    30% {
      box-shadow: 10014px 0 0 2px white;
    }
    60%,
    100% {
      box-shadow: 10014px 0 0 -5px white;
    }
  }
.thankYou .register-tab-inner .feel-free{
    color: #333333;
    display: flex;
    justify-content: center;
}
.thankYou .register-tab-inner .best-regards{
    color: #333333;
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 22px;
}
.thankYou .register-tab-note{
    color: white;
    background-color: rgba(245, 245, 245, 0.2);
    border-radius: 0px 0px 5px 5px;
    display: flex;
    justify-content: center;
    padding: 30px 100px;
}
.thankYou .register-tab-note .note-title{
    font-size: 26px;
}
.thankYou .register-tab-note .note-subtitle{
   font-weight: bold;
}
.thankYou .register-tab-note .note-list li{
    list-style: none;
}
.thankYou .register-tab-note .note-list span{
    padding-right:50px ;
}
.thankYou .register-tab-worning p{
    color: white;
}
.termsAndCondition{
    background-color: white;
    padding: 60px 40px;
    color: #000;
}


/* Contact us */

.contact-us .header{
    color: white;
    padding: 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb{
    flex-wrap: nowrap !important;
    justify-content: center;
}
.breadcrumb li a{
    color: #fff
}
.breadcrumb-item.active {
    color: #bfbfbf;
}
.contact-us .header .breadcrumb .breadcrumb-item{
    color: white;
}
.contact-us .header .breadcrumb .breadcrumb-item a{
    color: white;
}
.contact-us .main{
    padding: 100px 0;
}
.contact-us .main .img img{
    width: 75%;
}
.contact-us .main .subtitle{
   color:#23B45A;
   font-size: 14px;
   font-weight: bold;
}
.contact-us .main .title{
    color:#23B45A;
}
.contact-us .contact-form input{
    border: none;
    border-bottom: 1px solid #D6D6D6;
    border-radius: inherit;
}
.contact-us .contact-form .form-item{
    padding: 30px 0;
} 
.contact-us .contact-form textarea{
    min-height: 110px;
    border: none;
    border-radius: inherit;
    border-bottom: 1px solid #D6D6D6;
} 
.contact-us .form-control:focus {
    border-color: #28a745;
    border-radius: 5px;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} 
.contact-us .contact-form .btn{
    border: 1px solid #346B41;
    border-radius: 27px;
    color: white;
    background-color: #346B41;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 50px;
}
.alert-email-sending{
    top: 80px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
}

/* About us */

.about-us .header{
    color: white;
    padding: 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-us .header .breadcrumb .breadcrumb-item{
    color: white;
}
.about-us .header .breadcrumb .breadcrumb-item a{
    color: white;
}
.about-us .main{
    padding: 60px 0;
}

.about-us .box{
    border:1px solid #23B45A;
    border-radius: 70px;
    padding: 0px;
}
.about-us .box .first-section{
    padding: 50px;
}
.about-us .box .third-section{
    padding: 50px;
} 
.about-us .box .second-section{
    background-image: url('../images/about-us-explain.jpg');
    display: flex;
    justify-content: space-around;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0;
}
.about-us .box .section-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 16px;
    justify-content: center;
}
.about-us .box .second-section .section-item span:first-child{
  color: white;
  font-weight: bold;
  font-size: 40px;
}
.about-us .box .second-section .section-item span:last-child{
    color: white;
    font-weight: 300;
    font-size: 25px;
}
.about-us .box .first-section .subtitle{
    color: #007C2F;
    font-size: 14px;
    padding-bottom: 15px;
}
.about-us .box p{
    text-align: center;
    font-weight: 500;
    max-width: 80%;
    margin: 0 auto;
}
.about-us .box h2{
    text-align: center;
    color: #007C2F;
    padding-bottom: 50px;
}

/* Maut Slovenia */

.maut-slovenia{
    background-color: white;
    padding: 0;
    box-shadow: 0px 0px 5px 5px rgb(125 125 125 / 10%);
}
.maut-slovenia .introduction .introduction-title{
    padding: 50px;
}
.maut-slovenia .introduction .introduction-list{
    padding: 0 50px;
}

.maut-slovenia .introduction .introduction-list ol li{
    color: #333333;
    padding-bottom: 5px;
}
.maut-slovenia .introduction .btn{
    border: 1px solid #346B41;
    background-color: #346B41;
    border-radius: 27px;
    color: white;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 20px;
    margin: 30px 50px 50px;

}   
.maut-slovenia .toll-payment{
    padding: 60px;
}
.maut-slovenia .toll-payment .toll-payment-title{
    color: #23B45A;
    padding:15px 0;
}
.maut-slovenia .difference{
    background-color: #E1E7F0;
    padding: 60px;
    display: flex;
    flex-direction: column;
}
.maut-slovenia .difference .categories{
    display: flex;
    padding: 40px 0;
}
.maut-slovenia .difference .categories .e-vignette{
    padding:20px;
}
.maut-slovenia .difference .categories .maut{
    padding:20px;
}
.maut-slovenia .difference .categories .e-vignette h4{
    padding: 30px 0 20px;
}
.maut-slovenia .difference .categories .maut h4{
    padding: 30px 0 20px;
}
.maut-slovenia .difference .btn{
    border: 1px solid #346B41;
    background-color: #178842;
    border-radius: 27px;
    color: white;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 30px;
    margin: 0 auto;

}
.maut-slovenia .how-much{
    background-color: #E1E7F0;
    padding: 60px;
}
.maut-slovenia .how-much p{
    padding: 25px 0;
}

.maut-slovenia .how-much .categories .categories-item{
   padding: 25px 0;
}
.maut-slovenia .how-much .toll-calculator{
    width: 80%;
    padding-top: 50px;
}
.maut-slovenia .how-much .toll-calculator .toll-calculator-title{
    display: inline-block;
    border-top:1px solid #707070;
    padding-top: 25px;
}
.maut-slovenia .how-much .toll-calculator .btn{
    border: 1px solid black;
    background-color: transparent;
    border-radius: 27px;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 20px;
    margin: 0 auto;
}
.maut-slovenia .karawanken{
    padding: 60px;
}
.maut-slovenia .karawanken .karawanken-subtitle{
    padding: 15px;
}
.maut-slovenia .note{
    padding: 50px;
    background-color: #FFF5E2;
}
.maut-slovenia .note .note-title{
    padding-bottom: 20px;
}
.maut-slovenia .explanation-block-item{
    padding:0;
}
.maut-slovenia .explanation .explanation-block {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.maut-slovenia .explanation .explanation-block div:last-child {
    background-color: #23B45A;
}
.maut-slovenia .explanation .explanation-block .info {
    color: white;
    padding: 0 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 17px;
}
.maut-slovenia .pay-toll{
    background-color: #E1E7F0;
    padding: 50px;
}
.maut-slovenia .pay-toll .pay-toll-title{
    padding: 0;
}
.maut-slovenia .pay-toll .pay-toll-text{
    padding: 25px 0;
}
.maut-slovenia .pay-toll .pay-toll-video{
    text-align: center;
}
.maut-slovenia .without-tolls{
    padding: 50px;
}
.maut-slovenia .without-tolls .without-tolls-title{
   color: #23B45A;
   padding-top: 20px;
   line-height: 40px;;
}
.maut-slovenia .without-tolls .without-tolls-text{
    padding-top: 20px;
}
.maut-slovenia .vignette-propaganda{
    display: flex;
    justify-content: space-between;
    background-color: #FCC100;
    padding: 50px 70px;
    align-items: center;
    flex-wrap: wrap;
}
.maut-slovenia .vignette-propaganda p{
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}
.maut-slovenia .vignette-propaganda a{
    font-size: 17px;
    border: 1px solid black;
    background-color: transparent;
    border-radius: 27px;
    color: #333333;
    text-decoration: none;
    padding: 10px 30px;
}
.maut-slovenia .bypass {
    padding: 50px;
    margin-top: 40px;
}
.maut-slovenia .bypass .bypass-item {
    font-weight: bold;
    padding-top: 25px;
}
.maut-slovenia .bypass .bypass-item p:nth-child(1){
    font-size: 18px;
}

.maut-slovenia .karawanken-info .bypass-tunnel {
    padding: 50px;
}
.maut-slovenia .karawanken-info .bypass-tunnel h2{
   color: #23B45A;
   padding: 40px 0 25px 0;
}
.maut-slovenia .karawanken-info .faq {
    padding: 50px;
}
.maut-slovenia .karawanken-info .faq h2{
    color: #23B45A;
    padding-bottom: 25px;
}
.maut-slovenia .toll-croatia{
    padding: 50px;
}
.maut-slovenia .vignette-croatia{
    padding: 50px;
    background-color: #F2F4F7;
}
.maut-slovenia .vignette-croatia .btn{
    font-size: 17px;
    border: 1px solid #178842;
    background-color: #178842;
    border-radius: 27px;
    color: white;
    text-decoration: none;
    padding: 10px 30px;
    width: 100%;
    margin-top: 30px;
}
.maut-slovenia .vignette-croatia p{
    padding: 15px 0;
}
.maut-slovenia .footer{
    margin-top: 30px;
    padding: 50px;
}
.maut-slovenia .footer p{
    font-size: 20px;
}

/* Blogs */
.homeblogs{
    padding: 50px 0
}
.homeblogs h2{
    text-align: center;
    margin-bottom: 40px
}
.homeblogs ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.homeblogs ul li > a{
    box-shadow: 0 0 15px rgb(0 0 0 / 19%);
    text-decoration: none;
    display: block;
    margin-bottom: 30px
}
.homeblogs ul li > a > div{
    padding: 15px;
}
.homeblogs ul li > a img{
    width: 100%
}
.homeblogs ul li > a > div h3{
    font-size: 18px;
}
.blogs .header{
    color: white;
    padding: 130px 0;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
}

.blogs .header .breadcrumb .breadcrumb-item {
    color: white;
}
.blogs .header .breadcrumb .breadcrumb-item a {
    color: white;
}
.blogs .propagande{
    padding: 70px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-size: cover;
    flex-direction: column;
}
.blogs .propagande .propagande-text{
    color: rgba(90,0,3,0.8);
    font-size: 40px;
    font-weight: bolder;
    text-align: center;
}
.blogs .propagande .btn{
    font-weight: bold;
    color: black;
    background-color: rgb(254, 204, 46);
    margin-top: 25px;
    padding: 10px 40px;
    border-radius: 25px;
    box-shadow: inset 0 0 10px #29292770;;
}
.blogs .cards .card {
    border: none;
}
.blogs .cards .card  img{
    border-radius: 40px;
}
.blogs .cards .card .info{
    position: absolute;
    bottom: 0;
    backdrop-filter: blur(5px);
    width: 100%;
    border-radius: 0px 0px 40px 40px;
    text-align: center;
    color: white;
    padding: 30px 0;
}
.blogs .cards .card .info .btn{
    font-size: 17px;
    border: 1px solid #23B45A;
    background-color: #23B45A;
    border-radius: 27px;
    color: white;
    text-decoration: none;
    padding: 15px 60px;
    margin-top: 5px;
}
.blogs .cards .card .card-item{
    position: relative;
}
.blogs .belt{
    background-color: #95ACB5;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin: 80px 0 40px 0;
    box-shadow: inset 0 0 10px #29292770;
}
.blogs .belt .belt-title{
    padding: 5px 0;
}

/* blog details */

.blog-details .header{
    color: white;
    padding: 130px 0;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
}
.blog-details .header .breadcrumb .breadcrumb-item {
    color: white;
}
.blog-details .header .breadcrumb .breadcrumb-item a {
    color: white;
}
.blog-details .header .btn{
    font-weight: bold;
    color: black;
    background-color: rgb(254, 204, 46);
    margin-top: 60px;
    padding: 10px 40px;
    border-radius: 25px;
    box-shadow: inset 0 0 10px #29292770;;
}
/** Map part start **/
.map{
    display: flex;
    flex-wrap: wrap;
}
.map h6{
    padding: 20px 0;
}
.map .map-green{
    padding: 0 30px;
    position: relative;
}
.map .map-green::before{
    content: "";
    width: 20px;
    height: 10px;
    background-color: #008018;
    position: absolute;
    border-radius: 25px;
    left: 0;
    top: 5px;
}
.map .map-yellow{
    padding: 0 30px;
    position: relative;
}
.map .map-yellow::before{
    content: "";
    width: 20px;
    height: 10px;
    background-color: #FED330;
    position: absolute;
    border-radius: 25px;
    left: 0;
    top: 5px;
}
/** Map part end **/

.dropdown-flag{
    display: flex;
    align-items: center;
}
.dropdown-flag:hover{
    color: #1e2125;
    background-color: #e9ecef;
    text-decoration: solid;
}
.headerbar .language .dropdown-menu span {
    cursor: pointer;
    text-align: start;
    padding: 5px;
    width: 50%;
}
.dropdown-flag .dropdown-item{
   padding: 5px 0px;
}
.dropdown-flag .dropdown-item:hover{
    background-color:transparent !important;
}
.dropdown-flag span:hover{
  text-decoration: underline;
}
.headerbar .language .dropdown-menu {
    min-width: 300px !important;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem
}
.headerbar .language .dropdown-menu[data-bs-popper] {
    left: unset !important;
    right: 0;
}
.headerbar .language .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
}