@charset "utf-8";
/*============== custom varible ================*/
body {padding:0!important ; margin: 0!important; background:#FFF; font-size:16px; line-height: 1; color: #28373c; font-family: Mark Pro, Mark, Arial, Helvetica, sans-serif; }
html {-webkit-font-smoothing: antialiased;}
*,::after,::before{box-sizing:border-box}
* {margin:0; padding:0; transition: all 0.1s ease;}
li, ul, ol { list-style:none; margin:0;	padding:0;}
a, a img {text-decoration:none;	border:0; outline:none !important;}
button:focus, a:hover,a:focus {text-decoration:none; outline:none;}
:focus {outline:none;}
img {max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6, p {	font-style:normal;	font-weight:normal;	margin:0; padding:0;}
p{line-height:1.5;}
input, textarea {outline:none !important;}

@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 750px;}}
@media (min-width: 992px) {.container {max-width: 970px;}}
@media (min-width: 1200px) {.container {max-width: 1054px;}}

.wrapper {display:block; width:100%; position:relative;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
main,header,section,footer{ width:100%; position:relative;}
.a--btn{ display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; padding: .75rem 1.25rem; border-radius: 2.25rem; white-space: nowrap; background-color:#fff500; color:#28373c;    -webkit-transition: color .1s linear,background-color .2s linear,border .2s linear; transition: color .1s linear,background-color .2s linear,border .2s linear;   cursor: pointer; border:none;}
.a--btn:hover{background-color: #ffe100; color: #28373c;}
/*============ Header Start ============*/
header{background: #28373c; position:sticky; top:0; z-index:100;}
header:after {height: .25rem; content: ""; display: block; background: linear-gradient(-90deg,#fff500,#f7f406 14%,#c6f127 48%,#7aeb5b 70%,#44cf6e); width:100%;}
.site-logo{display:-ms-flexbox; display:flex; height:max-content;}
.top-header{display:-ms-flexbox; display:flex; -ms-flex-align: center; align-items: center; padding: 1rem 1.875rem 0;}
.right-block{margin-left:auto;}
.header-searchfield {position: relative; margin: 0 auto;}
.header-searchfield__input{background: none; border: 1px solid #939b9d; border-radius: 1.1875rem; padding: .5rem 2rem .5rem 1rem; color: #939b9d; font-size: .875rem; font-weight: 400; font-family: Mark Pro,Mark,sans-serif; line-height: normal;}
.header-searchfield a {position: absolute; top: 0; right: 0; padding: 0 .75rem 0 1rem; display: block; z-index: 79;}
.header-searchfield a .fa-search{ margin-top: .625rem; height: 1rem; width: 1rem; fill: #939b9d; color: #939b9d;}
.button {display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center;   color: #28373c; font-weight: 500; text-align: center;}
.button--outline { background: none; border: 1px solid #fff500; color: #fff500;}
.button--medium { min-height: 2.25rem; border-radius: 2.25rem; padding: .375rem 1.25rem; font-size: .9375rem; margin-left: 1rem;}
.button--outline:hover {border: 1px solid #ffe100; color: #ffe100;}
.nav--list {display: block; padding: 0 1.875rem 0; margin: 0; position: relative; list-style: none; z-index: 79;}
nav > .nav--list > li > a {display:block; padding: 1.375rem .5rem .9735rem; color: #fff; font-size: .9375rem;}
nav > .nav--list > li.current-menu-item > a, 
nav > .nav--list > li > a:hover {color: #fff500;}
.mobile-close-search{display:none;}
.burger-icon {display: inline-block; width: .9375rem; min-width: .9375rem; height: 1.25rem; transform: rotate(0deg); transition:.5s ease-in-out; cursor:pointer;}
.burger-icon span {display: block; position: absolute; height: .125rem; width: 100%; background: #fff; border-radius: .125rem; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
.burger-icon span:first-child {top: 0;}
.burger-icon span:nth-child(2), 
.burger-icon span:nth-child(3) {top: .375rem;}
.burger-icon span:nth-child(4) {top: .75rem;}
.burger-icon.active span:first-child {top: .375rem; width: 0; left: 50%;}
.burger-icon.active span:nth-child(2) {transform: rotate(45deg);}
.burger-icon.active span:nth-child(3) {transform: rotate(-45deg);}
.burger-icon.active span:nth-child(4) {top: .375rem; width: 0; left: 50%;}
/*============ Header End ============*/

/*============ Banner Start ============*/
.banner-wapper{ padding:0px; width:100%; display:block; position:relative; min-height:560px; }
.banner-wapper > img{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); object-fit: cover; object-position: center center;}
.banner-wapper > .banner--caption{position: absolute; top: 50%; left: 50%; z-index:10; max-width:1024px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); margin:0 auto; padding: 0 1.875rem 0;}
.banner-wapper > .banner--caption > h1{width:100%;font-size: 3rem; font-weight: lighter; line-height: 3.75rem; color:#fff; margin-bottom: 2rem;}
.banner-wapper > .banner--caption > a{width:max-content;}
/*============ Banner End ============*/

/*============ Content Start ============*/
.section{padding:3rem 0;}
.section > div{max-width:1440px;}
.section > div .title,
.section > div .sub-title{max-width:720px; margin:0 auto;}
.section > div .title h2{font-size:3rem; line-height:1.5; font-weight:700; margin: 0 0 .25rem;}
.section > div .sub-title > span{font-size:1.25rem; line-height:1.4; font-weight: 500; margin: .625rem 0; display:block;}
.section > div .list--fields{max-width:1080px;}
.section > div .list--field{ margin-top: .3125rem;}
.section > div .list--field > .l--image > img{border-radius: 4px;}
.section > div .list--field.list--img > .list--text{margin-top:-54px;}
.section > div .list--fields > span{font-size:1.25rem; line-height:1.4; font-weight: 500; margin-bottom: .625rem;}
.section > div .list--fields .list--text{margin-left: auto; margin-right: auto; margin-bottom: .3125rem; padding: .625rem 1.25rem; background-color: #f7f8f8; max-width: 720px; border-radius: 4px; position:relative; height:max-content;}
.section > div .list--fields .list--text.dark-color{background-color: #23343b !important;}
.section > div .list--fields .list--text:before {content: "";background-size: 24px 24px; background-repeat: no-repeat; background-position: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M12 22.5C6.201 22.5 1.5 17.799 1.5 12S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5z' fill='%23fff500'/%3E%3Cpath d='M11 13.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z' fill='%230b1e25' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");	display: inline-table; min-width: 24px; height: 1.4em; margin-right: 1.25rem;}
.section > div .list--fields .list--text > div > p,
.section > div .list--fields .list--text > div > a{font-size: 1rem; font-weight: 400; line-height: 1.4;}
.section > div .list--fields .list--text > div > a{color: #28373c;}
.section > div .list--fields .list--text > div > a:hover{color: #0c9c2e ; text-decoration: underline;}
.section > div .list--fields .list--text > div > p > span{opacity:.75;}
.section > div .list--fields .list--text > div > small {font-size: .888rem; font-weight: 400; line-height: 1.4; opacity: .75; width: 100%; display: -ms-flexbox; display: flex;}
.section > div .module--text{padding: .5rem 0}
.section > div .module--text span{margin-bottom: 1rem; display:inline-block;}
.section > div .module--text span small,
.section > div .module--text span s {font-size: .888rem; font-weight: 400; line-height: 1.4; opacity: .75;}
.section > div .module--text .a--btn{font-size: 1.125rem; font-weight: 500;}

.modal--overlay{background: rgba(255,245,0,.9); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 202; display: -ms-flexbox; display: flex;    -ms-flex-pack: center; justify-content: center; transform: translateY(100%); transition: transform .4s cubic-bezier(.5,.09,.35,.67) .1s,opacity .4s cubic-bezier(.5,.09,.35,.67) .1s; pointer-events: none; perspective: 100px;}
.modal-overlay--is-visible {opacity: 1; pointer-events: auto; transform: translateY(0) !important; transition: transform .4s cubic-bezier(.075,.82,.165,1),opacity .4s cubic-bezier(.075,.82,.165,1) !important;}
.modal--wrapper {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center;   max-width: 1530px; opacity: 0; transform: translate3d(0,25%,-20px); transition: all .3s cubic-bezier(.5,.09,.35,.67); width: 100%;}
.modal-overlay--is-visible .modal--wrapper {opacity: 1; transform: translateZ(0); transition: all 1s cubic-bezier(.075,.82,.165,1) .2s;}
.modal-overlay--content {background: #fff; box-shadow: 0 2px 2px -7px rgba(0,0,0,.03),0 6px 4px -7px rgba(0,0,0,.04),0 12px 6px -7px rgba(0,0,0,.05),0 20px 9px -7px rgba(0,0,0,.05),0 33px 15px -7px rgba(0,0,0,.06),0 58px 26px -7px rgba(0,0,0,.06),0 127px 46px -7px rgba(0,0,0,.06); overflow-y: auto; margin: 2.5rem;    margin-bottom: 0; padding: 2.5rem; padding-bottom:1rem; border-radius: 4px;}
.modal--content{display:block; width:100%; max-width:50%; margin:0 auto; font-size: 1rem; font-weight: 400; line-height: 1.4;}
.modal--content h3 {font-size: 1.5rem; font-weight: 500; line-height: 1.4; margin-bottom:1.5rem}
.modal--content p{margin-bottom:1rem;}
.modal--content ul {color: #0b1e25; margin-bottom:1rem;}
.modal--content ul li {margin-bottom: .5em; position:relative; padding-left:1.5rem;}
.modal--content ul li:before {content: "";background-size: 16px 16px; background-repeat: no-repeat; background-position: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M12 22.5C6.201 22.5 1.5 17.799 1.5 12S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5z' fill='%23fff500'/%3E%3Cpath d='M11 13.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z' fill='%230b1e25' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");	 width: 24px; height: 1.4em; position:absolute; left:0; top:0;}
.modal-close-wrapper {-ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; margin-bottom: 0; padding: 2.5vw; padding-top: 3.125vw;}
.modal--close {-ms-flex-align: center; align-items: center; background: #0b1e25; border-radius: 50%; color: #fff; display: -ms-flexbox; display: flex;   -ms-flex-pack: center; justify-content: center; width:32px; padding: 8px; cursor: pointer; z-index: 1;}
#girokonto-plus{padding-top: 7.5rem; padding-bottom: 7.5rem; background-repeat: no-repeat !important; background-size: 25vw !important; background-position: 100% !important; background-color: #0f1e24; color: #fff;}
.karten--section{margin: 5rem auto; margin-top: 15.625vw; margin-bottom: 10vh; max-width: 1440px;}
.karten--section .karen--block{position: absolute; top: 0; left: 0; right: 0; width:100%;}
.karten--container{perspective: 1000px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: sticky; padding: 0; top: 25vh; margin-right:12.5%; margin-left:12.5%; max-width: 1440px;}
.karten--wrapper{padding: 0  3.125vw 0 0; width:100%; max-width:335px }
.karten-cards__card { position: sticky; top: 0; z-index: 10;}
.karten--container .karten-cards__cardImage {width: 100%; border-radius: 28px; text-align: center;}
.karten-cards__cardImage img { width: 100%; box-shadow: 0 2px 2px -7px rgba(0,0,0,.03),0 6px 4px -7px rgba(0,0,0,.04),0 12px 6px -7px rgba(0,0,0,.05),0 20px 9px -7px rgba(0,0,0,.05),0 33px 15px -7px rgba(0,0,0,.06),0 58px 26px -7px rgba(0,0,0,.06),0 127px 46px -7px rgba(0,0,0,.06); border-radius: 6.125%/3.87%; height:auto;}

.karten-cards__text {width: 75%; background:#fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center;
justify-content: center;}
.karten-cards__text span {font-size: 1rem; background: #e6e8e9; width: -webkit-fit-content; width: fit-content; display: table; border-radius: 4px; line-height: 1.2; padding: .78125vw;}
.karten-cards__text h3 {padding: 1.5625vw 0 3.125vw; font-size: 3rem;  font-weight: 700;  line-height: 1.15;}
.karten-cards__text p{font-size: 1.25rem; font-weight: 400; line-height: 1.4;}

.kunden-accrodian{ max-width:1440px; margin:5rem auto;}
.kunden-accrodian .container > div {margin-left: auto; margin-right: auto; width:50%;}
.kunden-accrodian h2 {margin: 2.5rem 5rem; font-size:3rem; line-height:1.5; font-weight:700;}
.kunden-accrodian .card{ border-top: 1px solid #e6e8e9 !important; border-radius:0px;}
.kunden-accrodian .card > div > div{z-index:10;}
.kunden-accrodian .card > div > div.collapsed{background: #fff;}
.kunden-accrodian .card > div > div > div > h3{font-size:1.25rem; padding:1.25rem; padding-right:5rem; font-weight: 500;}
.kunden-accrodian .card > div > div > div > div{min-width:5rem; font-size: 1.25rem; font-weight: 500; position:relative;}
.kunden-accrodian .card > div > div > div > div:after {content: ""; position: absolute; border-left: 1px solid #e6e8e9; top: 1.25rem; bottom: 1.25rem; right: 0;}
.kunden-accrodian .card > .card-header:after {content: ""; background: #fff500; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0;   transform-origin: 100% 0; transform: scaleX(0); transition: all .32s cubic-bezier(.465,.183,.153,.946); z-index:1;}
.kunden-accrodian .card > .card-header:focus:after, 
.kunden-accrodian .card > .card-header:hover:after {opacity: 1; transform: scaleX(1);}
.kunden-accrodian .card > div > div span {top:50%;	right:15px; height: 32px !important; width: 32px !important; cursor: pointer; background: #0b1e25;border-radius: 32px !important; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.kunden-accrodian .card > div > div.collapsed span {background: #fff500;}

.kunden-accrodian .card > div > div span:after, 
.kunden-accrodian .card > div > div span:before,
.kunden-accrodian .card > div > div.collapsed span:after, 
.kunden-accrodian .card > div > div.collapsed span:before { content: ""; display: block; background: #0b1e25; width: 8px; width: .5rem; height: 2px;  border-radius: 1px; position: absolute; left: 50%; top: 50%; transition: all .32s cubic-bezier(.465,.183,.153,.946);}

.kunden-accrodian .card > div > div.collapsed span:before {transform: translateX(-75%) translateY(-50%) rotate(45deg);}
.kunden-accrodian .card > div > div.collapsed span:after { transform: translateX(-25%) translateY(-50%) rotate(-45deg);}
.kunden-accrodian .card > div > div span:before,
.kunden-accrodian .card > div > div span:after { background: #fff; width: 12px; width: .75rem;}
.kunden-accrodian .card > div > div span:before{transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.kunden-accrodian .card > div > div span:after { transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.collapse,
.collapsing { background: #f4f8f8;}

.card-content{padding:0 5rem 0 1rem; position:relative; margin-left:3.75rem;}
.card-content:after {content: ""; position: absolute; border-left: 1px solid #e6e8e9; top: -41px; bottom: 0rem; left: -1px;}
.card-content p{line-height:1.4; margin-bottom:30px;}
.card-content ol,
.card-content ul{padding-left:16px;}
.card-content ol li,
.card-content ul li{display:list-item; list-style-position:outside; line-height: 1.4;}
.card-content ol li{list-style:number;}
.card-content ul li{list-style:disc;}
.card-content p a{color: #1a2326; text-decoration:underline;}
.card-content p a:hover{color: #0c9c2e;}
/*============ Content End ============*/

/*============ Footer Start ============*/
footer {background: #28373c; padding: 1.125rem 0 1.5rem; position: relative; z-index: 76;}
footer:before {height: .25rem; width: 100%; background: linear-gradient(-90deg,#fff500,#f7f406 14%,#c6f127 48%,#7aeb5b 70%,#44cf6e); content: ""; left:0; top: 0; position: absolute;}
footer > div {margin: 0 auto; max-width: 1020px; padding: 0 1.875rem; display:-ms-flexbox; display:flex; -ms-flex-align: center; align-items: center;}
footer > div > ul,
footer > div > ul > li,
footer > div > ul > li > a{display:-ms-flexbox; display:flex; -ms-flex-align: center; align-items: center;}
footer > div > ul{margin-left:auto; padding: .75rem;}
footer > div > ul > li{margin:0 0 0 1rem;}
footer > div > ul > li:first-child{margin:0;}
footer > div > ul > li > a{width:32px; height:32px; color: #fff500; font-size:36px;}
footer > div > ul > li > a:hover{color: #ffe100; transition: all .2s ease-in-out;}
footer > div .f-links{padding-top:.75rem; padding-bottom:.75rem;}
footer > div .f-links > .footer--navigation{padding-bottom:.5rem;}
footer > div .f-links > .footer--navigation > li{margin-right:.75rem;}
footer > div .f-links > .footer--navigation > li > a{color: #fff; font-size: .875rem;}
footer > div .f-links > .footer--navigation-2 > li > a,
footer > div .copyright > p{color: rgba(255,255,255,.5); font-size: .75rem;}
footer > div .f-links > .footer--navigation > li > a:hover {color: #ffe100; transition: all .2s ease-in-out;}
footer > div .copyright {padding-top:.75rem;}
/*============ Footer End ============*/ 
@media (min-width:1025px){
.header-searchfield form { position: relative; margin-bottom: 0;}
.header-searchfield__input {width: 380px;}
.hdr__lnk {color: #939b9d; font-size: .8rem; line-height: 1rem; padding: .625rem 0 .625rem .5rem; margin: 0 1rem 0 0;}
.hdr__lnk:hover { color: #ffe100; transition: all .2s ease-in-out;}
.nav--list {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mbl-lgn{display:none;}
.hide-desktop{display:none;}
}

/*=========== Firmenphilosophie Page Css Start ==========*/
.page-id-141 .karten--section{margin-top:5rem}
.media--block{margin: 5rem auto; max-width: 1440px;}
.media--headline > div{ margin-top: 6.25vw; opacity: 0; font-size:3rem; line-height:1.5; font-weight:700;}
.media--headline > img{margin-left:auto; height:auto !important;}
.media--headline .media--image { margin-left: 25%; position: relative; }
.media--block h2 {position: sticky; z-index: 1; color: #0b1e25; font-size:3rem; font-weight:700;line-height:1.5; background: hsla(0,0%,100%,.95); width: 100%; max-width:1080px; bottom: 2.5rem;	padding: 2.5rem 5rem;}
.media--block .media--text{max-width:720px; margin:0 auto;}
.media--block .media--text p{font-size: 1.25rem; font-weight: 400; line-height: 1.5; color: #28373c; text-align: justify;}
.media--block .media--text p a{text-decoration:underline; color: #28373c;}
.media--block .media--text p a:hover{color:#0c9c2e; -webkit-transition: color .2s linear;  transition: color .2s linear;}
/*=========== Firmenphilosophie Page Css End ==========*/

/*=========== Depots Page Css Start ==========*/
.depots--wrapper{max-width:1023px !important; margin:0 auto !important; padding-bottom:70px;}
.depots-image > img{height:auto !important;}
.depots-image:after {position: absolute; top: 0; left: -.5px; width: 66%; height: 100%; content: ""; background: linear-gradient(90deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6) 58%,hsla(0,0%,100%,0));}
.depots-image .banner--caption{left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:20px; z-index:1;}
.depots-image .banner--caption h1{font-size: 1.875rem; line-height: 2.625rem; margin-bottom: 2rem; color: #28373c; max-width: 40rem;}
.depots-image .banner--caption a{width:max-content; font-weight: 500;}

.bdr-rgt{border-right:1px solid #f4f4f4;}
.scroll--nav{padding:1.75rem 0rem; top:100px;}
.scroll--nav ul li{margin-bottom: 1.5rem; position:relative; padding:3px 16px; text-align:right;}
.scroll--nav ul li:after{position:absolute; right:-1px; top:0px; width:2px; height:100%; content:''; background:#0c9c2e; opacity:0; }
.scroll--nav ul li.active:after,
.scroll--nav ul li:hover:after{opacity:1;}
.scroll--nav ul li a{color: #1a2326; -webkit-transition: color .2s linear; transition: color .2s linear; display:block; width:100; }
.scroll--nav ul li:hover a,
.scroll--nav ul li.active a{color: #0c9c2e;}

.depots--wrapper .col-md-9 > div > div {padding:.25rem 1rem; margin:.75rem 0rem;}

.depots--title{margin:1.5rem 0;}
.depots--title:first-child{margin-top:0;}
.depots--title h2{font-size: 1.875rem; line-height: 2.625rem;}
.depots--title img{max-width:112px; margin-left:auto;}
.depots--para p,
.depots--list ul li,
.depots--content--image ul li,
.depots--content--image p,
.depots--tabs .tab-content .tab-pane p,
.depots--tabs .tab-content .tab-pane ul li {margin: 0 0 1rem; font-size: 1rem; line-height: 1.5rem; color: #28373c;}
.depots--list ul li a,
.depots--content--image ul li a,
.depots--tabs .tab-content .tab-pane p a{color:#000;}
.depots--list ul li a:hover,
.depots--content--image ul li a:hover,
.depots--tabs .tab-content .tab-pane p a:hover{color:#0c9c2e; text-decoration:underline; -webkit-transition:color 0.5s linear 0s; transition:color 0.5s linear 0s;}
.depots--para p strong,
.depots--content--image p strong,
.depots--tabs .tab-content .tab-pane p strong{font-weight:700; color:#000;}
.depots--list ul li,
.depots--content--image ul li,
.depots--tabs .tab-content .tab-pane ul li{padding-left: 1.5rem; position: relative;}
.depots--list ul li > span,.depots--tabs .tab-content .tab-pane ul span{text-decoration:underline;}
.depots--list ul li > span:hover,
.depots--tabs .tab-content .tab-pane ul li span:hover {color: #0c9c2e; -ms-transition: color .2s ease 0s; transition: color .2s ease 0s;}
.depots--list ul li:before,
.depots--content--image ul li:before,
.depots--tabs .tab-content .tab-pane ul li:before{background-size:contain; background-repeat:no-repeat; background-position:50%; content:""; height:1rem; left:0; position:absolute; top:.2em; width: 1rem;}
.depots--list ul li:before,
.depots--tabs .tab-content .tab-pane ul li:before{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M7 12c-.27 0-.52-.11-.71-.29l-3-3A.996.996 0 1 1 4.7 7.3L7 9.59l5.29-5.29a.996.996 0 1 1 1.41 1.41l-6 6A.99.99 0 0 1 7 12z' fill='%230C9C2E'/%3e%3c/svg%3e");}
.depots--content--image ul li:before{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M6 13c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41L8.59 8l-3.3-3.29A.996.996 0 1 1 6.7 3.3l4 4c.39.39.39 1.02 0 1.41l-4 4c-.19.19-.44.29-.7.29z' fill='%230C9C2E'/%3e%3c/svg%3e");}
.depots--content--image h3,.depots--para h3{font-size: 1.125rem; font-weight: 500; line-height: 1.625rem; width:100%; margin-bottom:1rem;}
.depots--tabs ul{padding:0 .5rem;}
.depots--tabs ul li{padding-right:1.5rem;}
.depots--tabs ul li a {color:#000; font-size: 1rem; font-weight: 400; position: relative; display: -ms-inline-flexbox; display: inline-flex; height: 2rem;   margin-top: 0; transition: color .2s linear; white-space: nowrap; -ms-flex-align: center; align-items: center;}
.depots--tabs ul li a:after{position:absolute; right:0; bottom:0; left:0; content:""; transition:opacity .2s linear; opacity:0; border-bottom:2px solid #097c24;}
.depots--tabs ul li a.active:after{opacity: 1;}
.depots--tabs .tab-content{padding:1rem 1.25rem 2rem;}
.depots--accordian .accordion-group {overflow: hidden;}
.depots--accordian .accordion-group .accordion-heading {min-height: 2.5rem; margin: 0 -.75rem; cursor: pointer;}
.depots--accordian .accordion-group .accordion-heading a {font-size: 1rem; line-height:1.5; font-weight: 400; min-height: 2.5rem; padding: .4375rem .875rem .4375rem 2.25rem; transition: color .2s linear;	color: #1a2326;}
.depots--accordian .accordion-group .accordion-heading a{border-bottom: 1px solid #0c9c2e; color: #0c9c2e;}
.depots--accordian .accordion-group .accordion-heading a.collapsed{border-bottom: 1px solid #dedede; color: #1a2326;}

.depots--accordian .accordion-group .accordion-heading a:hover{border-bottom-color: #0c9c2e; color:#0c9c2e;}
.depots--accordian .accordion-group .accordion-heading a:before{position:absolute; left:10px; top:50%; width:8px; height:8px; content:''; border-top: solid 2px #0c9c2e; border-right: solid 2px #0c9c2e; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}

.depots--accordian .accordion-group .accordion-body{background:#fff !important; border-top: 1px solid #0c9c2e; border-bottom: 1px solid #dedede;}
.depots--accordian .accordion-group .accordion-body div{padding-top:1rem; padding-bottom:2rem;}
.depots--accordian .accordion-group .accordion-body div p a{ color:#000}
.depots--list-bg h3{display:flex; align-items:center;}
.depots--list-bg h3 img{margin-right:1rem;}
.depots--list-bg ul.list-bg{padding-left:4rem; position:relative;}
.depots--list-bg.arrow-bg ul.list-bg:before{position:absolute; left:7px; top:-1px; width:0px; height:calc(100% + 15px); content:''; border-image:url(../images/list-arrow.png) 1 18 19 18 fill stretch; border-width: 1px 19px 19px 19px; border-style:solid;}
/*=========== Depots Page Css End ==========*/

.price--block{padding-bottom:8rem; position:relative; z-index:100;}
.offer--block {-webkit-box-orient: vertical;-webkit-box-direction: normal;border-radius: .5rem; margin:0 auto; max-width: 62rem; position: relative; z-index:1;}
.price--block.offer--sticky {position: -webkit-sticky; position: sticky; top: 60px; z-index:100;}
.offer-inpage { font-size: 1rem; position: absolute; top: 0rem; left: 0; right: 0; z-index: 1;}
/*.offer--block > * {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%;}*/
.offer-inpage > a {padding: 2rem 1rem 1rem; background: #fff; box-shadow: 0 0px 24px rgba(0,0,0,.1); border-radius: .5rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto;flex: 1 1 auto; min-height: 7rem; position: relative;}
.offer-inpage > a + a { margin: 0 0 0 1rem;}
.price--block.offer--sticky .offer-inpage > a{min-height:inherit; padding:.5rem 1rem .5rem;}
.price--block.offer--sticky .offer-inpage > a + a{display:none !important;}
.offer--card--wrapper {-webkit-box-flex: 1; -ms-justify-content:center;  justify-content:center;}
.offer---period { background-color: #e9ecef; color: #212529; border-radius:0 0 .5rem .5rem; padding: .25rem 1rem; position: absolute; top: 0; left: 50%;   text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.price--block.offer--sticky .offer--card--wrapper{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; }
.price--block.offer--sticky .offer---period,
.price--block.offer--sticky .offer--price--condition{display:none;}
.offer--card--title {color: #212529; font-family: Gotham,Avenir Next,Helvetica Neue,sans-serif-black,Arial Narrow,Arial Nova,sans-serif; font-size: 1.3125em;    line-height: 1.19048em; padding-top: .5rem;}
.om-price {color: #868e96;}
.offer--price--period--price { color: #212529; font-family: Gotham,Avenir Next,Helvetica Neue,sans-serif-black,Arial Narrow,Arial Nova,sans-serif; font-size: 3em; line-height: 1.20833em; padding-left: .1em; padding-right: .1em;}
.offer--price--unit {-ms-flex-item-align: start; align-self: flex-start; display: block; font-size: .4375em; line-height: 1.19048em; font-family: Gotham XNarrow,Avenir Next Condensed,sans-serif-condensed,Arial Narrow,Arial Nova,sans-serif; font-weight: 400; -webkit-box-ordinal-group: 0; -ms-flex-order: -1;    order: -1; padding-top: .25em; padding-right: .125em;}
.offer--price--duration--unit{-webkit-box-flex:0; -ms-flex:0 1 0%; flex:0 1 0%; text-align:left; color:#868e96; font-size:1.0625em; line-height:1.17647em;}
.offer--price--condition {display: block; color: #868e96; text-align: center; margin-bottom: 1rem; font-size: 1.0625em; min-height: 2.82353em;}
.offer-cta { background-color: #00c373; border-radius: .5rem; color: #fff;  font-family: Gotham XNarrow,Avenir Next Condensed,sans-serif-condensed,Arial Narrow,Arial Nova,sans-serif; font-size: 1.0625em; font-weight: 700; letter-spacing: .03em; line-height: 1; padding: 1rem; text-transform: uppercase;   -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out; -ms-flex-item-align: center; -ms-grid-row-align: center;   align-self: center; -webkit-box-flex: 1; -ms-flex: 1 0 15em; flex: 1 0 15em; max-width: 17.5rem; margin: 0 5%;}