@font-face {
    font-family: "A1Sans-Bold";
    src: local("A1Sans-Bold"),url("../vendor/a1-fonts/A1Sans-Bold.woff2") format("woff2"),url("../vendor/a1-fonts/A1Sans-Bold.woff") format("woff")
}

@font-face {
    font-family: "A1Sans-Light";
    src: local("A1Sans-Light"),url("../vendor/a1-fonts/A1Sans-Light.woff2") format("woff2"),url("../vendor/a1-fonts/A1Sans-Light.woff") format("woff")
}

@font-face {
    font-family: "A1Sans-Regular";
    src: local("A1Sans-Regular"),url("../vendor/a1-fonts/A1Sans-Regular.woff2") format("woff2"),url("../vendor/a1-fonts/A1Sans-Regular.woff") format("woff")
}

@font-face {
    font-family: "A1Serif-Bold";
    src: local("A1Serif-Bold"),url("../vendor/a1-fonts/A1Serif-Bold.woff2") format("woff2"),url("../vendor/a1-fonts/A1Serif-Bold.woff") format("woff")
}

@font-face {
    font-family: "A1Serif-Light";
    src: local("A1Serif-Light"),url("../vendor/a1-fonts/A1Serif-Light.woff2") format("woff2"),url("../vendor/a1-fonts/A1Serif-Light.woff") format("woff")
}

@font-face {
    font-family: "A1Serif-Regular";
    src: local("A1Serif-Regular"),url("../vendor/a1-fonts/A1Serif-Regular.woff2") format("woff2"),url("../vendor/a1-fonts/A1Serif-Regular.woff") format("woff")
}

@font-face {
    font-family: "A1SansCondensed-Bold";
    src: local("A1SansCondensed-Bold"),url("../vendor/a1-fonts/A1SansCondensed-Bold.woff2") format("woff2"),url("../vendor/a1-fonts/A1SansCondensed-Bold.woff") format("woff")
}

@font-face {
    font-family: "A1SansCondensed-Light";
    src: local("A1SansCondensed-Light"),url("../vendor/a1-fonts/A1SansCondensed-Light.woff2") format("woff2"),url("../vendor/a1-fonts/A1SansCondensed-Light.woff") format("woff")
}

@font-face {
    font-family: "A1SansCondensed-Regular";
    src: local("A1SansCondensed-Regular"),url("../vendor/a1-fonts/A1SansCondensed-Regular.woff2") format("woff2"),url("../vendor/a1-fonts/A1SansCondensed-Regular.woff") format("woff")
}

html, body{
    margin: 0;
    font-family: "A1Sans-Regular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #FFF;
}
h1,h2,h3,h4,h5,h6{
    font-family: "A1Serif-Bold", serif;
}
.nav-link:focus, .nav-link:hover, a:focus, a:hover {
    color: #000;
}
header{
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
}
main{
    padding-top: 30px;
    padding-bottom: 30px;
}
a{
    color: #f83a2c;
    text-decoration: none;
    transition: 0.2s all;
}
a:hover, a:active, a:visited, a:focus{
    color: #000000;
}
.btn-outline-primary {
    --bs-btn-color: #f83a2c;
    --bs-btn-border-color: #f83a2c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f83a2c;
    --bs-btn-hover-border-color: #f83a2c;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f83a2c;
    --bs-btn-active-border-color: #f83a2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f83a2c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f83a2c;
    --bs-gradient: none;
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #f83a2c;
    border-color: #f83a2c;
}
.main-navigation {
    font-family: "A1Serif-Regular", serif;
    font-size: 1.125rem;
}
.main-navigation .nav-link.logo{
    -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
    background: #FFF;
    position: absolute;
    top: 0;
    padding: 20px;
}
.main-navigation .nav-link{
    border-bottom: 4px solid transparent;
    padding: 40px 10px;
    color: #000;
    transition: 0.3s all;
}
.main-navigation .nav-link:hover, .main-navigation .nav-link.active{
    border-bottom: 4px solid #da291c;
    color: #000;
}
.main-navigation .nav-link.logo:hover{
    border-bottom: 4px solid transparent;
}
.main-navigation .nav-link.first-link{
    margin-left: 160px;
}
.main-navigation .right-nav .nav-link{
    font-family: "A1Serif-Bold", serif;
    transition: 0.3s all;
}
.main-navigation .right-nav .nav-link:hover{
    border-bottom: 4px solid transparent;
}
.main-navigation .right-nav .nav-link.moj-a1{
    color: #f83a2c;
}
.top-navigation{
    background: #000;
    color: #fff;
    font-family: "A1Sans-Regular", sans-serif;
    font-size: .75rem;
}
.top-navigation a{
    color: #fff;
    opacity: 0.7;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: -4px;
    transition: 0.3s all;
}
.top-navigation a:hover{
    color: #fff;
    opacity: 0.7;
    border-bottom: 4px solid #6295ac;
}
footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
footer h4{
    font-size: 1.25rem;
    margin: 1rem 0rem;
}
footer ul.nav{
    margin-bottom: 2rem;
}
footer ul li .nav-link{
    padding-left: 0;
    color: #000;
    font-size: 1rem;
    line-height: 1;
}
footer ul li .nav-link:hover{
    color: #000;
}
.social-items a{
    display: inline-block;
    margin-right: .3125rem;
    margin-bottom: .625rem;
}
.social-items a .social-item{
    position: relative;
    border: .0625rem solid #efefef;
    width: 3.125rem;
    height: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: .6;
    filter: alpha(opacity=60);
}
.social-items a .social-item:hover{
    opacity: 1;
}
.social-items a .social-item img{
    height: 1.25rem;
    width: auto;
}
.pomembne-stevilke {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.pomembne-stevilke li{
    padding: .625rem 0rem;
    font-family: "A1Sans-Regular", sans-serif;
}
.pomembne-stevilke .description a{
    color: #968585;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    text-decoration: none;
}
.pomembne-stevilke .description a:hover{
    color: #000;
}
.pomembne-stevilke .description{
    position: absolute;
    display: inline-block;
    max-width: 300px;
    margin-left: .625rem;
    font-size: .75rem;
    text-decoration: none;
}
.navigation-bar-sublinks{
    padding-top: 3rem;
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.navigation-bar-sublinks li{
    float: left;
    color: #968585;
    margin-right: .9375rem;
    font-family: "A1Sans-Regular", sans-serif;
}
.navigation-bar-sublinks li a{
    color: #968585;
    text-decoration: none;
    font-size: 1rem;
}
.navigation-bar-sublinks li a:hover{
    color: #000;
}
.footer-bottom-navigation .navigation-bar-sublinks{
    padding-top: 0;
}
footer .copyright-msg{
    text-align: right;
}
header .mobile-menu-toggle, .mobile-navigation{
    display: none;
}
.mobile-navigation{
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    background: #FFF;
}
.mobile-navigation .nav-link{
    padding: .5rem 0rem;
    font-family: "A1Serif-Regular",serif;
    word-wrap: break-word;
    width: 100%;
    cursor: pointer;
    font-size: 1.25rem;
    color: #666;
    text-decoration: none !important;
}
.mobile-navigation .pomoc-link{
    font-family: "A1Serif-Bold", serif;
    display: inline-block;
    font-size: 1.125rem;
    color: #6295ac;
    text-decoration: none;
}
.mobile-navigation-bottom{
    text-align: center;
}
.mobile-navigation .nav-list{
    padding: 20px;
}
form.transfer-domain{
    -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 20%);
    box-shadow: 0 4px 12px -2px rgb(0 0 0 / 20%);
    padding: 1.5rem;
}
.form-control{
    border-radius: 0;
}
.sidebar{
    -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 20%);
    box-shadow: 0 4px 12px -2px rgb(0 0 0 / 20%);
    padding: 1.5rem;
}
.sidebar h5:not(:first-child){
    margin-top: 1.5rem;
}
.sidebar ul{}
.sidebar ul li:not(:first-child){
    border-top: 1px solid #e9e9e9;
}
.sidebar ul li small{
    color: #838383;
    display: block;
}
.sidebar ul li.active small{
    color: #FFFFFF;
}
.sidebar ul li a{
    padding: 10px;
    color: #000;
    text-decoration: none;
    transition: 0.2s all;
    display: block;
    width: 100%;
    background: #fbfbfb;
}
.sidebar ul li a:hover, .sidebar ul li.active a{
    background: #f83a2c;
    color: #fff;
}
.sidebar ul li a:hover small{
    color: #fff;
}
h1 > a{
    text-decoration: none;
    color: #adadad !important;
    transition: 0.2s all;
}
h1 > a:hover{
    color: #000 !important;
}
.transfer-domain-info{
    font-size: 0.9rem;
    color: #838383;
}
.error-text{
    color: red;
    font-weight: bold;
    font-size: 80%;
    padding: 10px;
    background: #fff3f3;
}
.btn-a1-primary{
    background-color: #da291c;
    border: 1px solid #da291c;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    font-family: "A1Serif-Bold", serif;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}
.btn-a1-primary:hover{
    background-color: #f83a2c;
    border-color: #f83a2c;
}
.btn-a1-primary:active{
    background-color: #f83a2c !important;
    border-color: #f83a2c !important;
}
.btn-a1-primary:focus{
    background-color: #f83a2c;
    border-color: #f83a2c;
}
.btn-a1-primary:disabled, .btn-a1-primary.disabled, .btn-a1-primary.disabled:hover, .btn-a1-primary:disabled:hover,.btn-a1-primary.disabled:active, .btn-a1-primary:disabled:active{
    background-color: #d3a49e;
    border-color: #d3a49e;
}
.btn-a1-primary > i.fas{
    margin-right: 6px;
}
.btn-a1-primary > i.fas::before{
    line-height: 1.5;
}

.btn-a1-black{
    background-color: #000;
    border: 1px solid #000;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    font-family: "A1Serif-Bold", serif;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}
.btn-a1-black:hover{
    background-color: #f83a2c;
    border-color: #f83a2c;
}
.btn-a1-black:active{
    background-color: #000 !important;
    border-color: #000 !important;
}
.btn-a1-black:focus{
    background-color: #000;
    border-color: #000;
}
.btn-a1-black:disabled, .btn-a1-black.disabled, .btn-a1-black.disabled:hover, .btn-a1-black-a1-primary:disabled:hover,.btn-a1-black.disabled:active, .btn-a1-black:disabled:active{
    background-color: #d3a49e;
    border-color: #d3a49e;
}
.btn-a1-black > i.fas{
    margin-right: 6px;
}
.btn-a1-black > i.fas::before{
    line-height: 1.5;
}

.btn-a1-primary-outline{
    background-color: transparent;
    border: 1px solid #da291c;
    color: #da291c !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    font-family: "A1Serif-Bold", serif;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}

.btn-a1-primary-outline > i.fas{
    margin-right: 6px;
}
.btn-a1-primary-outline > i.fas::before{
    line-height: 1.5;
}

.btn-a1-primary-outline:hover{
    background-color: #f83a2c !important;
    border-color: #f83a2c !important;
    color: #fff !important;
}
.btn-a1-primary-outline:active{
    background-color: transparent !important;
    border-color: #f83a2c !important;
}
.btn-a1-primary-outline:focus{
    background-color: transparent;
    border-color: #f83a2c;
}
.btn-a1-primary-outline:disabled, .btn-a1-primary-outline.disabled, .btn-a1-primary-outline.disabled:hover, .btn-a1-primary-outline:disabled:hover,.btn-a1-primary-outline.disabled:active, .btn-a1-primary-outline:disabled:active{
    background-color: #d3a49e;
    border-color: #d3a49e;
}

.btn-a1-black-outline{
    background-color: transparent;
    border: 1px solid #000;
    color: #000 !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    font-family: "A1Serif-Bold", serif;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}

.btn-a1-black-outline > i.fas{
    margin-right: 6px;
}
.btn-a1-black-outline > i.fas::before{
    line-height: 1.5;
}

.btn-a1-black-outline:hover{
    background-color: #f83a2c!important;
    border-color: #f83a2c!important;
    color: #fff !important;
}
.btn-a1-black-outline:active{
    background-color: transparent !important;
    border-color: #000 !important;
}
.btn-a1-black-outline:focus{
    background-color: transparent;
    border-color: #000;
}
.btn-a1-black-outline:disabled, .btn-a1-black-outline.disabled, .btn-a1-black-outline.disabled:hover, .btn-a1-black-outline:disabled:hover,.btn-a1-black-outline.disabled:active, .btn-a1-black-outline:disabled:active{
    background-color: #d3a49e;
    border-color: #d3a49e;
}

.izvoz-title > span{
    color: #f83a2c;
}
.pagination{}
.pagination li .page-link{
    background: none;
    color: #000;
    border: none;
}
.pagination li .page-link:hover{
    text-decoration: underline;
}
.pagination li.disabled{}
.pagination li.disabled i{
    color: #CCC;
}
.pagination li.disabled .page-link{}
.pagination li.active{}
.pagination li.active .page-link{
    font-weight: bold;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #f83a2c;
}
.nav-link {
    color: #000000;
}
.nav-pills .nav-link:hover {
    background-color: #f83a2c;
    color: #fff;
}
.table a{
    color: #000000;
    transition: 0.2s all;
}
.table a:hover{
    color: #000000;
    text-decoration: underline;
}
table tr.no-calls td{
    color: #858585;
}
.white-card{
    -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 20%);
    box-shadow: 0 4px 12px -2px rgb(0 0 0 / 20%);
    padding: 1.5rem;
    margin-top: 1.5rem;
}
.card-title{}
.card-subtitle{
    color: #858585;
}
.card-description{
    margin-top: 10px;
    margin-bottom: 30px;
}
.card-service{
    background: #fbfbfb;
    padding: 1rem;
    height: 100%;
    transition: 0.2s all;
    border: 1px solid #e9e9e9;
    position: relative;
}
.card-service:hover{
    background: #f83a2c;
    border: 1px solid #f83a2c;
}
.card-service.has-btns{
    padding-bottom: 3rem;
}
.card-service h5{
    color: #000;
}
.card-service > .card-service-content{
    color: #636363;
}
.card-service:hover h5, .card-service:hover > .card-service-content{
    color: #fff;
}
.card-service .card-btns{
    position: absolute;
    bottom: 0;
    right: 0;
}
.card-service .card-btns a, .card-service .card-btns button{
    color: #000;
}
.card-service .card-btns a:hover, .card-service .card-btns button:hover{
    color: #2e2e2e;
}
hr.divider{
    color: #cbcbcb;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.form-check.with-select{
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 15px;
}
.form-check.with-select:last-child{
    margin-bottom: 0;
}
.form-check.with-select input{
    margin-left: 0;
}
.form-check.with-select label{
    margin-left: 0.5em;
}
.form-check.with-select select{
    margin-top: 10px;
}
form .posamezna-stevilka-parametri{
    display: none;
}
.select2-container{
    width: 100% !important;
}
.export-status{
    font-weight: bold;
}
.exports-list li{
    background: #FBFBFB;
    padding: 20px;
}
@media only screen and (max-width: 768px){
    footer a, footer ul li .nav-link{
        line-height: 1.9;
    }
    header .mobile-menu-toggle{
        display: block;
    }
    header nav.left-nav .nav-link:not(.logo){
        display: none;
    }
    .main-navigation .nav-link.logo{
        position: relative;
        box-shadow: none;
        padding: 10px;
        width: 5rem;
        height: 5rem;
    }
    .main-navigation .nav-link.logo img{
        width: 100%;
        height: auto;
    }
    .main-navigation .nav-link{
        padding: 10px 10px;
    }
}