@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro/GothamPro.eot?') format('eot'),
    url('../fonts/GothamPro/GothamPro.otf')  format('opentype'),
    url('../fonts/GothamPro/GothamPro.woff') format('woff'),
    url('../fonts/GothamPro/GothamPro.ttf')  format('truetype'),
    url('../fonts/GothamPro/GothamPro.svg#GothamPro') format('svg');
}

@font-face {
    font-family: 'GothamPro-Black';
    src: url('../fonts/GothamPro-Black/GothamPro-Black.eot?') format('eot'),
    url('../fonts/GothamPro-Black/GothamPro-Black.otf')  format('opentype'),
    url('../fonts/GothamPro-Black/GothamPro-Black.woff') format('woff'),
    url('../fonts/GothamPro-Black/GothamPro-Black.ttf')  format('truetype'),
    url('../fonts/GothamPro-Black/GothamPro-Black.svg#GothamPro-Black') format('svg');
}

@font-face {
    font-family: 'GothamPro-BlackItalic';
    src: url('../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.eot?') format('eot'),
    url('../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.otf')  format('opentype'),
    url('../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.woff') format('woff'),
    url('../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.ttf')  format('truetype'),
    url('../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.svg#GothamPro-BlackItalic') format('svg');
}

@font-face {
    font-family: 'GothamPro-Bold';
    src: url('../fonts/GothamPro-Bold/GothamPro-Bold.eot?') format('eot'),
    url('../fonts/GothamPro-Bold/GothamPro-Bold.otf')  format('opentype'),
    url('../fonts/GothamPro-Bold/GothamPro-Bold.woff') format('woff'),
    url('../fonts/GothamPro-Bold/GothamPro-Bold.ttf')  format('truetype'),
    url('../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
}

@font-face {
    font-family: 'GothamPro-BoldItalic';
    src: url('../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.eot?') format('eot'),
    url('../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.otf')  format('opentype'),
    url('../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.woff') format('woff'),
    url('../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.ttf')  format('truetype'),
    url('../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.svg#GothamPro-BoldItalic') format('svg');
}

@font-face {
    font-family: 'GothamPro-Italic';
    src: url('../fonts/GothamPro-Italic/GothamPro-Italic.eot?') format('eot'),
    url('../fonts/GothamPro-Italic/GothamPro-Italic.otf')  format('opentype'),
    url('../fonts/GothamPro-Italic/GothamPro-Italic.woff') format('woff'),
    url('../fonts/GothamPro-Italic/GothamPro-Italic.ttf')  format('truetype'),
    url('../fonts/GothamPro-Italic/GothamPro-Italic.svg#GothamPro-Italic') format('svg');
}

@font-face {
    font-family: 'GothamPro-Light';
    src: url('../fonts/GothamPro-Light/GothamPro-Light.eot?') format('eot'),
    url('../fonts/GothamPro-Light/GothamPro-Light.otf')  format('opentype'),
    url('../fonts/GothamPro-Light/GothamPro-Light.woff') format('woff'),
    url('../fonts/GothamPro-Light/GothamPro-Light.ttf')  format('truetype'),
    url('../fonts/GothamPro-Light/GothamPro-Light.svg#GothamPro-Light') format('svg');
}

@font-face {
    font-family: 'GothamPro-LightItalic';
    src: url('../fonts/GothamPro-LightItalic/GothamPro-LightItalic.eot?') format('eot'),
    url('../fonts/GothamPro-LightItalic/GothamPro-LightItalic.otf')  format('opentype'),
    url('../fonts/GothamPro-LightItalic/GothamPro-LightItalic.woff') format('woff'),
    url('../fonts/GothamPro-LightItalic/GothamPro-LightItalic.ttf')  format('truetype'),
    url('../fonts/GothamPro-LightItalic/GothamPro-LightItalic.svg#GothamPro-LightItalic') format('svg');
}

@font-face {
    font-family: 'GothamPro-Medium';
    src: url('../fonts/GothamPro-Medium/GothamPro-Medium.eot?') format('eot'),
    url('../fonts/GothamPro-Medium/GothamPro-Medium.otf')  format('opentype'),
    url('../fonts/GothamPro-Medium/GothamPro-Medium.woff') format('woff'),
    url('../fonts/GothamPro-Medium/GothamPro-Medium.ttf')  format('truetype'),
    url('../fonts/GothamPro-Medium/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
}

@font-face {
    font-family: 'GothamPro-MediumItalic';
    src: url('../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.eot?') format('eot'),
    url('../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.otf')  format('opentype'),
    url('../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.woff') format('woff'),
    url('../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.ttf')  format('truetype'),
    url('../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.svg#GothamPro-MediumItalic') format('svg');
}

@font-face {
    font-family: 'GothamProNarrow-Bold';
    src: url('../fonts/GothamProNarrow-Bold/GothamProNarrow-Bold.eot?') format('eot'),
    url('../fonts/GothamProNarrow-Bold/GothamProNarrow-Bold.otf')  format('opentype'),
    url('../fonts/GothamProNarrow-Bold/GothamProNarrow-Bold.woff') format('woff'),
    url('../fonts/GothamProNarrow-Bold/GothamProNarrow-Bold.ttf')  format('truetype'),
    url('../fonts/GothamProNarrow-Bold/GothamProNarrow-Bold.svg#GothamProNarrow-Bold') format('svg');
}

@font-face {
    font-family: 'GothamProNarrow-Medium';
    src: url('../fonts/GothamProNarrow-Medium/GothamProNarrow-Medium.eot?') format('eot'),
    url('../fonts/GothamProNarrow-Medium/GothamProNarrow-Medium.otf')  format('opentype'),
    url('../fonts/GothamProNarrow-Medium/GothamProNarrow-Medium.woff') format('woff'),
    url('../fonts/GothamProNarrow-Medium/GothamProNarrow-Medium.ttf')  format('truetype'),
    url('../fonts/GothamProNarrow-Medium/GothamProNarrow-Medium.svg#GothamProNarrow-Medium') format('svg');
}

body {
    font-family: GothamPro;
}

.btn-rounded {
    border-radius: 5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.icons {
    max-width: 18px;
}

.icons-lg {
    max-width: 1.2rem;
}

.w-100p {
    width: 200px;
}

.rounded-block {
    border-radius: 15rem !important;
}

.rounded-block-right {
    border-top-right-radius: 15rem !important;
    border-bottom-right-radius: 15rem !important;
}

.rounded-block-left {
    border-top-left-radius: 15rem !important;
    border-bottom-left-radius: 15rem !important;
}

.rounded-block-top {
    border-top-left-radius: 15rem !important;
    border-top-right-radius: 15rem !important;
}

.rounded-block-bottom {
    border-bottom-right-radius: 15rem !important;
    border-bottom-left-radius: 15rem !important;
}

.rounded-product {
    border-radius: 2rem !important;
}

.rounded-product-right {
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.rounded-product-left {
    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}

.rounded-product-top {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.rounded-product-bottom {
    border-bottom-right-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}

.bck-grey {
    background-color: #4f607b;
    position: absolute;
}

.bck-darkblue {
    background-color: #253652;
    color: white;
}

.text-gray {
    color: #4f607b;
}

.img-icon {
    height: 74px;
    width: auto;
}

.upper {
    right: 0;
    margin-left: auto;
    margin-top: -350px;
    margin-bottom: 230px;
}

.opc {
    opacity: 0.7;
}

.foot-1 {
    padding-top: 20px;
    background-color: #253652;
    color: #fff;
}
.foot-2 {
    padding-top: auto;
    padding-bottom: auto;
    background-color: #1b293f;
    color: #fff;
}

.bg-gray {
    background-color: #DCDCDC !important;
}

.bg-light-success {
    background-color: #90EE90 !important;
}

.bg-light-warning {
    background-color: #FFFF66 !important;
}

.bg-light-info {
    background-color: #AFEEEE !important;
}

.bg-light-danger {
  background-color: #F5C6CB !important;
}

#map {
    width: 100%;
    height: 400px;
}

.title-upper {
    position: sticky;
    margin-left: 0;
    margin-right: auto;
    margin-top: -400px;
    height: 400px;
}

.title-pick {
    height: 400px;
    width: 100%;
    margin-right: 0;
}

.title-block {
    height: 400px;
}

.main-container {
    max-width: 1320px;
    margin: 0px auto;
}

.img-bg {
    z-index: -1;
    position: absolute;
    right: 15px;
    max-height: 100%;
}

.bl-hov:hover {
    box-shadow: 0 0 50px #4e555b;
}

.hov {
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .2);
}

.hover-danger {
    width: 100%;
}

ul li.active, .hover-danger:hover {
    color: white;
    background-color: #bd2130;
    border-radius: 10rem;
    transition: ease .3s;
}

ul li a.link-h {
    color: black;
}

ul li.active a.link-h, ul li:hover a.link-h {
    color: white;
    transition: ease .3s;
}

.block-content {
    display: none;
}

.block-content:first-child {
    display: block;
}

.hover-gray {
    text-decoration: none !important;
}

.hover-gray:hover, .hover-gray:focus {
    background-color: #bababa;
    text-decoration: none;
}

.text-hover-danger:hover {
    color: #bd2130;
}

.btn-link:hover {
    text-decoration: none;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: none;
    border-bottom: #bd2130 !important;
}

.list-marker-danger {
    color: #bd2130;
}

.bg-go {
    background-image: url("/image/go.png");
    background-repeat:no-repeat;
    background-size: 95%;
}

.bg-kasko {
    background-image: url("/image/kasko.png");
    background-repeat:no-repeat;
    background-size: 95%;
}
.bg-easy {
    background-image: url("/image/fonEasyPay.svg");
    background-repeat:no-repeat;
    background-size: 95%;
}
.bg-privat {
    background-image: url("/image/fonPrivat24.svg");
    background-repeat:no-repeat;
    background-size: 95%;
}

.bg-ns {
    background-image: url("/image/ns.png");
    background-repeat:no-repeat;
    background-size: 95%;
}

.bg-pr-go {
    background-image: url("/image/pr_go.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-dgo {
    background-image: url("/image/pr_dgo.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-nv {
    background-image: url("/image/pr_nv.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-nv-main {
    background-image: url("/image/pr_nv_main.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-kasko {
    background-image: url("/image/pr_kasko.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-kasko-main {
    background-image: url("/image/pr_kasko_main.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-prop {
    background-image: url("/image/pr_prop.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-dms {
    background-image: url("/image/pr_med.png");
    background-repeat:no-repeat;
    background-size: 100%;
}

.bg-pr-kasko-prem {
    background-image: url("/image/pr-kasko-prem.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-prem-plus {
    background-image: url("/image/pr-kasko-prem-plus.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-mini {
    background-image: url("/image/pr-kasko-mini.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-lising {
    background-image: url("/image/pr-kasko-lising.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-zastavne {
    background-image: url("/image/pr-kasko-zastavne.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-komfort {
    background-image: url("/image/pr-kasko-komfort.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-vip {
    background-image: url("/image/pr-kasko-vip.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-test-drive {
    background-image: url("/image/pr-kasko-test-drive.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-test-drive-ducati {
    background-image: url("/image/pr-kasko-test-drive-ducati.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-kasko-driving {
    background-image: url("/image/pr-kasko-driving.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-oscpv {
    background-image: url("/image/pr-oscpv.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-dscpv {
    background-image: url("/image/pr-dscpv.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-house {
    background-image: url("/image/pr-house.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-med {
    background-image: url("/image/pr-med.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-nv-inf {
    background-image: url("/image/pr-ns1.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-onvt {
    background-image: url("/image/pr-ns3.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.bg-pr-dnvt {
    background-image: url("/image/pr-ns2.png");
    background-repeat:no-repeat;
    background-size: 100%;
    height: 280px;
}

.border-bottom-danger {
  border-bottom-color: #dc3545 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom: 2px solid;
}

.dropdown {
    z-index: 100;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    bottom: 15px;
}

.main-header {
    position: sticky;
    z-index: 9999;
    background: rgba(999, 999, 999, 0.9);
    top: 0;
}

@media (min-width: 576px) {
  .main-container {
    max-width: 576px;
  }
  .dropdown {
    right: 10px;
    top: 10px;
    bottom: 10px;
    height: 30px;
  }
  .main-header {
    height: 70px;
  }
  .drop {
    height: 30px;
  }
  .navbar {
    margin-left: -30px;
    margin-top: -10px;
  }
  .navbar-brand {
    height: auto;
    width: 120%;
  }
}

@media (min-width: 768px) {
  .main-container {
    max-width: 768px;
  }
  .dropdown {
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    height: 35px;
  }
  .main-header {
    height: 100px;
  }
  .drop {
    height: 35px;
  }
}

@media (min-width: 992px) {
  .main-container {
    max-width: 992px;
  }
  .dropdown {
    left: 15px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    height: 40px;
  }
  .main-header {
    height: 100px;
  }
  .drop {
    height: 40px;
  }
}

@media (min-width: 1280px) {
  .main-container {
    max-width: 1280px;
  }
  .dropdown {
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    height: 40px;
  }
  .main-header {
    height: 100px;
  }
  .drop {
    height: 40px;
  }
}

@media (min-width: 1320px) {
  .main-container {
    max-width: 1320px;
  }
  .dropdown {
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    height: 40px;
  }
  .main-header {
    height: 100px;
  }
  .drop {
    height: 40px;
  }
}

@media (max-width: 575px) {
  .navbar-brand {
    height: auto;
    width: 170%;
    left: -30px;
    top: -30px;
    position: absolute;
  }
  .main-header {
    height: 60px;
  }
  .dropdown {
    margin-right: -10px;
  }
  .dropdown-menu {
    left: -300px;
  }
  .drop {        
    height: 30px;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 950px !important;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

.img-payment {
    width:150px;
    height: auto;
}

.accordion-product.collapsed .btn-plus {
    display: inline-block;
}

.accordion-product.collapsed .btn-minus {
    display: none;
}

.accordion-product .btn-minus {
    display: inline-block;
}

.accordion-product .btn-plus {
    display: none;
}