/********************************************/
/********** END PADDINGS - MARGINGS *********/
/********************************************/
.form-group.range-control {
margin-bottom: 0;
padding-bottom: 25px;
}
.form-group.range-control label.lable-sm {
font-size: 1em;
}
.form-group.range-control label slim {
font-weight: 500;
}
@media (max-width: 767px) {
.form-group.range-control label.lable-sm {
font-size: 0.9em;
}
}
@media (max-width: 480px) {
.form-group.range-control label.lable-sm {
font-size: 0.9em;
}
}
/***********************************/
/***** START CONTACT US WIDGET *****/
/***********************************/
.contact-us-widget {
}
.contact-us-widget .btn,
.contact-us-widget .btn:hover,
.contact-us-widget .btn:focus,
.contact-us-widget .btn:active,
.contact-us-widget .btn:visited {
background: #76a9dc;
position: relative;
padding: 0;
margin-bottom:1px;
line-height: 30px;
display: block;
vertical-align: middle;
overflow: hidden;
}
.contact-us-widget.inline .btn,
.contact-us-widget.inline .btn:hover,
.contact-us-widget.inline .btn:focus,
.contact-us-widget.inline .btn:active,
.contact-us-widget.inline .btn:visited {
display: block;
border-right: 1px solid #FFFFFF;
box-sizing: border-box;
}
.contact-us-widget.inline .btn>a,
.contact-us-widget.inline .btn>a:hover,
.contact-us-widget.inline .btn>a:focus,
.contact-us-widget.inline .btn>a:active,
.contact-us-widget.inline .btn>a:visited {
color: #FFFFFF;
text-decoration: none;
background: transparent;
border: none;
outline: none;
}
.contact-us-widget.grad .btn {
background: #76a9dc;
background: -webkit-linear-gradient(top,#336699,#76a9dc);
background: -o-linear-gradient(top,#336699,#76a9dc);
background: -moz-linear-gradient(top,#336699,#76a9dc);
background: linear-gradient(to right, #336699, #76a9dc);
}
.contact-us-widget .btn:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.contact-us-widget .btn>a {
background: transparent;
color: #FFF;
text-align: left;
}
.contact-us-widget .btn>a>span {
padding: 0 1px 0 5px;
display: block;
font-size: 0.9em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
direction: ltr;
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
.contact-us-widget .btn>a>span:hover {
direction: rtl;
unicode-bidi: plaintext;
}
.contact-us-widget .btn>a>span>small{
margin-left: 5px;
}
.contact-us-widget .btn .fa {
color: #FFF;
overflow: hidden;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
font-style: normal;
text-align: center;
background: transparent;
text-shadow: none;
background: #336699;
}
.contact-us-widget .btn .fa:before,
.contact-us-widget .btn .fa:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
opacity: 1;
color: #FFFFFF;
text-shadow: 0px 1px 1px rgba(0,0,0,0.67);
border-radius: 0;
}
.contact-us-widget .btn .fa:after {
left: -30px;
top: 0;
opacity: 0;
position: absolute;
background: #336699;
}
.contact-us-widget.vertical .btn .fa:after {
left: 0;
top: -30px;
}
.contact-us-widget .btn:hover .fa:before {
margin-left: 30px;
margin-top: 0;
opacity: 0;
}
.contact-us-widget.vertical .btn:hover .fa:before {
margin-left: 0;
margin-top: 30px;
opacity: 0;
}
.contact-us-widget .btn:hover .fa:after {
left: 0;
margin-top: 0;
opacity: 1;
background: #3d70a3;
}
.contact-us-widget.vertical .btn:hover .fa:after {
left: 0;
margin-top: 30px;
}
.contact-us-widget .btn .fa.fa-phone:before,
.contact-us-widget .btn .fa.fa-phone:after {
content: "\f095";
}
.contact-us-widget .btn .fa.fa-fax:before,
.contact-us-widget .btn .fa.fa-fax:after {
content: "\f1ac";
}
.contact-us-widget .btn .fa.fa-envelope-o:before,
.contact-us-widget .btn .fa.fa-envelope-o:after {
content: "\f003";
}
.contact-us-widget .btn .fa.fa-envelope:before,
.contact-us-widget .btn .fa.fa-envelope:after {
content: "\f0e0";
}
/***********************************/
/****** END CONTACT US WIDGET ******/
/***********************************/
/***********************************/
/*** START CONTACTDATA US WIDGET ***/
/***********************************/
.widget-contactdata {
color: #3f3f3f;
font-style: normal;
}
.widget-contactdata span,
.widget-contactdata .fa,
.widget-contactdata .glyphicon {
font-style: normal;
text-shadow: none;
}
.widget-contactdata .phone-number {
font-style: normal;
}
.widget-contactdata a,
.widget-contactdata a:visited,
.widget-contactdata a:focus {
color: #3f3f3f;
text-decoration: none;
text-shadow: none;
}
.widget-contactdata a:hover,
.widget-contactdata a:active {
color: #3f3f3f;
text-decoration: underline;
}
.widget-contactdata a.phone-number.red .fa,
.widget-contactdata a.phone-number.red .glyphicon {
color: #c00;
margin-right: 5px;
}
.widget-contactdata a.phone-number.red,
.widget-contactdata a.phone-number.red:hover,
.widget-contactdata a.phone-number.red:focus,
.widget-contactdata a.phone-number.red:hover .fa,
.widget-contactdata a.phone-number.red:hover .glyphicon{
color: #c00;
text-decoration: none;
}
/******************************************/
/**** FORMULAR title-underline & arrow ****/
/******************************************/
.gray-arrow-down {
padding-bottom: 8px;
border-bottom: 1px solid #ccc;
position: relative;
}
.gray-arrow-down:before {
content: '';
border: 10px solid transparent;
border-top-color: #ccc;
position: absolute;
bottom: -21px;
left: 10px;
}
/******************************************/
/** END FORMULAR title-underline & arrow **/
/******************************************/
.options-box .flex-input-group input.form-control {
margin-bottom: 2px;
}
.options-box .flex-input-group .btn {
border-style: solid;
border-width: 1px;
border-color: inherit;
}
.options-box .flex-input-group .btn.btn-primary {
margin-top: 0px;
border-style: solid;
border-width: 1px;
border-color: #336699;
}
.options-box .btn span.small {
font-size: .9em;
vertical-align: middle;
padding: .2em 0 .2em;
white-space: normal;
}
/**************************************************************/
/******** Automatic Text Contrast with CSS Blend Modes ********/
/**************************************************************/
.mix-blend-text {
color: #000;
}
@supports (mix-blend-mode: difference) {
.mix-blend-mode {
background-image: linear-gradient(90deg,#fff 49.9%,#000 50%);
}
.mix-blend-mode .mix-blend-text {
color: #fff;
mix-blend-mode: difference;
}
}
/**************************************************************/
/****** END Automatic Text Contrast with CSS Blend Modes ******/
/**************************************************************/
@media print
{
aside *, footer, footer ~ *,
.fd-social_sidebar, .fd-social_sidebar *
{
display: none !important;
}
/*show link href - same as in bootstrap*/
/*a[href]:after {
content: " (" attr(href) ")";
}*/
/*hide link href in articles*/
.article-body[itemprop="articleBody"] a[href]:after,
.alert a[href]:after {
content: none !important;
}
.article-body[itemprop="articleBody"] iframe {
display: none !important;
}
.article-body[itemprop="articleBody"] iframe + *:before {
content: "\f144";
font-family: fontAwesome;
display: block;
text-align: left;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
margin-bottom: 10px;
}
}
body {
color: #3f3f3f;
}
.text-small {
font-size: small;
}
.text-bold {
font-weight: 600;
}
.lp-intro {
padding: 1em;
border-top: solid #a37e2b;
/*border-bottom: solid #69c;*/
border-bottom: solid #76a9dc;
border-width: 2px 0;
}
.overflow-hidden {
overflow: hidden;
}
.strong {
font-weight: 600!important;
}
.normal {
font-weight: 400!important;
}
.light {
font-weight: 300!important;
}
.italic {
font-style: italic!important;
}
.lowercase {
text-transform: lowercase!important;
}
.uppercase {
text-transform: uppercase!important;
}
.font-xxl {
font-size: 65px;
}
.light-gray {
color: #efefef;
color: rgb(239, 239, 239);
}
.gray {
color: #696969;
color: rgb(105, 105, 105);
}
.dark-gray {
color: #3f3f3f;
color: rgb(63, 63, 63);
}
.light-blue {
color: #76a9dc;
color: rgb(118, 169, 220);
}
.blue {
color: #336699;
color: rgb(51, 102, 153);
}
.paled-green {
color: #83ac90;
color: rgb(131, 172, 144);
}
.light-green {
color: #48A43F;
color: rgb(72, 164, 63);
}
.green {
color: #29713F;
color: rgb(41, 113,63);/*rgb(63, 165, 53);*/
}
.dark-green {
color: #006039;
color: rgb(41, 113,63);
}
.red {
color: #E9232A;
color: rgb(233, 35, 42);
}
.gold {
color: #a37e2b;
color: rgb(163, 128, 43);
}
.silver {
color: #818181;
color: rgb(129, 129, 129);
}
.pale-gray-bg {
background: rgba(252, 252, 252, .15)!important;
}
.lighter-gray-bg {
background: #fafafa;
background: rgb(250, 250, 250);
}
.light-gray-bg {
/*background: #efefef;
background: #f5f5f5;*/
background: rgb(245, 245, 245);
}
.light-grey-bg {
background: #efefef;
}
.gray-pattern-bg {
background-image: url(/themes/barcelona/images/groovepaper.png);
}
.gray-bg {
background: #696969;
background: rgb(105, 105, 105);
color: #fff;
}
.dark-gray-bg {
background: #3f3f3f;
background: rgb(63, 63, 63);
color: #fff;
}
.light-blue-bg {
background: #76a9dc;
background: rgb(118, 169, 220);
color: #fff;
}
.blue-bg {
background: #336699;
background: rgb(51, 102, 153);
color: #fff;
}
.dark-blue-bg {
background: #2e5c89;
background: rgb(46, 92, 137);
color: #fff;
}
.green-bg {
background: #006039;
background: rgb(0, 96, 57);
color: #fff;
}
.yellow-bg {
background: #f1b400;
color: #fff;
}
.red-bg {
background: #E9232A;
color: #fff;
}
.pale-green-bg {
background: #83ac90;
background: rgb(131, 172, 144);
color: #fff;
}
.dark-green-bg {
background: #006039;
background: rgb(0, 96, 57);
color: #fff;
}
.lighter-gray-bg {
background: rgb(239, 239, 239);
color: #5f5f5f;
}
.blue-bg-grad {
background: #336699;
background: -webkit-linear-gradient(top,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: -o-linear-gradient(top,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: -moz-linear-gradient(top,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: linear-gradient(to bottom,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: linear-gradient(top,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
color: #fff;
}
.blue-bg-grad-reverse {
background: #76a9dc;
background: -webkit-linear-gradient(top, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: -o-linear-gradient(top, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: -moz-linear-gradient(top, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: linear-gradient(to bottom, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: linear-gradient(top, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
color: #fff;
}
.gray-bg-grad {
background-color: #3f3f3f;
background-image: -webkit-linear-gradient(top, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: -moz-linear-gradient(top, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: -o-linear-gradient(top, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: linear-gradient(top, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
color: #fff;
}
.gray-bg-grad-reverse {
background-color: #696969;
background-image: -webkit-linear-gradient(top, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -moz-linear-gradient(top, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -o-linear-gradient(top, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -o-linear-gradient(top, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: linear-gradient(top, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
color: #fff;
}
.light-gray-bg-grad {
background-color: #3f3f3f;
background-image: -webkit-linear-gradient(top, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: -moz-linear-gradient(top, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: -o-linear-gradient(top, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: linear-gradient(top, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
color: #fff;
}
.lighter-gray-bg-grad {
background-color: #777;
background-image: -webkit-linear-gradient(left, rgb(245, 245, 245) 0%, rgb(249, 249, 249) 100%);
background-image: -moz-linear-gradient(left, rgb(245, 245, 245) 0%, rgb(249, 249, 249) 100%);
background-image: -o-linear-gradient(left, rgb(245, 245, 245) 0%, rgb(249, 249, 249) 100%);
background-image: linear-gradient(right, rgb(245, 245, 245) 0%, rgb(249, 249, 249) 100%);
color: #3f3f3f;
}
.no-grad {
background-image: none;
}
.b0 {
border: 0!important;
}
.bt0 {
border-top-width: 0!important;
}
.bb0 {
border-bottom-width: 0!important;
}
.bt1 {
border-top: solid;
border-top-width: 1px!important;
}
.bt2 {
border-top: solid;
border-top-width: 2px!important;
}
.bb1 {
border-bottom: solid;
border-bottom-width: 1px!important;
}
.bb2 {
border-bottom: solid;
border-bottom-width: 2px!important;
}
.bt-white {
border-top-color: #f5f5f5!important;
}
.bb-white {
border-bottom-color: #f5f5f5!important;
}
.bt-light-gray {
border-top-color: rgba(221, 221, 221, 0.5);
}
.bt-gold {
border-top-color: #a37e2b!important;
}
.bt-silver {
border-top-color: #818181!important;
}
.bt-gray {
border-top-color: #d4d4d4!important;
}
.bt-dark-gray {
border-top-color: #3f3f3f!important;
}
.bt-blue {
border-top-color: #336699!important;
}
.bt-light-blue {
border-top-color: #76a9dc!important;
}
.bt-green {
border-top-color: #006039!important;
}
.bt-pale-green {
border-top-color: #83ac90!important;
}
.bt-light-gray {
border-bottom-color: rgba(221, 221, 221, 0.5);
}
.bb-gold {
border-bottom-color: #a37e2b!important;
}
.bb-silver {
border-bottom-color: #818181!important;
}
.bb-dark-gray {
border-bottom-color: #3f3f3f!important;
}
.bb-gray {
border-bottom-color: #d4d4d4!important;
}
.bb-light-gray {
border-bottom-color: #efefef!important;
}
.bb-blue {
border-bottom-color: #336699!important;
}
.bb-light-blue {
border-bottom-color: #76a9dc!important;
}
.bb-green {
border-bottom-color: #006039!important;
}
.bb-pale-green {
border-bottom-color: #83ac90!important;
}
.b-pale-gray {
border: 1px solid #f9f9f9;
}
.b-light-gray {
border: 1px solid #eeeeee;
}
.b-dark-gray {
border: 1px solid #3f3f3f;
}
.b-gray {
border: 1px solid #d4d4d4;
}
.nowrap {
white-space: nowrap!important;
}
.overflow-visible {
overflow: visible!important;
}
.wrap,
.wrap>a {
white-space: normal;
}
.pointer,
.pointer:hover {
cursor: pointer;
}
.flex-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
}
.flex-row.row {
max-width: none;
}
.flex-row.nowrap,
.flex-row.no-wrap {
flex-wrap: nowrap;
}
.flex-col {
display: flex;
flex-direction: column;
align-self: stretch;
flex: 1 1 auto;
}
.flex-col.flex-addon {
flex: 1 1 40px;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-row .center {
align-self: center;
}
/****************************************/
/******* START LANDING PAGE STYLE *******/
/****************************************/
.container.bg-slope:before {
background: #efefef;
bottom: 18%;
content: '';
left: -100px;
position: absolute;
right: -100px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
top: 64%;
z-index: 0;
display: block;
}
.bg-slope:before {
background: #f1f1f1;
bottom: 0;
content: '';
left: -100px;
position: absolute;
right: -100px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
top: 0;
z-index: 0;
display: block;
/*1;*/
}
.news .item:nth-child {
}
.news .item .itm-box {
padding-top: 15px;
padding-bottom: 15px;
margin-top: 5px;
margin-bottom: 5px;
background: rgba(249, 249, 249, 0.95);
background: rgba(255, 255, 255, 0.95);
border: 1px solid #f7f7f7;
box-shadow: 0 0 1px rgba(239, 239, 239, 1);
}
.news .item .itm-box .img {
box-sizing: border-box;
overflow: hidden;
}
.news .item .itm-box .desc {
margin-top: 10px;
margin-bottom: 10px;
}
.news .item .thumb-a {
height: 80px;
width: 100%;
margin-right: 0;
display: block;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.news .item figure.effect-fd-image {
background-position: center;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
transition: all 0.35s;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
height: 100%;
width: 100%;
vertical-align: middle;
background-position: center;
background-size: cover;
}
.bg-img-cover {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.saturate-in,
.saturate-in-wrapper .bg-img-cover {
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
transition: all 0.35s;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
}
.saturate-in:hover,
.saturate-in-wrapper:hover .bg-img-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.news .item .thumb-a {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.news .item figure.effect-fd-image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.saturate-in,
.saturate-in-wrapper .bg-img-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.news .item:hover figure.effect-fd-image {
transform: scale(1.2);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.news .item figure.effect-fd-image img.img-thumbnail {
max-height: 80px;
max-width: 100%;
margin:auto;
}
.news .item:hover figure.effect-fd-image img.img-thumbnail {
max-height: 80px;
max-width: 100%;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
.news .item .thumb-a {
height: 80px;
max-width: 100%;
width: 100%;
display: block;
margin-right: 0;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.news .item .itm-box .img {
padding-right: 0;
box-sizing: border-box;
overflow: hidden;
}
.news .item .itm-box .desc {
margin-top: 0;
}
.news .item .itm-box p:last-child {
margin-bottom: 0;
}
.news .item .itm-box .label-date {
display: block;
/*text-align: right;*/
}
.news .item:nth-child(n) {
padding-left: 5px;
padding-right: 5px;
}
.news .item figure.effect-fd-image img.img-thumbnail {
max-height: 55px;
max-width: 55px;
}
@media (min-width: 600px) {
.news .item figure.effect-fd-image img.img-thumbnail {
max-height: 55px;
max-width: 55px;
}
.news .item .itm-box .img {
padding-right: 0;
}
.news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
.news .item .thumb-a {
height: 100px;
}
.news .item figure.effect-fd-image {
max-height: 100px;
height: 100px;
}
}
@media (min-width: 768px) {
.news .item figure.effect-fd-image img.img-thumbnail {
max-height: 80px;
}
.news .item figure.effect-fd-image {
max-height: 80px;
height: 80px;
}
.news .item .itm-box .img {
box-sizing: border-box;
overflow: hidden;
}
.news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
.news .item .itm-box .img {
padding-right: 0;
}
}
@media (min-width: 992px) {
.news .item figure.effect-fd-image img.img-thumbnail {
max-height: 80px;
}
.news .item figure.effect-fd-image {
max-height: 80px;
height: 80px;
}
.news .item .itm-box .img {
padding-right: 0;
}
.news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (min-width: 1200px) {
.news .item .thumb-a {
height: 110px;
margin-right: 0;
}
.news .item .itm-box .desc {
margin-top: 10px;
margin-bottom: 10px;
}
.news .item figure.effect-fd-image {
max-height: 110px;
height: 110px;
}
.news .item .itm-box .img {
padding-right: 15px;
box-sizing: border-box;
overflow: hidden;
}
}
.landingpage .banner-green {
background-image: url(/themes/barcelona/images/fonds/nachhaltigkeitfonds-vorteile-left.jpg), url(/themes/barcelona/images/fonds/nachhaltigkeitfonds-vorteile-right.jpg), url(/themes/barcelona/images/fonds/nachhaltigkeitfonds-vorteile-center.jpg);
background-position: left top, right bottom, left bottom;
background-repeat: no-repeat, no-repeat, repeat-x;
background-size: auto 100%, auto 100%, auto 100%;
min-height: 156px;
}
.landingpage .banner-green .center-block {
margin-left: 25%;
text-align: left;
}
.landingpage .banner-green .text {
margin-top: 6%;
font-size: 13px;
font-weight: 600;
color: #ffffff;
}
@media (max-width: 992px) {
.landingpage .banner-green .center-block {
margin-left: 33%;
}
.landingpage .banner-green .text {
margin-top: 10%;
}
}
.landingpage .banner-green .text > h5 > span {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
background: #29713f;
}
.landingpage .banner-green .text > ul {
padding-left: 25px;
display: inline-block;
background: #29713f;
}
.landingpage .banner-green .text > ul > li {
}
.landingpage .banner.img-responsive {
width: 100%;
height: auto;
}
.rectangle-list.pale p:before {
color: #FFFFFF;
cursor: pointer;
}
.rectangle-list.pale p {
background: #f3f3f3;
}
.rectangle-list.pale-hover p:hover {
background: #d4d4d4;
cursor: default;
}
.rectangle-list.pale p:hover {
background: rgb(230, 240, 247);
cursor: pointer;
}
.rectangle-list.greeny p:before {
background: #29713f;
color: #FFFFFF;
cursor: pointer;
}
.rectangle-list.greeny p:hover {
background: rgba(41, 113, 63, 0.22);
cursor: pointer;
}
.rectangle-list.greeny p:hover:after {
border-left-color: #29713f;
}
.greeny,
.greeny:hover{
color: #29713f!important;
}
.list-group.check.greeny > li:before {
color: #29713f;
}
.list-group.check.compressed .list-group-item {
padding-top: 5px;
padding-bottom: 0px;
margin-left: -7px;
}
.list-group.check.compressed-plus .list-group-item {
padding-top: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-left: -7px;
}
.list-group.check.bullet-2top > li:before {
top: 20px;
}
.rectangle-list p .hover-white {
color: #3F3F3F!important;
}
.rectangle-list p .blue.hover-white {
color: #336699!important;
}
.rectangle-list p:hover .hover-white,
.rectangle-list p:hover .blue.hover-white {
color: #FFFFFF!important;
}
/****************************************/
/******** END LANDING PAGE STYLE ********/
/****************************************/
form[name="depot_anfrage"] .btn {
white-space: normal;
}
.br-0,
.btn.br-0 {
border-radius: 0!important;
}
.br-4,
.btn.br-4 {
border-radius: 4px;
}
.br-6,
.btn.br-6 {
border-radius: 6px;
}
.br-8,
.btn.br-8 {
border-radius: 8px;
}
.btn.animate {
padding: 15px;
}
.btn.animate span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.btn.animate span:after {
content: "\f101";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
opacity: 0;
top: 0;
bottom: 0;
margin: auto;
right: -12px;
vertical-align: middle;
display: table;
transition: 0.5s;
}
.btn.animate:hover span {
padding-right: 8px;
margin-left: -8px;
}
.btn.animate:hover span:after {
opacity: 1;
right: -6px;
}
@media (max-width: 767px) {
div.col-controls-container.visible-xs {
min-height: 43px;
}
.col-xs-padding {
padding-left: 10px;
padding-right: 10px;
}
}
div.tab-pane.fade[role="tabpanel"]:not(.in) {
display: none;
}
.nav-tabs.gray-scale {
border-bottom: 1px solid #efefef;
}
.nav-tabs.gray-scale>li {
margin-top: 5px;
}
.nav-tabs.gray-scale>li.filter:focus,
.nav-tabs.gray-scale>li.filter>a:focus {
background: #f5f5f5;
border-color: #eeeeee;
}
.nav-tabs-filter-label {
color: #3f3f3f;
font-weight: 600;
font-size: .6em;
padding: 2px 0;
background: #eee;
border: none;
}
.nav-tabs-filter-label:first-of-type {
/*text-indent: 2px;*/
}
.nav-tabs-filter-label span {
padding: 0 4px;
}
.nav-tabs.gray-scale>li>a {
background: #fff;
margin-right: 0;
border: 1px solid transparent;
border-radius: 0;
color: #323232;
border: 1px solid #efefef;
font-weight: 600;
}
.nav-tabs.gray-scale>li>a:hover {
background: #efefef;
border: 1px solid #efefef;
}
.nav-tabs.gray-scale>li.active>a,
.nav-tabs.gray-scale>li.active>a:focus,
.nav-tabs.gray-scale>li.active>a:hover {
background: #323232;
background-image: -webkit-linear-gradient(top,#3f3f3f 0%, #696969 100%);
background-image: -moz-linear-gradient(top, #3f3f3f 0%, #696969 100%);
background-image: -o-linear-gradient(top, #3f3f3f 0%, #696969 100%);
background-image: linear-gradient(top, #3f3f3f 0%, #696969 100%);
color: #FFFFFF;
border: 0;
border: 1px solid #323232;
}
.nav-tabs.gray-scale>li.filter .ellipsis {
display: block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label {
margin: 0;
border-top: none;
height: auto;
font-size: .9em;
cursor: pointer;
text-align: left;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label:hover {
background: #f9f9f9;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label.topcat {
background: #4c4c4c;
color: #fff;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label.topcat:hover {
background: #4c4c4c;;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label.subcat {
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label.subcat input:checked~span {
color: #76a9dc;
text-decoration: underline;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label.main-cat {
font-size: 1em;
background: #f3f3f3;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li > label > input {
margin-top: 0;
margin-right: 5px;
position: absolute;
opacity: 0;
}
.nav-tabs.gray-scale>li.filter > .dropdown-menu > li:last-child > label {
border-bottom: none;
}
.ranking-table .arrow i.fa-caret-up {
font-size: 1.5em;
color: #29713F;
color: rgb(41, 113,63);
margin-right:4px;
}
.ranking-table .arrow i.fa-caret-down {
font-size: 1.5em;
color: #E9232A;
color: rgb(233, 35, 42);
margin-right:4px;
}
.ranking-table .arrow i.fa-minus {
font-size: 1em;
color: #76a9dc;
margin-right:4px;
}
td.hidden-xs.up {
position: relative;
color: transparent;
}
td.hidden-xs.up:before {
content: "\f0d8";
font-family: fontAwesome;
font-size: 1.1em;
margin-right: 2px;
color: #29713f;
}
td.hidden-xs.up:after {
content: attr(data-changed);
font-size: 1.1em;
color: #3f3f3f;
/*margin-left: -.2em;*/
position: absolute;
left: 1.3em;
}
td.hidden-xs.down {
position: relative;
color: transparent;
}
td.hidden-xs.down:before {
content: "\f0d7";
font-family: fontAwesome;
font-size: 1.1em;
margin-right: 2px;
color: #E9232A;
}
td.hidden-xs.down:after {
content: attr(data-changed);
font-size: 1.1em;
color: #3f3f3f;
/*margin-left: -.5em;*/
position: absolute;
left: 1.3em;
}
td.hidden-xs.na {
color: transparent;
}
td.hidden-xs.na:before {
content: "\f068";
font-family: fontAwesome;
font-size: 1.1em;
margin-right: 2px;
color: #76a9dc;
}
button.dt-button {
border: 1px solid #636363;
background: #636363;
color: #fff;
}
button.dt-button:hover {
border: 1px solid #636363;
background: #636363;
color: #fff;
}
button.dt-button>span,
button.dt-button>span:hover {
color: #fff;
}
/*light version*/
button.dt-button {
border: 1px solid #ddd;
background: #fff;
color: #717171;
outline: none!important;
}
button.dt-button:hover,
button.dt-button:focus,
button.dt-button:active {
border: 1px solid #ddd;
background: #efefef;
color: #717171;
outline: none!important;
}
button.dt-button>span,
button.dt-button>span:hover,
button.dt-button>span:focus,
button.dt-button>span:active {
color: #717171;
}
/************************************/
/***** Tabs BUTTONS radio style *****/
/************************************/
ul.nav-tabs.radio > li,
ul.nav-tabs.radio > li.active {
background: transparent;
}
ul.nav-tabs.radio > li > a,
ul.nav-tabs.radio > li > a:active,
ul.nav-tabs.radio > li > a:focus,
ul.nav-tabs.radio > li > a:hover,
ul.nav-tabs.radio > li.active > a,
ul.nav-tabs.radio > li.active > a:active,
ul.nav-tabs.radio > li.active > a:focus,
ul.nav-tabs.radio > li.active > a:hover {
background: transparent;
color: #3f3f3f;
border-left-color: #fff;
border-top-color: #fff;
border-right-color: #fff;
}
ul.nav-tabs.radio li > a[role="tab"]:before {
position: relative;
display: inline-block;
visibility: visible;
width: 1.2rem;
height: 1.2rem;
margin-right: .3rem;
content: "";
cursor: pointer;
-webkit-transition: border-width .1s linear;
-moz-transition:border-width .1s linear;
-ms-transition: border-width .1s linear;
-o-transition: border-width .1s linear;
transition: border-width .1s linear;
vertical-align: middle;
border: .15rem solid #ddd;
border-radius: 100%;
}
ul.nav-tabs.radio li > a[role="tab"]:hover:before {
border-width: .3rem;
border-color: #ddd;
}
ul.nav-tabs.radio li.active > a[role="tab"]:before {
border-width: .3rem;
border-color: #28373c;
background: #28373c;
}
/************************************/
/******** BOOTSTRAP BUTTONS *********/
/************************************/
.btn {
border: none;
border-radius: 0;
}
.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning,
.btn-default,
.btn-gold,
.btn-silver,
.btn-dark {
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}
.btn-dark,
.btn-dark:visited {
color: #fff;
background: #369;
transition: background-color .5s;
}
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:active {
background: #3f3f3f;
color: #fff;
box-shadow: none;
}
.btn-primary,
.btn-primary:visited {
color: #fff;
background: #336699;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
background: #29713F;
box-shadow: none;
}
.btn-info,
.btn-info:visited {
color: #fff;
background: #76a9dc;
}
.btn-info:focus,
.btn-info:hover,
.btn-info:active {
background: #336699;
}
.btn-success,
.btn-success:visited {
color: #fff;
background: #48a43f;
}
.btn-success:focus,
.btn-success:hover,
.btn-success:active {
background: #29713F;
}
.btn-default,
.btn-default:visited {
color: #fff;
background: #696969;
z-index: 1;
}
.btn-default:focus,
.btn-default:hover,
.btn-default:active {
color: #fff;
background: #3f3f3f;
box-shadow: none;
}
.btn-warning,
.btn-warning:visited {
color: #fff;
background: #f0ad4e;
}
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active {
background: #eb9316;
box-shadow: none;
}
.btn-danger,
.btn-danger:visited {
color: #fff;
background: #e9232a;
}
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active {
background: #d62027;
box-shadow: none;
}
.btn-gold,
.btn-gold:visited {
color: #fff;
background: #a37e2b;
}
.btn-gold:focus,
.btn-gold:hover,
.btn-gold:active {
color: #fff;
background: #927025;
box-shadow: none;
}
.btn-silver,
.btn-silver:visited {
color: #fff;
background: #818181;
}
.btn-silver:focus,
.btn-silver:hover,
.btn-silver:active {
color: #fff;
background: #696969;
box-shadow: none;
}
/***********************************/
/*Start Add isin to Watchlist button*/
/***********************************/
.fa-list-plus .fa-list {
font-size: 1.2em;
margin-left: 0.5em;
}
.fa-list-plus .fa-plus-circle,
.fa-list-plus:visited .fa-plus-circle,
.fa-list-plus .fa-plus,
.fa-list-plus:visited .fa-plus {
padding: 1.5px 1.5px 1px;
font-size: .7em;
font-weight: 300;
border-radius: 100%;
margin-left: -1em;
background: rgba(52, 103, 153,1);
border: 1px solid rgba(52, 103, 153,1);
}
.fa-list-plus:hover .fa-plus-circle,
.fa-list-plus:focus .fa-plus-circle,
.fa-list-plus:active .fa-plus-circle,
.fa-list-plus:hover .fa-plus,
.fa-list-plus:focus .fa-plus ,
.fa-list-plus:active .fa-plus {
background: rgba(42, 114, 64, 1);
border: 1px solid rgba(42, 114, 64, 1);
}
.btn-dark.fa-list-plus .fa-plus-circle,
.btn-dark.fa-list-plus .fa-plus {
background: #369;
border: 1px solid #369;
}
.btn-dark.fa-list-plus:hover .fa-plus-circle,
.btn-dark.fa-list-plus:focus .fa-plus-circle,
.btn-dark.fa-list-plus:active .fa-plus-circle,
.btn-dark.fa-list-plus:hover .fa-plus,
.btn-dark.fa-list-plus:focus .fa-plus,
.btn-dark.fa-list-plus:active .fa-plus {
background: #3f3f3f;
border: 1px solid #3f3f3f;
}
.btn-primary.fa-list-plus .fa-plus-circle,
.btn-primary.fa-list-plus .fa-plus {
background: #336699;
border: 1px solid #336699;
}
.btn-primary.fa-list-plus:hover .fa-plus-circle,
.btn-primary.fa-list-plus:focus .fa-plus-circle,
.btn-primary.fa-list-plus:active .fa-plus-circle,
.btn-primary.fa-list-plus:hover .fa-plus,
.btn-primary.fa-list-plus:focus .fa-plus,
.btn-primary.fa-list-plus:active .fa-plus {
background: #286090;
border: 1px solid #286090;
}
.btn-info.fa-list-plus .fa-plus-circle,
.btn-info.fa-list-plus .fa-plus {
background: #76a9dc;
border: 1px solid #76a9dc;
}
.btn-info.fa-list-plus:hover .fa-plus-circle,
.btn-info.fa-list-plus:focus .fa-plus-circle,
.btn-info.fa-list-plus:active .fa-plus-circle,
.btn-info.fa-list-plus:hover .fa-plus,
.btn-info.fa-list-plus:focus .fa-plus,
.btn-info.fa-list-plus:active .fa-plus {
background: #76a9dc;
border: 1px solid #76a9dc;
}
.btn-success.fa-list-plus .fa-plus-circle,
.btn-success.fa-list-plus .fa-plus {
background: #48a43f;
border: 1px solid #48a43f;
}
.btn-success.fa-list-plus:hover .fa-plus-circle,
.btn-success.fa-list-plus:focus .fa-plus-circle,
.btn-success.fa-list-plus:active .fa-plus-circle,
.btn-success.fa-list-plus:hover .fa-plus,
.btn-success.fa-list-plus:focus .fa-plus,
.btn-success.fa-list-plus:active .fa-plus {
background: #29713F;
border: 1px solid #29713F;
}
.btn-default.fa-list-plus .fa-plus-circle,
.btn-default.fa-list-plus .fa-plus {
background: #696969;
border: 1px solid #696969;
}
.btn-default.fa-list-plus:hover .fa-plus-circle,
.btn-default.fa-list-plus:focus .fa-plus-circle,
.btn-default.fa-list-plus:active .fa-plus-circle,
.btn-default.fa-list-plus:hover .fa-plus,
.btn-default.fa-list-plus:focus .fa-plus,
.btn-default.fa-list-plus:active .fa-plus {
background: #3f3f3f;
border: 1px solid #3f3f3f;
}
.btn-warning.fa-list-plus .fa-plus-circle,
.btn-warning.fa-list-plus .fa-plus {
background: #f0ad4e;
border: 1px solid #f0ad4e;
}
.btn-warning.fa-list-plus:hover .fa-plus-circle,
.btn-warning.fa-list-plus:focus .fa-plus-circle,
.btn-warning.fa-list-plus:active .fa-plus-circle,
.btn-warning.fa-list-plus:hover .fa-plus,
.btn-warning.fa-list-plus:focus .fa-plus,
.btn-warning.fa-list-plus:active .fa-plus {
background: #eb9316;
border: 1px solid #eb9316;
}
.btn-danger.fa-list-plus .fa-plus-circle,
.btn-danger.fa-list-plus .fa-plus {
background: #e9232a;
border: 1px solid #e9232a;
}
.btn-danger.fa-list-plus:hover .fa-plus-circle,
.btn-danger.fa-list-plus:focus .fa-plus-circle,
.btn-danger.fa-list-plus:active .fa-plus-circle,
.btn-danger.fa-list-plus:hover .fa-plus,
.btn-danger.fa-list-plus:focus .fa-plus,
.btn-danger.fa-list-plus:active .fa-plus {
background: #d62027;
border: 1px solid #d62027;
}
.btn-gold.fa-list-plus .fa-plus-circle,
.btn-gold.fa-list-plus .fa-plus {
background: #e9232a;
border: 1px solid #e9232a;
}
.btn-gold.fa-list-plus:hover .fa-plus-circle,
.btn-gold.fa-list-plus:focus .fa-plus-circle,
.btn-gold.fa-list-plus:active .fa-plus-circle,
.btn-gold.fa-list-plus:hover .fa-plus,
.btn-gold.fa-list-plus:focus .fa-plus,
.btn-gold.fa-list-plus:active .fa-plus {
background: #927025;
border: 1px solid #927025;
}
.btn-silver.fa-list-plus .fa-plus-circle,
.btn-silver.fa-list-plus .fa-plus {
background: #818181;
border: 1px solid #818181;
}
.btn-silver.fa-list-plus:hover .fa-plus-circle,
.btn-silver.fa-list-plus:focus .fa-plus-circle,
.btn-silver.fa-list-plus:active .fa-plus-circle,
.btn-silver.fa-list-plus:hover .fa-plus,
.btn-silver.fa-list-plus:focus .fa-plus,
.btn-silver.fa-list-plus:active .fa-plus {
background: #696969;
border: 1px solid #696969;
}
.btn-silver.fa-list-plus .fa-plus-circle,
.btn-silver.fa-list-plus .fa-plus {
background: #818181;
border: 1px solid #818181;
}
.btn-silver.fa-list-plus:hover .fa-plus-circle,
.btn-silver.fa-list-plus:focus .fa-plus-circle,
.btn-silver.fa-list-plus:active .fa-plus-circle,
.btn-silver.fa-list-plus:hover .fa-plus,
.btn-silver.fa-list-plus:focus .fa-plus,
.btn-silver.fa-list-plus:active .fa-plus {
background: #696969;
border: 1px solid #696969;
}
/* usage:
*/
/************************************/
/**END Add isin to Watchlist button**/
/************************************/
/****************************************/
/******** END BOOTSTRAP BUTTONS *********/
/****************************************/
/****************************************/
/****** START BOOTSTRAP ACCRORDION ******/
/****************************************/
/*****USES ***** fd-list-group-item******/
.fd-list-group li.hover-link.panel {
margin-bottom: 0;
}
.fd-list-group li.hover-link ul {
list-style: disc;
}
.fd-list-group li.hover-link.panel {
border-left: 0;
border-right: 0;
}
.fd-list-group > li.hover-link.panel:first-of-type {
border-top: 1px solid #d1d1d1;
}
.fd-list-group > li {
border-bottom: 1px solid #d1d1d1;
}
.fd-list-group .no-decoration {
padding-left: 2em;
}
.fd-list-group li ul li,
.fd-list-group li ol li,
.fd-list-group .no-decoration > li {
border-bottom: 0;
}
.fd-list-group li ul > li:last-child {
border-bottom: 0;
}
.fd-list-group a.list-group-item:focus .fd-list-action i{
color: #d1d1d1;
}
.fd-list-group a.list-group-item.fd-list-group-item[aria-expanded="true"] {
/*background: #336699;*/
background: #76a9dc;
color: #fff;
}
.fd-list-group a.list-group-item.fd-list-group-item .fd-list-action i {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.fd-list-group a.list-group-item.fd-list-group-item[aria-expanded="true"] .fd-list-action i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fd-list-group .dl-horizontal {
margin-top: 5px;
margin-bottom: 0;
}
.fd-list-group .dl-horizontal dt {
padding: 0 1em 0 0;
border-right: 1px solid #d1d1d1;
margin-top: 5px;
margin-bottom: 5px;
}
.fd-list-group .dl-horizontal dd {
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.fd-list-group.white a.list-group-item.fd-list-group-item:hover:before {
background: #a37e2b;
}
/****************************************/
/******** END BOOTSTRAP ACCRORDION ******/
/****************************************/
/****************************************/
/****** STEART NEWSPAPER TEXT STYLE *****/
/****************************************/
.newspaper-col-3 {
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.newspaper-col-2 {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
@media (max-width : 768px) {
.newspaper-col-3 {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
}
@media (max-width : 480px) {
.newspaper-col-3,
.newspaper-col-2 {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
}
/****************************************/
/******* END NEWSPAPER TEXT STYLE *******/
/****************************************/
.form-control[type="range"],
.form-control[type="range"]:focus,
.form-control[type="range"]:active,
.form-control[type="range"]:hover,
.form-control[type="range"]:focus-within {
outline: none;
box-shadow: none;
border-color: #ddd;
}
/****************************/
/***** EXTRA XXS COLUMN *****/
/****************************/
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.visible-xxs,
.visible-inline-xxs,
.visible-inlin-block-xxs,
.visible-flex-xxs {
display: none;
}
/*@media (max-width: 384px) {*/
@media (max-width: 600px) {
.visible-xxs {
display: block;
}
.visible-inline-xxs {
display: inline;
}
.visible-inlin-block-xxs {
display: inline-block;
}
.visible-flex-xxs {
display: flex;
}
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11 {
float: left;
}
.col-xxs-1 {
width: 8.333333333333332%;
}
.col-xxs-2 {
width: 16.666666666666664%;
}
.col-xxs-3 {
width: 25%;
}
.col-xxs-4 {
width: 33.33333333333333%;
}
.col-xxs-5 {
width: 41.66666666666667%;
}
.col-xxs-6 {
width: 50%;
}
.col-xxs-7 {
width: 58.333333333333336%;
}
.col-xxs-8 {
width: 66.66666666666666%;
}
.col-xxs-9 {
width: 75%;
}
.col-xxs-10 {
width: 83.33333333333334%;
}
.col-xxs-11 {
width: 91.66666666666666%;
}
.col-xxs-12 {
width: 100%;
}
.col-xxs-push-1 {
left: 8.333333333333332%;
}
.col-xxs-push-2 {
left: 16.666666666666664%;
}
.col-xxs-push-3 {
left: 25%;
}
.col-xss-push-4 {
left: 33.33333333333333%;
}
.col-xxs-push-5 {
left: 41.66666666666667%;
}
.col-xxs-push-6 {
left: 50%;
}
.col-xxs-push-7 {
left: 58.333333333333336%;
}
.col-xxs-push-8 {
left: 66.66666666666666%;
}
.col-xxs-push-9 {
left: 75%;
}
.col-xxs-push-10 {
left: 83.33333333333334%;
}
.col-xxs-push-11 {
left: 91.66666666666666%;
}
.col-xxs-pull-1 {
right: 8.333333333333332%;
}
.col-xxs-pull-2 {
right: 16.666666666666664%;
}
.col-xxs-pull-3 {
right: 25%;
}
.col-xxs-pull-4 {
right: 33.33333333333333%;
}
.col-xxs-pull-5 {
right: 41.66666666666667%;
}
.col-xxs-pull-6 {
right: 50%;
}
.col-xxs-pull-7 {
right: 58.333333333333336%;
}
.col-xxs-pull-8 {
right: 66.66666666666666%;
}
.col-xxs-pull-9 {
right: 75%;
}
.col-xxs-pull-10 {
right: 83.33333333333334%;
}
.col-xxs-pull-11 {
right: 91.66666666666666%;
}
.col-xxs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xxs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xxs-offset-3 {
margin-left: 25%;
}
.col-xxs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xxs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xxs-offset-6 {
margin-left: 50%;
}
.col-xxs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xxs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xxs-offset-9 {
margin-left: 75%;
}
.col-xxs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xxs-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (max-width: 767px) {
.xs-block {
display: block;
}
}
/****************************/
/****** END XXS COLUMN ******/
/****************************/
/*******************************************/
/***** START COLLAPSIBLE TABLE COLUMNS *****/
/*******************************************/
.clearfix:before,.clearfix:after {
content: " ";
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
clear:both;
}
/* Style checkboxes as Toggle Buttons */
.ck-button,
.ck-button:hover {
margin: 2px;
background-color: #fff;
border-radius: 0;
border: none;
overflow: auto;
float: left;
color: #3f3f3f;
font-weight: 600;
box-shadow: none;
cursor: pointer;
}
.ck-button.active,
.ck-button.active:hover {
background-color: #efefef;
}
.ck-button:first-child {
margin-left: 0;
}
.ck-button label {
float:left;
width:auto;
margin-bottom: 0;
cursor: pointer;
}
.ck-button label span {
text-align: center;
border: 1px solid #ddd;
display: inline-block;
padding: .3125em .625em;
color: #444748!important;
border-radius: 0;
cursor: pointer
}
.ck-button label input {
position:absolute;
z-index:-1;
}
.ck-button input:checked + span {
color:#111;
cursor:pointer;
}
.price-table {
}
.price-table.table-bordered.table {
border-top: none;
}
.price-table.table-bordered.table>thead:first-child>tr:first-child>th {
border-bottom: none;
border-top: 1px solid #ddd;
}
.price-table.table-bordered.table>thead:first-child>tr:nth-child(2+n)>th {
border-top: none;
}
.price-table.table-bordered.table>thead:first-child>tr:last-child>th {
border-bottom-width: 1px;
}
.price-table.table-bordered.table>thead:first-child>tr>th:first-child {
border-left-color: transparent;
border-top-color: transparent;
}
.price-table.table-bordered.table>thead>tr>th {
vertical-align: top;
border-top: none;
}
.price-table.table-bordered.table>tbody>tr>td:first-child {
font-weight: 600;
}
.price-table th .price {
font-size: 2em;
font-weight: 600;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
display: block;
clear: both;
width: auto;
}
.price-table .pricing-table-sign-up{
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f5f5f5;
padding: 10px 0;
text-align: center;
min-height: 140px;
}
.price-table .pricing-table-sign-up a,
.price-table .pricing-table-sign-up p
{
display: block;
}
/*******************************************/
/****** END COLLAPSIBLE TABLE COLUMNS ******/
/*******************************************/
@media only screen and (min-width : 768px) {
.col-np-sm {
padding: 0;
}
.pull-left-sm {
margin-left: -15px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.price-table {
background: transparent;
}
.navtabs .pricing-table-header {
position: relative;
}
.navtabs .price-table .pricing-table-header {
padding-bottom: 0;
background-image: none;
}
.navtabs .pricing-table-header.active:before {
position: absolute;
top: auto;
right: 0;
left: 0;
bottom: -28px;
margin: auto;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent;
border-left-color: transparent;
content: '';
z-index: 2;
}
.navtabs .pricing-table-header.active:after {
position: absolute;
top: auto;
right: 0;
left: 0;
bottom: -32px;
margin: auto;
width: 0;
height: 0;
border-width: 14px;
border-style: solid;
border-color: transparent;
border-left-color: transparent;
content: '';
z-index: 1;
border-top-color: #efefef;
}
.navtabs .pricing-table-header.arrow-right.active:before {
bottom: auto;
top: 8px;
right: -26px;
content: '';
}
.navtabs .pricing-table-header.arrow-right.active:after {
display: none;
}
.navtabs .price-table.comdirect-bg{
background: #ffff00;
margin-bottom:2px;
}
.navtabs .price-table.comdirect-bg .pricing-table-header.arrow-right.active:before {
border-left-color: #ffff00;
}
.navtabs .price-table.comdirect-bg .pricing-table-header.active:before {
border-top-color: #ffff00;
}
.navtabs .price-table.consors-bg {
background: #4cbdd2;
margin-bottom:2px;
}
.navtabs .price-table.consors-bg .pricing-table-header.arrow-right.active:before {
border-left-color: #4cbdd2;
}
.navtabs .price-table.consors-bg .pricing-table-header.active:before {
border-top-color: #4cbdd2;
}
.navtabs .price-table.dab-bg{
background: #D7DC43;
margin-bottom:2px;
}
.navtabs .price-table.dab-bg .pricing-table-header.arrow-right.active:before {
border-left-color: #D7DC43;
}
.navtabs .price-table.dab-bg .pricing-table-header.active:before {
border-top-color: #D7DC43;
}
.navtabs .price-table.ebase-bg{
background: #F4CC4F;
margin-bottom:2px;
}
.navtabs .price-table.ebase-bg .pricing-table-header.arrow-right.active:before {
border-left-color: #F4CC4F;
}
.navtabs .price-table.ebase-bg .pricing-table-header.active:before {
border-top-color: #F4CC4F;
}
.navtabs .price-table.filfondsbank-bg{
background: #9FC4E1;
margin-bottom:2px;
}
.navtabs .price-table.filfondsbank-bg .pricing-table-header.arrow-right.active:before {
border-left-color: #9FC4E1;
}
.navtabs .price-table.filfondsbank-bg .pricing-table-header.active:before {
border-top-color: #9FC4E1;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.bg-smartbroker_plus {
background: #c9f1e8;
}
.bg-smartbroker_plus-light {
background: #e4f8f4;
}
.bg-comdirect {
background-color: #fff500;
}
.bg-comdirect-light {
background-color: #fffdc4;
}
.bg-consors {
background-color: #4cbdd2;
}
.bg-consors-light {
background-color: #DBEBE5;
}
.bg-dab {
background-color: #D7DC43;
}
.bg-dab-light {
background-color: #ECE8BC;
}
.bg-ebase {
background-color: #F4CC4F;
}
.bg-ebase-light {
background-color: #FEF0D3;
}
.bg-filfondsbank {
background-color: #9FC4E1;
}
.bg-filfondsbank-light {
background-color: #E6F0F7;
}
}
.bg-smartbroker_plus {
background: #c9f1e8;
}
.bg-smartbroker_plus-light {
background: #e4f8f4;
}
.bg-comdirect {
background-color: #fff500;
}
.bg-comdirect-light {
background-color: #fffdc4;
}
.bg-consors {
background-color: #4cbdd2;
}
.bg-consors-light {
background-color: #DBEBE5;
}
.bg-dab {
background-color: #D7DC43;
}
.bg-dab-light {
background-color: #ECE8BC;
}
.bg-ebase {
background-color: #F4CC4F;
}
.bg-ebase-light {
background-color: #FEF0D3;
}
.bg-filfondsbank {
background-color: #9FC4E1;
}
.bg-filfondsbank-light {
background-color: #E6F0F7;
}
.downloads-table .tab-content {
margin: 0 4px;
}
@media (min-width: 768px) and (max-width: 992px) {
.downloads-table .tab-content {
margin: 0 0;
}
.navtabs .price-table.comdirect-bg {
background-color: #fffdc4;
}
.navtabs .price-table.consors-bg {
background-color: #DBEBE5;
}
.navtabs .price-table.dab-bg {
background-color: #ECE8BC;
}
.navtabs .price-table.ebase-bg {
background-color: #FEF0D3;
}
.navtabs .price-table.filfondsbank-bg {
background-color: #E6F0F7;
}
.navtabs .price-table.comdirect-bg.active {
background-color: #ffff00;
}
.navtabs .price-table.consors-bg.active {
background-color: #4cbdd2;
}
.navtabs .price-table.dab-bg.active.active {
background-color: #D7DC43;
}
.navtabs .price-table.ebase-bg.active {
background-color: #F4CC4F;
}
.navtabs .price-table.filfondsbank-bg.active {
background-color: #9FC4E1;
}
}
.downloads-table .tab-content .tab-pane {
border: 4px solid #efefef;
padding: 10px 15px;
margin-bottom: 4px;
}
@media (min-width: 992px) {
.price-table.active {
border: 4px solid #efefef;
border-bottom: none;
background: #fff;
margin-bottom: -4px;
padding-bottom: 0px;
z-index: 2;
padding-bottom: 8px!important;
}
.downloads-table .tab-content:first-child,
.downloads-table .tab-content:last-child {
margin: 0 0;
}
}
@media (max-width: 767px) {
.downloads-table .price-table .tab-content {
margin: 0 0;
}
}
.price-table-container.col-xs-12 {
padding-left: 11px;
padding-right: 11px;
}
.price-table-container >.price-table,
.price-table {
padding: 4px 4px;
-webkit-transition: background-color 3s ease-out;
-moz-transition: background-color 3s ease-out;
-o-transition: background-color 3s ease-out;
transition: background-color 33s ease-out;
-webkit-transition: height 3s ease-out;
-moz-transition: height 3s ease-out;
-o-transition: height 3s ease-out;
transition: height 3s ease-out;
}
.navtabs .price-table {
-webkit-transition: background-color 3s ease-out;
-moz-transition: background-color 3s ease-out;
-o-transition: background-color 3s ease-out;
transition: background-color 3s ease-out;
-webkit-transition: height 3s ease-out;
-moz-transition: height 3s ease-out;
-o-transition: height 3s ease-out;
transition: height 3s ease-out;
}
.price-table .pricing-table-header {
padding-bottom: 15px;
}
.price-table .price-value.arrow-up,
.price-table .price-value.arrow-down {
position: relative;
display: block;
text-align: center;
color: #fff;
background: #3F3F3F;
padding: 5px 10px;
}
.price-table .price-value.arrow-up a,
.price-table .price-value.arrow-up a:hover,
.price-table .price-value.arrow-up a:visited,
.price-table .price-value.arrow-down a,
.price-table .price-value.arrow-down a:hover,
.price-table .price-value.arrow-down a:visited{
color: #fff;
text-decoration: none;
}
.price-table .price-value.arrow-up:before,
.price-table .price-value.arrow-down:before {
position: absolute;
top:-24px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent;
border-bottom-color: #3F3F3F;
content: '';
}
.price-table .price-value.arrow-down:before {
top: auto;
bottom: -24px;
border-color: transparent;
border-top-color: #3F3F3F;;
}
.price-table .price-value.light-bg.arrow-down {
color: #3F3F3F;
background: #efefef;
padding: 8px 10px 8px;
font-weight: 600;
font-size: 1.2em;
margin-bottom: 8px;
}
.price-table .price-value.light-bg.arrow-down:before {
border-top-color: #efefef;
}
.price-table .pricing-table-sign-up .fa {
color: #3f3f3f;
}
.price-table .pricing-table-sign-up a {
color: #004381;
}
.price-table .pricing-table-sign-up a:hover {
color: #336699;
}
.blue-bg.arrow-down:before {
position: absolute;
bottom: -24px;
left: 15px;
/* right: 0; */
margin: auto;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent;
border-top-color: #336699;
content: '';
}
.price-table .nav-link {
display: block;
}
/**********************************/
/***** START Loading ... STYLE ****/
/**********************************/
/*Saving...
*/
/*Wird geladen...
*/
.saving {
/*font-size: 36px;*/
}
.saving span {
font-size: 28px;
animation-name: blink;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-fill-mode: both;
}
.saving.sm span {
line-height: 14px!important;
overflow: hidden;
max-height: 18px;
display: inline-block;
overflow: hidden;
padding-bottom: 4px;
margin-top: -4px;
}
.saving.title.sm span {
margin-top: -8px;
}
.saving span:nth-child(2) {
animation-delay: .2s;
}
.saving span:nth-child(3) {
animation-delay: .4s;
}
@keyframes blink {
0% {
opacity: .2;
}
20% {
opacity: 1;
}
100% {
opacity: .2;
}
}
/**********************************/
/****** END Loading ... STYLE *****/
/**********************************/
/*************************************/
/*** START RAINBOW SIDELINE BLOCKS ***/
/*************************************/
/*/fonds/sparplan*/
/*.oae-notice-block {
/!*margin: 5px 5px; /!* Making sure to keep some distance from all side *!/
}
.oae-block {
/!*width: 90%; /!* Configure it fit in your design *!/
margin: 0 auto; /!* Centering Stuff *!/
/!*background-color: #FFFFFF; Default background *!/
background-color: rgba(255, 255, 255, 0.68); /!* Default background *!/
padding: 20px;
border: 1px solid rgba(238,238,238,.9);
border-left-width: 5px;
border-radius: 0;/!*3px;*!/
margin: 0 auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
border-top-width: 1px;
border-bottom-width: 1px;
overflow: hidden;
}
.oae-block:hover {
border-left: 5px solid rgba(238, 238, 238, 1);
}
.compressed > .oae-block {
padding: 8px;
font-size: 1em;
}
.transparent >.oae-block {
margin: 2px;
border-bottom: none;
border-top: none;
background-color: rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(238, 238, 238, 0.15);
transition: background-color .5s linear, border-color .5s linear;
-webkit-transition: background-color .5s linear, border-color .5s linear;
-moz-transition: background-color .5s linear, border-color .5s linear;
-ms-transition: background-color .5s linear, border-color .5s linear;
-o-transition: background-color .5s linear, border-color .5s linear;
}
.transparent >.oae-block:hover {
background-color: rgba(255, 255, 255, 0.6);
}
.oae-block.pink-b {
border-left-color: rgba(252, 244, 248, .9);
}
.oae-block.pink-b:hover {
border-left-color: rgba(252, 244, 248, 1);
}
.oae-block.white-b {
border-left-color: rgba(255,255,255,.9);
}
.oae-block.white-b:hover {
border-left-color: rgba(255,255,255,1);
}
.oae-block ~ .oae-block{
border-top: none;
}
.oae-block.danger {
border-left-color: #d9534f; /!* Left side border color *!/
background-color: rgba(217, 83, 79, 0.38);/!* 0.1);*!//!* Same color as the left border with reduced alpha to 0.1 *!/
border-top: none;
border-bottom: none;
}
.transparent > .oae-block.danger {
background-color: rgba(255, 83, 79, 0.1);
}
.oae-block.danger strong {
color: #d9534f;
}
.oae-block.warning {
border-left-color: #f0ad4e;
background-color: rgba(240, 173, 78, 0.38);
border-top: none;
border-bottom: none;
}
.transparent > .oae-block.warning {
background-color: rgba(240, 173, 78, 0.1);
}
.oae-block.warning strong {
color: #f0ad4e;
}
.oae-block.info {
border-left-color: #76a9dc;
background-color: rgba(118, 169, 220, 0.1);
border-top: none;
border-bottom: none;
}
.oae-block.info.blue {
color: #337ab7;
}
.transparent > .oae-block.info {
border-left-color: rgba(118, 169, 220, 0.9);
background-color: rgba(118, 169, 220, 0.1);
}
.transparent > .oae-block.info:hover {
border-left-color: rgba(118, 169, 220, 1);
}
.oae-block.info strong {
color: #5bc0de;
}
.oae-block.success {
border-left-color: #2b542c;
background-color: rgba(43, 84, 44, 0.38);
border-top: none;
border-bottom: none;
}
.transparent > .oae-block.success {
background-color: rgba(43, 84, 44, 0.1);
}
.oae-block.white {
background: #ffffff;
}
.transparent > .oae-block.white {
background-color: rgba(255, 255, 255, 0.38);
border-bottom: 1px solid rgba(238, 238, 238, 0.55);
border-right: 1px solid rgba(238, 238, 238, 0);
}
.transparent > .oae-block.white.border-top {
border-top: 1px solid rgba(238, 238, 238, 0.55);
}
.compressed > .oae-block {
padding: 8px;
font-size: 1em;
}
.oae-block.success strong {
color: #2b542c;
}
.oae-block.no-b {
border: none;
padding-left: 25px;
}
.compressed > .oae-block.no-b {
padding-left: 13px;
}
.oae-block h2.title {
margin-top: 5px;
}
.oae-block h3.title {
margin-top: 15px;
}
.oae-block p:last-child {
margin-bottom: 0;
}*/
/*************************************/
/**** END RAINBOW SIDELINE BLOCKS ****/
/*************************************/
.banner.fullsize.img-responsive {
width: 100%;
height: auto;
}
.banner-row + .watermark-row {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.banner-row + .watermark-row > .watermark {
margin: 25px 15px;
}
.banner-row + .watermark-row > .watermark > .logo {
height: 44px;
}
@media (max-width: 648px) {
.banner-row + .watermark-row > .watermark { margin: 12px 15px; }
.banner-row + .watermark-row > .watermark > .logo {height: 32px;}
}
ul.classic-squared {
padding-left: 1.5em;
list-style: square;
}
ul.underline,
ol.underline {
list-style: none;
}
ul.underline li,
ol.underline li {
margin: 0;
padding: 0;
line-height: 30px;
border-top: 1px solid #ddd;
}
/************START***************/
/***ARTICLE-HEADLINE-SECTION*****/
/********************************/
/*http://fondsdiscount2018.ymuraveva/festgeld*/
.article.article--headline-section .article__head {
color: #fff;
position: relative;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.article.article--headline-section .article__head.lighter-gray-bg {
color: #3f3f3f;
}
.article.article--headline-section .article__head .heading--m {
margin: auto;
padding: 15px 0 16px;
}
.article.article--headline-section .article__head {
overflow: visible;
}
.article.article--headline-section .article__head:before {
/*background-color: #336699;*/
border-top-right-radius: 0;/*4px;*/
content: "";
height: 20px;
width: 20px;
position: absolute;
transform: translate(0,-50%) rotate(45deg);
right: -10px;
top: 35px;
z-index: 1;
}
.article.article--headline-section .article__body {
padding-top: 1em;
padding-bottom: 1em;
}
.article.article--headline-section .article__body .article__text {
padding-left: 5px;
}
.article.article--headline-section .article__body .article__text p:last-child {
margin-bottom: 0;
}
.article.article--headline-section .article__head.gray-bg:before {
background: rgb(105, 105, 105);
}
.article.article--headline-section .article__head.dark-gray-bg:before {
background: rgb(63, 63, 63);
}
.article.article--headline-section .article__head.lighter-gray-bg:before {
background: rgb(239, 239, 239);
}
.article.article--headline-section .article__head.light-blue-bg:before {
background: rgb(118, 169, 220);
}
.article.article--headline-section .article__head.blue-bg:before {
background: rgb(51, 102, 153);
}
.article.article--headline-section .article__head.dark-blue-bg:before {
background: rgb(46, 92, 137);
}
.article.article--headline-section .article__head.green-bg:before {
background: rgb(0, 96, 57);
}
.article.article--headline-section .article__head.pale-green-bg:before {
background: rgb(131, 172, 144);
}
.article.article--headline-section .article__head.dark-green-bg:before {
background: rgb(0, 96, 57);
}
@media (max-width: 767px) {
.article.article--headline-section .article__head {
border-bottom-left-radius: 0;
border-top-right-radius: 0; /*6px;*/
}
.article.article--headline-section .article__head:before {
transform: translate(0, 50%) rotate(45deg);
left: 25px;
top: auto;
bottom: 0;
right: auto;
border-bottom-right-radius: 0; /*4px;*/
border-top-right-radius: 0;
}
.article.article--headline-section .article__body {
padding-top: 2em;
padding-bottom: 1em;
}
}
@media (min-width: 768px) {
.article.article--headline-section .article__body.blue-bg-grad {
background: #336699;
background: -webkit-linear-gradient(right,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: -o-linear-gradient(right,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: -moz-linear-gradient(right,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: linear-gradient(to right,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
background: linear-gradient(right,rgba(51, 102, 153,1) 0%, rgba(118, 169, 220, 1) 100%);
color: #fff;
}
.article.article--headline-section .article__body .blue-bg-grad-reverse {
background: #76a9dc;
background: -webkit-linear-gradient(right, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: -o-linear-gradient(right, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: -moz-linear-gradient(right, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: linear-gradient(to right, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
background: linear-gradient(right, rgba(118, 169, 220, 1),rgba(51, 102, 153,1));
color: #fff;
}
.article.article--headline-section .article__body.gray-bg-grad{
background-color: #3f3f3f;
background-image: -webkit-linear-gradient(right, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: -moz-linear-gradient(right, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: -o-linear-gradient(right, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
background-image: linear-gradient(right, rgba(63, 63, 63, 1) 0%, rgba(105, 105, 105, 1) 100%);
color: #fff;
}
.article.article--headline-section .article__body.gray-bg-grad-reverse {
background-color: #696969;
background-image: -webkit-linear-gradient(right, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -moz-linear-gradient(right, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -o-linear-gradient(right, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: -o-linear-gradient(right, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
background-image: linear-gradient(right, rgba(105, 105, 105, 1) 0%, rgba(63, 63, 63, 1) 100%);
color: #fff;
}
.article.article--headline-section .article__body.light-gray-bg-grad {
background-color: #3f3f3f;
background-image: -webkit-linear-gradient(right, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: -moz-linear-gradient(right, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: -o-linear-gradient(right, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
background-image: linear-gradient(right, rgb(136, 136, 136) 0%, rgb(175, 176, 177) 100%);
color: #fff;
}
}
/*************END****************/
/***ARTICLE-HEADLINE-SECTION*****/
/********************************/
/*************START**************/
/*********Chat-Bubbles***********/
/********************************/
/* CSS talk bubble */
.talk-bubble {
padding: 15px;
position: relative;
height: auto;
background-color: rgb(230, 240, 247);
/*background: linear-gradient(to bottom right, rgb(83, 152, 222),rgb(119, 169, 220));*/
}
.talk-bubble .talktext p:last-child {
margin-bottom: 0;
}
.tri-btm-right:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: 0px;
bottom: -20px;
border: 12px solid;
border-color: rgb(230, 240, 247) rgb(230, 240, 247) transparent transparent;
}
.talk-bubble.border {
border: 8px solid #666;
border-color: rgb(83, 152, 222) rgb(119, 169, 220) rgb(119, 169, 220) rgb(83, 152, 222);
}
.tri-right.border.btm-right-in:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: 30px;
bottom: -40px;
border: 20px solid;
border-color: rgb(119, 169, 220) rgb(119, 169, 220) transparent transparent;
}
.tri-right.btm-right-in:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: 38px;
bottom: -20px;
border: 12px solid;
border-color: rgb(230, 240, 247) rgb(230, 240, 247) transparent transparent;
}
/**************END***************/
/*********Chat-Bubbles***********/
/********************************/
.loader-lg {
border: 16px solid #f3f3f3;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 120px;
height: 120px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.loader-sm {
border: 6px solid rgba(243, 243, 243, 0.53);
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border-top: 6px solid rgba(85, 85, 85, 0.93);
border-radius: 50%;
width: 80px;
height: 80px;
z-index: 99;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loader-bg {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.56);
z-index: 9999;
}
.loader-bg.absolute {
position: absolute;
}
ul.search-key-words {
list-style: none;
padding-left: 0;
margin-left: 0;
}
ul.search-key-words li {
margin-left: 0;
}
ul.search-key-words li:before {
content: '| ';
}
ul.search-key-words li:first-child:before {
content: '';
}
/******************************************/
/************* START image badge **********/
/******************************************/
/*
.relative {
position: relative;
}
*/
.badge-corner:empty {
display: inline-block;
}
.badge-corner {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 66px solid #888;
border-top-color: rgba(0, 0, 0, 0.3);
border-left: 66px solid transparent;
padding: 0;
background-color: transparent;
border-radius: 0;
}
.badge-corner span {
position: absolute;
top: -52px;
left: -28px;
font-size: 16px;
color: #fff;
}
.badge-corner-base {
border-top-color: #3498db;
}
.badge-corner-alt {
border-top-color: #9cd70e;
}
.badge-corner-light {
border-top-color: #ecf0f1;
}
.badge-corner-light span {
color: #2c3e50;
}
.badge-corner-dark {
border-top-color: #131313;
}
.badge-corner-orange {
border-top-color: #ff8a3c;
}
/******************************************/
/************* END image badge ************/
/******************************************/
/*****************************************/
/* START RECTANGULAR BULLETS ADJUSTMENTS */
/*****************************************/
.rectangle-list.light li p {
background-color: #f9f9f9;
}
.rectangle-list.light li p:hover {
background-color: #76a9dc;
color: #fbfbfb;
/*background-color: #eaeaea;*/
}
.rectangle-list.light li p:before {
color: #ffffff;
}
.rectangle-list li.fa-bullet p:before {
font-family: "fontAwesome";
font-weight: 500;
}
.rectangle-list li.fa-bullet.white p:before {
color: white;
}
.rectangle-list li.fa-bullet.phone p:before {
content: "\f095";
}
.rectangle-list li.fa-bullet.fax p:before {
content: "\f1ac";
}
.rectangle-list li.fa-bullet.envelope-o p:before {
content: "\f003";
}
.rectangle-list li.fa-bullet.envelope p:before {
content: "\f0e0";
}
.rectangle-list li.fa-bullet.pencil p:before {
content: "\f040";
}
.rectangle-list li.fa-bullet.search p:before {
content: "\f002";
}
.rectangle-list li.fa-bullet.restore p:before {
content: "\f2d2";
}
.rectangle-list li.fa-bullet.download p:before {
content: "\f019";
}
.rectangle-list li.fa-bullet.file-pdf-o p:before {
content: "\f1c1";
}
.rectangle-list li.fa-bullet p>button.linkfake,
.rectangle-list li.fa-bullet p>button.linkfake:hover,
.rectangle-list li.fa-bullet P>button.linkfake:focus,
.rectangle-list li.fa-bullet p>button.linkfake:visited {
outline: none;
}
.rectangle-list.tiny p:before {
left: 0;
z-index: 2;
}
.rectangle-list.tiny p:after {
left: 0;
z-index: 1;
}
.rectangle-list.tiny p:hover:after {
left: 2em;
}
/*****************************************/
/** END RECTANGULAR BULLETS ADJUSTMENTS **/
/*****************************************/
/******************************************/
/****** START FONDS SUCHE FORM STYLE ******/
/******************************************/
.row.filter-wrapper>.filter-wrapper-content {
overflow: visible;
margin: 0;
}
.filter-wrapper input {
box-shadow: none;
}
.filter-wrapper input:focus,
.filter-wrapper input:active {
outline: 0!important;
border-color: #d4d4d4;
box-shadow: 0 0 1px #d4d4d4;
}
.filter-wrapper select,
.filter-wrapper select:focus,
.filter-wrapper select:active {
outline: 0!important;
box-shadow: none;
border-color: #cccccc;
}
.filter-wrapper .input-group-addon {
border-radius: 0;
}
.filter-wrapper .input-group select.form-control {
padding: 0 5px;
}
.filter-wrapper .filter-header {
border-bottom: 1px solid #6da0d3;
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
z-index: 1;
border-bottom: 1px solid #efefef;
box-shadow: none;
}
.filter-wrapper .radio.inline-block,
.filter-wrapper .checkbox.inline-block {
display: inline-block!important;
margin-right: 15px;
}
.filter-wrapper .radio.inline-block:last-child,
.filter-wrapper .checkbox.inline-block:last-child {
margin-right: 0;
}
.filter-wrapper .light-gray-bg .title-underline {
border-bottom: 1px solid #e4e4e4;
color: #3f3f3f;
font-size: 1em;
font-weight: 600;
}
.filter-wrapper .blue-bg-grad ~ .light-gray-bg {
background-color: rgb(245, 245, 245);
}
.filter-wrapper .light-gray-bg ~ .light-gray-bg {
background-color: #f9f9f9;
background-color: #f5f5f5;
}
.filter-wrapper .search_reset_btn {
border: 0;
text-align: center;
vertical-align: middle;
background: #eee;
border: 1px solid #ccc;
padding: 0;
}
.filter-wrapper .search_reset_btn .search_reset {
box-sizing:border-box;
color: #696969;
display: block;
width: 100%;
height: 100%;
padding: 6px 12px;
}
.filter-wrapper .search_reset_btn:hover .search_reset,
.filter-wrapper .search_reset_btn .search_reset:hover {
color: #3f3f3f;
}
@media (max-width: 767px) {
.filter-wrapper .trenner{
left: -15px!important;
right: -15px!important;
}
.ranking-table tbody tr td.rank,
.ranking-table tbody tr td.rank {
width: 50px!important;
}
.ranking-table tbody tr td.rank .rank-pos,
.ranking-table tbody tr td.rank .rank-pos,
.ranking-table tbody tr td.rank .rank-pos,
.ranking-table tbody tr td.rank .rank-pos,
.ranking-table tbody tr td.rank .rank-pos {
font-size: 1.2em!important;
}
}
/******************************************/
/******* END FONDS SUCHE FORM STYLE *******/
/******************************************/
/****************************/
/** START PAGE INTRO STYLE **/
/****************************/
.page-intro {
position: relative;
border-bottom: solid #FFFFFF;
border-width: 2px 0;
overflow: hidden;
padding: 1em 0;
background: #f9f9f9;
z-index: 1;
}
.page-intro.gradient {
background: rgba(238, 238, 238, 0.9);
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.9), rgba(255, 255, 255, 0.9) 100%);
background: -o-linear-gradient(top, rgba(238, 238, 238, 0.9), rgba(255, 255, 255, 0.9) 100%);
background: -moz-linear-gradient(top, rgba(238, 238, 238, 0.9), rgba(255, 255, 255, 0.9) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 0.9), rgba(255, 255, 255, 0.9));
}
.page-intro .title {
width: 100%;
font-size: 1.6em;
font-weight: 600;
letter-spacing: .5px;
margin: 0 0 10px;
}
.page-intro .title.plain {
text-transform: none;
}
.page-intro .sub-title{
width: 100%;
font-size: 1.2em;
font-weight: 700;
}
.page-intro .sub-title.light-blue {
color: #76a9dc;
}
.page-intro .sub-title.dark-gray {
color: #3f3f3f;
}
.page-intro .sub-title.strong {
font-weight: 600;
}
.page-intro .description.noborder {
border-color: transparent;
padding-top: 0;
}
.page-intro .description p:last-child {
margin-bottom: 0;
}
.page-intro .teaser-image {
background: transparent;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
overflow: hidden;
box-sizing: border-box;
width: 100%;
position: relative;
overflow: hidden;
max-width: 100%;
margin: 0;
}
.page-intro figure.teaser-image figcaption.copyright {
position: absolute;
bottom: 0;
width: 100%;
font-size: small;
font-style: italic;
text-align: right;
color: #f9f9f9;
}
#fonds-portrait .page-intro{
padding: 1em;
overflow: visible;/*for tooltips*/
}
#etf-portrait .page-intro {
overflow: visible;/*for tooltips*/
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.page-intro .teaser-image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.page-intro:hover .teaser-image,
.page-intro .teaser-image:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
@media (max-width: 767px) {
.intro.xs-padding {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 600px) {
.page-intro .teaser-image {
min-height: 150px;
}
.page-intro .title {
font-size: 1.4em;
}
.page-intro .sub-title {
font-size: 1.1em;
}
}
/****************************/
/*** END PAGE INTRO STYLE ***/
/****************************/
/***********************************************/
/******** START Table Stars Field STYLE ********/
/***********************************************/
span[class^="stars-"] {
position: relative;
display: block;
min-width: 39px;
}
span[class^="stars-"]:before {
color: #606060;
}
span[class^="stars-1"]:before {
content: "\f005 \f006 \f006 \f006 \f006";
font-family: FontAwesome;
}
span[class^="stars-2"]:before {
content: "\f005 \f005 \f006 \f006 \f006";
font-family: FontAwesome;
}
span[class^="stars-3"]:before {
content: "\f005 \f005 \f005 \f006 \f006";
font-family: FontAwesome;
}
span[class^="stars-4"]:before {
content: "\f005 \f005 \f005 \f005 \f006";
font-family: FontAwesome;
}
span[class^="stars-5"]:before {
content: "\f005 \f005 \f005 \f005 \f005";
font-family: FontAwesome;
}
span[class^="stars-null"] {
display: none;
font-family: FontAwesome;
}
span[class^="stars-null"]:before {
content: "";
}
/***********************************************/
/********* END Table Stars Field STYLE *********/
/***********************************************/
@media (min-width: 768px) {
.nav-tabs.nav-justified>li {
background: #336699;
color: #FFFFFF;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 8px 0 rgba(0,0,0,.12);
}
.nav-tabs.nav-justified>li:hover {
background: #336699;
color: #FFFFFF;
/*box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);*/
box-shadow: 0 2px 6px 0 rgba(0,0,0,.18), 0 4px 8px 0 rgba(0,0,0,.15);
}
.nav-tabs.nav-justified > li > a {
border-color: #369;
}
.nav-tabs.nav-justified > li > a:hover {
border-color: #369;
background-color: #369;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: #76a9dc;
border-top-color: #76a9dc;
border-color: #76a9dc;
}
}
.custom-page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
/************************************************/
/******** START FONDS-SEARCH FILTER STYLE *******/
/************************************************/
.radiobuttons .btn-group {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
}
.radiobuttons .btn-group .btn-stacked {
display: block;
margin: 0 0 .3em 0;
flex: 1;
color: #fff;
font-weight: 500;
padding: 0.6em 2.6em;
background: #5f5f5f;
background-color: #6f6f6f!important;
background-color: #5f5f5f!important;
color: #fff!important;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px, rgba(0, 0, 0, 0.05) 0px 2px 6px 0px;
align-self: stretch;
flex: 1 0 auto;
}
.radiobuttons .btn-group .btn-stacked:not([disabled]):hover {
background-color: #3f3f3f!important;
background-color: #4f4f4f!important;
}
.radiobuttons .btn-group .btn-stacked:not([disabled]):not(.disabled).active,
.radiobuttons .btn-group .btn-stacked:not([disabled]):not(.disabled):active {
background-color: #369!important;
}
.radiobuttons .btn-group .btn-stacked:not([disabled]):not(.disabled).active:hover,
.radiobuttons .btn-group .btn-stacked:not([disabled]):not(.disabled):active:hover {
/*background-color: #396c9f!important;*/
}
.radiobuttons .btn-group .btn-stacked:not([disabled]):focus,
.radiobuttons .btn-group .btn-stacked:not([disabled]):hover {
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.1) 0px 2px 6px 0px;
}
/************************************************/
/********* END FONDS-SEARCH FILTER STYLE ********/
/************************************************/
/************************************************/
/************* START TEAM ROW STYLE *************/
/************************************************/
.team {
position: relative;
}
.team .title-fixed {
position: absolute;
text-align: center;
left: 0;
right: 0;
top: 68px;
}
.team h3.title {
font-weight: 900;
float: left;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
text-align: center;
color: #3f3f3f;
}
.team .title-fixed h3 {
font-size: 1.4em;
font-weight: 900;
}
.team .img-box {
text-align: center;
}
.team .img-box > img {
border-radius: 50%;
margin: 0;
}
.team blockquote {
border: 0;
padding: 10px 15px 0px;
margin-bottom: 0px;
font-size: 1em;
font-weight: 900;
font-style: italic;
}
.team blockquote:before {
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
content: '\f10e';
color: rgba(67, 158, 215,1);
}
.team blockquote:after {
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
content: '\f10d';
color: rgba(67, 158, 215,1);
text-align: right;
}
.team .footer-box {
padding-bottom: 10px;
}
.team .footer-box > span {
font-size: 1em;
font-weight: 900;
}
.team .footer-box > span .valign-bottom {
vertical-align: bottom;
margin-top: auto;
}
.team .footer-box > em {
font-style: normal;
font-weight: 900;
}
.team .delimiter {
border-bottom: 1px solid #f5f5f5;
margin-top: 30px;
margin-bottom: 10px;
}
.bs-alert {
position: relative;
padding: 45px 15px 15px;
margin: 0 -15px 15px;
}
.bs-alert[data-type="hinweis"] {
margin-right: -15px;
margin-left: -15px;
margin-bottom: 0;
padding-right: 0;
}
.bs-alert blockquote {
margin: 0;
}
.bs-alert[data-type="hinweis"]:after {
position: absolute;
top: 15px;
left: 15px;
font-size: 12px;
font-weight: 700;
color: #959595;
text-transform: uppercase;
letter-spacing: 1px;
content: "Hinweis";
}
.bs-alert.warning[data-type="hinweis"]:after {
color: #333;
}
.bs-alert.warning blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 1.1em;
border-left: 5px solid #f0ad4f;
margin-bottom: 0;
}
.bs-alert.warning blockquote footer {
font-size: .9em;
}
.rb-fixed {
position: absolute;
bottom: 0;
right: 0;
padding: 0px 30px 15px;
}
/************************************************/
/************** END TEAM ROW STYLE **************/
/************************************************/
/*******************************************/
/************ START FLIP - CARDS ***********/
/* http://fondsdiscount2018.ymuraveva/festgeld/ */
/*******************************************/
.field--items-container {
margin-left: -8px;
margin-right: -8px;
}
.field--items > .field--item {
padding: 8px;
}
.flipcard-container .flipcard-container {
width:100%;
perspective:1000px;
-webkit-perspective:1000px
}
.flipcard-container:hover .flipcard-card {
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg)
}
@media (max-width:992px){
.flipcard-container {
height:270px
}
}
.flipcard-container .flipcard-card {
-o-transition:.6s;
transition:.6s;
-webkit-transition:.6s;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
position:relative;
height:100%
}
.flipcard-container .flipcard-card a {
color:#009ee5;
}
.flipcard-container .flipcard-front,
.flipcard-container .flipcard-back {
width:100%;
height:100%;
border:1px solid #ececec;
padding:30px 20px 20px 20px;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
background:#fff;
position:absolute;
top:0;
left:0;
padding:30px 15px 20px 15px;
}
.normal-padding .flipcard-container .flipcard-front,
.normal-padding .flipcard-container .flipcard-back {
padding: 30px 20px 20px 20px!important;
}
.flipcard-container .flipcard-back.white {
background:#fff!important;
}
.flipcard-static {
padding:20px 0px 20px 0px;
}
.flipcard-container .flipcard-front {
z-index:2;
transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
word-wrap: break-word;
background: #efefef;
}
.flipcard-headline {
display: flex;
flex: 1 1 auto;
flex-direction: row;
}
.flipcard-container .flipcard-front h2{
position:absolute;
top:25px;
font-size:22px;
font-weight:400
}
.flipcard-container .flipcard-front h3{
text-align:right;
color:#009ee5;
color: #76a9dc;
font-size:18px
}
.flipcard-container .flipcard-front h3.sticker:after{
content:"*";
color:#ff9b00;
position:relative;
font-size:14px;
top:-2px;
left:2px;
top:-8px
}
.flipcard-static .sticker {
text-align:right;
color:#009ee5;
color: #76a9dc;
font-size:14px
}
.flipcard-static .sticker:after {
content:"*";
color:#ff9b00;
position:relative;
font-size:12px;
left:2px;
top:-4px;
}
.flipcard-container .flipcard-front .flipcard-headline {
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 5px;
justify-content: space-between;
}
.flipcard-container .flipcard-front .flipcard-headline h2 {
top: 0;
margin-top:0;
position: relative;
display: flex;
flex: 0 1 auto;
flex-direction: column;
}
.flipcard-container .flipcard-front .flipcard-headline h3 {
top:0;
margin-top:0;
position: relative;
display: flex;
flex: 0 1 auto;
flex-direction: column;
white-space: nowrap;
}
.flipcard-container .flipcard-front .flipcard-headline .sticker:after {
position: absolute;
font-size: 12px;
left: auto;
right: -10px;
top: -8px;
}
.flipcard-container .flipcard-back{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
word-wrap: break-word;
}
.flipcard-container .flipcard-back h2{
margin-bottom:2px;
font-size:22px;
font-weight:400
}
.flipcard-container .flipcard-back h3{
font-family:'Source Sans Pro',sans-serif;
font-weight:600;
font-size:17px;
line-height:23.8px;
letter-spacing:.3px
}
.flipcard-container .flipcard-back .price{
color:#333
}
.flipcard-container .field--name-body{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:24px
}
/*******************************************/
/************* END FLIP - CARDS ************/
/*******************************************/
/*******************************************/
/************ START FD-THEME TABS **********/
/* http://fondsdiscount2018.ymuraveva/fonds/etf/ */
/* ul class="nav nav-tabs fd-theme flex-row" */
/*******************************************/
.fd-theme.nav>li,
.fd-theme.nav>li:focus,
.fd-theme.nav>li:hover {
outline: none;
}
.fd-theme.nav>li>a {
margin-right: 0;
text-align: center;
}
.fd-theme.nav>li>a,
.fd-theme.nav>li>a:hover {
padding: 10px 2px;
border-radius: 0;
background: #76a9dc;
border: none;
border-right: 1px solid #fff;
border-radius: 0%;
color: #FFFFFF;
height: 100%;
}
.fd-theme.nav>li.active>a,
.fd-theme.nav>li.active>a:hover,
.fd-theme.nav>li.active>a:focus{
background: #336699;
color: #fff;
height: 100%;
}
.fd-theme.nav-tabs {
border-bottom: 0;
}
.fd-theme.nav-tabs>li.active>a,
.fd-theme.nav-tabs>li.active>a:focus,
.fd-theme.nav-tabs>li.active>a:hover,
.fd-theme.nav-tabs.nav-justified>.active>a,
.fd-theme.nav-tabs.nav-justified>.active>a:focus,
.fd-theme.nav-tabs.nav-justified>.active>a:hover {
border: none;
border-right: 1px solid #fff;
outline: none;
}
.fd-theme.nav>li>a.dropdown-toggle,
.fd-theme.nav>li>adropdown-toggle:hover {
padding: 10px 15px;
border-radius: 0;
background: #76a9dc;
border: none;
border-right: 1px solid #fff;
border-radius: 0%;
color: #FFFFFF;
}
/*******************************************/
/************ END FD-THEME TABS ************/
/*******************************************/
/************************************************/
/********* START dataTable STYLE ********/
/************************************************/
.table-flex {
max-width: 100%!important;
width: 100%!important;
}
.search-info {
min-height: 45px;
display: block;
}
.search-info > #hilfe.pull-right {
margin-bottom: -2em;
}
.btn.big_search_button {
display: block;
min-height: 134px;
border: 1px solid transparent;
}
/************* START Child Rows ***************/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{
display:none !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
position:relative;
/*padding-left:30px;*/
/* padding for collapsible details row btn */
padding-bottom:24px;
cursor:pointer
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
bottom: 4px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
box-shadow: 0 0 1px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
line-height: 14px;
background-color: #5f5f5f;
content: "\f107";
font-family: fontAwesome;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
content: "\f106";
background-color: #336699;
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{
padding-left:27px
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{
top:5px;
left:4px;
height:14px;
width:14px;
border-radius:14px;
line-height:14px;
text-indent:3px
}
table.dataTable.dtr-column>tbody>tr>td.control,
table.dataTable.dtr-column>tbody>tr>th.control{
position:relative;
cursor:pointer
}
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before{
top:50%;
left:50%;
height:16px;
width:16px;
margin-top:-10px;
margin-left:-10px;
display:block;
position:absolute;
color:white;
border:2px solid white;
border-radius:14px;
box-shadow:0 0 3px #444;
box-sizing:content-box;
text-align:center;
text-indent:0 !important;
font-family:'Courier New', Courier, monospace;
line-height:14px;
content:'+';
background-color:#0275d8
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before{
content:'-';
background-color:#d33333;
}
table.dataTable>tbody>tr.child{
padding:0.5em 1em;
}
table.dataTable>tbody>tr.child:hover{
background:transparent !important;
}
table.dataTable>tbody>tr.child ul.dtr-details{
display:inline-block;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
border-bottom:1px solid #efefef;
padding:0.5em 0;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{
padding-top:0;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{
border-bottom:none;
}
table.dataTable>tbody>tr.child span.dtr-title{
display:inline-block;
min-width:75px;
font-weight:bold;
padding-left: 10px;
padding-right: 10px;
}
table.dataTable>tbody>tr.child span.dtr-data{
padding-left: 10px;
padding-right: 10px;
}
/************** END Child Rows ****************/
@media (max-width : 768px) {
table#topseller-nach-neukaeufen.ranking-table.table-flex tbody tr td.rank,
table#topseller-nach-volumen.ranking-table.table-flex tbody tr td.rank,
table#topseller-nach-anleger.ranking-table.table-flex tbody tr td.rank,
table#neu-aufsteiger.ranking-table.table-flex tbody tr td.rank,
table#neu-einsteiger.ranking-table.table-flex tbody tr td.rank,
table.dataTable.ranking-table.table-flex tbody tr td.rank {
background: #efefef;
width: auto;
}
.table-flex thead th,
.table-flex tfoot th{
padding-left: 1px;
padding-right: 1px;
font-size: .9em;
}
.table-flex tbody td{
padding-left: 4px;
padding-right: 4px;
font-size: .9em;
}
}
@media (max-width : 992px) and (min-width: 680px) {
table.table.table-splited,
table.table.table-splited>thead:first-child>tr:first-child>td,
table.table.table-splited>thead:first-child>tr:first-child>th {
font-size: .9em;
font-weight: 500;
}
table.table.table-splited .dropdown.fv-cmenu .btn {
font-size: 1.1em;
}
table.table.table-splited .sorting_asc,
table.table.table-splited .sorting_desc,
table.table.table-splited .sorting {
padding-right: 22px;
}
table#topseller-nach-neukaeufen.table.ranking-table tbody tr td.rank,
table#topseller-nach-volumen.table.ranking-table tbody tr td.rank,
table#topseller-nach-anleger.table.ranking-table tbody tr td.rank,
table#neu-aufsteiger.table.ranking-table tbody tr td.rank,
table#neu-einsteiger.table.ranking-table tbody tr td.rank {
font-size: .9em;
width: 45px;
background-size: 45px;
}
}
/************************************************/
/********* DND dataTable STYLE ********/
/************************************************/
/** START TRANSPOSE TABLE **/
@media not print {
@media (max-width: 767px) {
table.table-responsive.transpose-xs thead,
table.table-responsive.transpose-xs tfoot {
display: flex;
flex-direction: row;
justify-content: stretch;
width: 100%;
}
table.table-responsive.transpose-xs thead {
display: none;
}
table.table-responsive.transpose-xs thead th,
table.table-responsive.transpose-xs thead td,
table.table-responsive.transpose-xs tfoot th,
table.table-responsive.transpose-xs tfoot td {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
table.table-responsive.transpose-xs tbody {
float: left;
clear: both;
width: 100%;
justify-content: stretch;
display: flex;
/*margin-bottom: 4px;*/
}
table.table-responsive.transpose-xs tfoot tr {
display: block;
float: left;
flex-direction: column;
flex: 1 1 auto;
}
table.table-responsive.transpose-xs tbody tr {
display: block;
float: left;
flex-direction: column;
flex: 1 0 auto;
}
table.table-responsive.transpose-xs tbody tr th,
table.table-responsive.transpose-xs tbody tr td {
display: block;
}
table.table-responsive.transpose-xs tbody tr th {
border: 1px solid #e2e2e2;
border-right: 0;
border-top: 0;
font-weight: 600;
color: #3f3f3f;
border-collapse: collapse;
background: #eeeeee;
}
table.table-responsive.transpose-xs tbody tr:first-child {
background: transparent;
flex: 0 1 auto;
}
table.table-responsive.transpose-xs tbody tr:first-child th:first-child {
border: 1px solid transparent;
border-bottom-color: #e2e2e2;
background: transparent;
}
table.table-responsive.transpose-xs tbody tr td {
border: 1px solid #efefef;
border-right: 0;
border-top: 0;
border-collapse: collapse;
text-align: right;
}
table.table-responsive.table.table-splited > tbody > tr > td:last-child,
table.table-responsive.table.table-splited > tbody > tr > th:last-child {
/*border-right: 0;*/
}
table.table-responsive.table.table-splited > tbody > tr:last-child > td:last-child {
border-right: 1px solid #efefef;
}
table.table-responsive.transpose-xs tbody tr:last-child td {
border: 1px solid #efefef;
border-top: 0;
border-collapse: collapse;
}
table.table-responsive.transpose-xs tbody tr td:first-child {
border: 1px solid #e2e2e2;
font-weight: 600;
color: #3f3f3f;
border-collapse: collapse;
background: #eeeeee;
text-align: center;
}
}
}
/** END TRANSPOSE TABLE **/
/** START FLEX TABLE **/
.flex-table {
justify-content: space-evenly;
}
.flex-table > .flex-col,
.flex-table > .flex-col > .flex-row,
.flex-table > .flex-col > .flex-row > .flex-col {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.flex-table .th {
background: #336699;
border: 1px solid #2d5a87;
color: #fff;
padding: 8px;
margin-top: 6px;
margin-right: 1px;
}
.flex-table.gray-scale .th {
background: #eee;
border: 1px solid #e2e2e2;
font-weight: 600;
color: #3f3f3f;
}
.flex-table .th.valign-middle > span {
margin: auto 0;
}
.flex-table .td {
color: #3f3f3f;
background: #f9f9f9;
border: 1px solid #ddd;
padding: 8px;
margin-top: 6px;
margin-right: 1px;
}
.flex-table.gray-scale .td {
background: #f9f9f9;
border: 1px solid #efefef;
color: #3f3f3f;
margin-top: 2px;
}
.flex-table .td.valign-middle > span {
margin: auto 0;
}
.thead-vertical tr th:first-child,
.thead-vertical tr td:first-child {
background: #3f3f3f;
font-weight: 500;
color: #FFFFFF;
background: #eeeeee;
font-weight: 600;
color: #3f3f3f;
}
.thead-vertical tr.vixible-xs th:first-child,
.thead-vertical tr.vixible-xs td:first-child {
background: rgb(118, 169, 220);
}
/** START DATA.BOX **/
.data .box {
background: rgba(255, 255, 255, 1);
/*border: 1px solid #f9f9f9;*/
padding: 10px;
}
.data .box-headline {
text-transform: uppercase;
font-size: 1.2em;
font-weight: 600;
}
.data .box-headline sub {
line-height: 1.2em;
}
.data .box .pale {
color: rgba(0,0,0,.4);
}
@media (max-width: 767px) {
data .box .pale {
font-size: .8em;
}
}
.data .table>tbody>tr>td,
.data .table>tbody>tr>th,
.data .table>tfoot>tr>td,
.data .table>tfoot>tr>th,
.data .table>thead>tr>td,
.data .table>thead>tr>th {
padding: 4px 1px 4px 0;
}
.data .table.dataTable>tbody>tr>td:first-child,
.data .table.dataTable>tbody>tr>th:first-child,
.data .table.dataTable>tfoot>tr>td:first-child,
.data .table.dataTable>tfoot>tr>th:first-child {
padding-left: 4px;
}
.data .table.dataTable>tbody>tr>td:last-child,
.data .table.dataTable>tbody>tr>th:last-child,
.data .table.dataTable>tfoot>tr>td:last-child,
.data .table.dataTable>tfoot>tr>th:last-child {
padding-right: 4px;
}
.data table tr td {
vertical-align: middle;
}
.data table tr th:not(:last-child), table tbody tr td:not(:last-child) {
padding-right: 5px;
}
.data .box .fa-download {
border: 1px solid rgb(105, 105, 105);
padding: 5px;
opacity: .9;
border-radius: 50%;
margin-left: 10px;
border-width: 1px;
-webkit-transition: opacity .5s, border-width .5s;
-moz-transition: opacity .5s, border-width .5s;
-ms-transition: opacity .5s, border-width .5s;
-o-transition: opacity .5s, border-width .5s;
transition: opacity .5s, border-width .5s;
cursor: pointer;
}
.data .box .fa-download:hover {
opacity: 1;
border-width: 1px;
}
.valign-middle {
vertical-align: middle;
}
.valign-bottom {
vertical-align: bottom;
}
.options-box {
}
.options-box .btn {
width: 100%;
padding-left: 35px;
padding-right: 35px;
margin: 2px 0;
position: relative;
}
.options-box .btn i.fa {
opacity: .8;
padding: .4em 0;
height: 20px;
width: 30px;
display: inline-block;
}
.options-box .btn i.fa:first-child {
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: rgba(0,0,0,.2);
}
.options-box .btn i.fa:last-child {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.options-box .btn i.fa:first-child:before {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 1em;
}
.options-box .btn i.fa:last-child:before {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 1em;
}
.options-box .btn:hover i.fa,
.options-box .btn:focus i.fa {
opacity: .8;
}
/** END DATA.BOX **/
a.link,
a.link:focus,
a.link:hover {
color: #337ab7;
text-decoration: none;
cursor: pointer;
}
.nav-tabs.condensed {
margin-bottom: 6.8px;
}
/****************************/
/* START PRINT BUTTON STYLE */
/****************************/
.print-btn {
position: absolute;
right: 10px;
top: 10px;
padding: 4px 8px;
border-radius: 1px;
cursor: pointer;
}
.btn.print-btn {
background: #336699;
position: absolute;
top: .5em;
right: .5em;
z-index: 1;
}
.btn.print-btn.bottom {
top: auto;
bottom: 1em;
}
.btn.print-btn.left {
right: auto;
left: 1em;
}
.btn.print-btn:hover,
.btn.print-btn:active {
background: #3f3f3f;
}
@media (max-width: 480px) {
.btn.print-btn {
padding: 2px 8px;
}
.btn.print-btn > i.fa {
font-size: .8em;
}
}
/****************************/
/** END PRINT BUTTON STYLE **/
/****************************/
.icon-frame {
background-image: -webkit-linear-gradient(top,#3f3f3f 0%, #696969 100%);
background-image: -moz-linear-gradient(top, #3f3f3f 0%, #696969 100%);
background-image: -o-linear-gradient(top, #3f3f3f 0%, #696969 100%);
background-image: linear-gradient(top, #3f3f3f 0%, #696969 100%);
padding: 1em;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
text-align: center;
overflow: hidden;
}
.page-intro .risk-list dt,
.page-intro .risk-list dd,
.page-intro .rating-list dt,
.page-intro .rating-list dd {
min-height: 0;
font-size: .8em;
padding: .8em 0;
}
.page-intro .risk-list dt,
.page-intro .rating-list dt {
clear: left;
}
.page-intro .portrait-action #watchlist,
.page-intro .portrait-action #depotpaket {
margin: 0;
padding: 0;
border: solid #efefef;
border-width: 1px 0 0 0;
}
.page-intro .portrait-action #watchlis p,
.page-intro .portrait-action #depotpaket p {
margin: 0 0 8px;
}
.page-intro .risk-list i,
.page-intro .rating-list i {
color: #696969;
padding: 2px;
}
.page-intro .risk-list,
.page-intro .status-list,
.page-intro .rating-list {
margin-bottom: .2em;
}
/**************************************************/
/* GRAY FILTER LINE with Icons/Selects/Tabs links */
/**************************************************/
.filterblock {
display: block;
clear: both;
background: #f9f9f9;
border: solid #eeeeee;
border-width: 1px 0;
z-index: 1;
}
/*http://fondsdiscount2018.ymuraveva/fonds/top-fonds*/
.filterblock .control-label .fa{
color: #76a9dc;
vertical-align: middle;
font-size: 2.5em;
padding: 0 .5em 0 0;
}
.filterblock.form-horizontal .form-group {
margin-bottom: 10px;
margin-top: 5px;
}
.filterblock > .nav-tabs {
border-bottom: 1px solid transparent;
}
.filterblock > .nav-tabs[role="tablist"] .dropdown-menu[data-filter] {
padding: 0;
}
.filterblock > .nav-tabs[role="tablist"] .dropdown-menu[data-filter] .form-control {
margin: 0;
border-top: 0;
border-left: 0;
border-right: 0;
margin-bottom: 0;
height: auto;
}
.filterblock > .nav-tabs[role="tablist"] .dropdown-menu[data-filter] .form-control span {
display: inline;
height: auto;
margin-left: 5px;
}
.filterblock > .nav-tabs>li>a {
background: #f9f9f9;
border-color: #f9f9f9;
font-weight: 600;
text-transform: uppercase;
font-size: .85em;
border-radius: 0;
}
.filterblock > .nav-tabs>li>a:before,
.filterblock > .nav-tabs>li>a:after {
content: ' ';
display: block;
background: #efefef;
height: 2px;
width: 0;
position: absolute;
left: 0;
bottom: -1px;
-webkit-transition: width 0.35s;
transition: width 0.35s;
}
.filterblock > .nav-tabs>li>a:hover {
background: #f5f5f5;
border-color: #f5f5f5;
}
.filterblock > .nav-tabs>li>a:hover:before {
width: 100%;
}
.filterblock > .nav-tabs>li.active>a,
.filterblock > .nav-tabs>li.active>a:focus,
.filterblock > .nav-tabs>li.active>a:hover {
background: #efefef;
border-color: #efefef;
color: #336699;
}
.filterblock > .nav-tabs>li.active>a:after {
width: 100%;
background-color: #336699;
}
@media (max-width: 480px) {
.filterblock > .nav-tabs > li > a {
padding-left: 5px;
padding-right: 5px;
}
}
/*********************************************/
/** END FILTER LINE with Icons/Selects/Tabs **/
/*********************************************/
/******************************************/
/******************************************/
/************* SPECIFIC STYLES ************/
/******************************************/
/******************************************/
/******************************************/
/********* START CART NAVIGATION **********/
/******************************************/
/******************************************/
/********* START CART NAVIGATION **********/
/******************************************/
.fv_wrapper {
float: right;
}
#top-nav .navbar ul li a.fv-nav-link {
margin-bottom: -1px;
}
.fv_wrapper .fv-nav-link > i.fa {
color: #efefef;
}
.fv-nav-wrapper {
border-left: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
border-bottom: 0;
width: auto;
}
.fv-nav-wrapper .nav>li {
position: static;
}
.fv-nav-link {
display: block;
text-align: center;
padding: 15px 15px 20px 0;
height: 100%;
position: relative;
color: #fff;
cursor: pointer;
text-decoration: none;
}
/*.fv-nav-svgIcon_wrapper {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: bottom;
color: #353535;
fill: #fff;
}*/
.fv-nav-items-wrapper {
padding: 0;
background-color: #353535;
position: absolute;
right: 0;
width: 100%;
width: 300px;
border-top: 1px solid #4f4f4f;
z-index:1002;
background-color: #545454;
background-image: -webkit-linear-gradient(top, #545454 0%,#3f3f3f 100%);
background-image: -moz-linear-gradient(top, #545454 0%,#3f3f3f 100%);
background-image: -o-linear-gradient(top, #545454 0%,#3f3f3f 100%);
background-image: linear-gradient(top, #545454 0%,#3f3f3f 100%);
}
.fv-nav-items-wrapper>div {
padding: 10px 10px;
}
.fv-nav-bubble {
border-radius: 50%;
display: inline-block;
line-height: 14px;
min-width: 14px;
padding: 1px 3px;
font-size: 1.1rem;
text-align: center;
color: #353535;
background-color: #99b2cc;
position: absolute;
top: 19%;
left: 50%;
opacity: 1;
}
.fv-nav-bubble.xs {
line-height: 10px;
min-width: 10px;
padding: 1px 3px;
font-size: 1.0rem;
}
.fv-nav-counter {
display: block;
}
.fv-nav-full-cover-page-background {
}
.fv-nav-grand-total-wrapper {
margin-bottom: 5px;
color: #fff;
font-weight: 700;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #4f4f4f;
}
#top-nav .navbar .fv-nav-wrapper > ul > li:hover {
background: transparent;
}
#top-nav .navbar .fv-nav-wrapper > ul > li > a.fv-nav-link:hover {
background: #336699;
}
#top-nav .navbar .fv-nav-wrapper > ul > li > a.fv-nav-link[aria-expanded="true"] {
background: #4f4f4f;
}
.fv-nav-grand-total {
float: left;
}
.fv-nav-grand-total-price {
float: right;
font-size: 1.4rem;
}
.fv-nav-extra-info-wrapper {
font-size: 1.1rem;
line-height: 1;
color: #898989;
margin-bottom: 5px;
}
#top-nav .navbar ul li .fv-nav-extra-info-wrapper a,
.fv-nav-extra-info-wrapper a {
color: #898989;
cursor: pointer;
text-decoration: none;
text-shadow: none;
font-size: 1em;
}
.fv-nav-extra-info-wrapper a:visited {
color: #898989;
}
#top-nav .navbar ul li .fv-nav-extra-info-wrapper a:focus,
#top-nav .navbar ul li .fv-nav-extra-info-wrapper a:hover,
.fv-nav-extra-info-wrapper a:focus,
.fv-nav-extra-info-wrapper a:hover {
color: #898989;
text-decoration: underline;
}
.fv-nav-savings-text {
float: left;
}
.fv-nav-savings-value {
float: right;
font-size: 1.4rem;
}
.fv-nav-clearall {
background-color: #434343;
color: #fff;
font-size: 13px;
float: right;
padding: 8px 20px;
opacity: 1;
border-radius: 0;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-ms-transition: background-color 1s;
-o-transition: background-color 1s;
transition: background-color 1s;
}
.dark .fv-nav-clearall {
color: #898989;
}
.fv-nav-clearall:hover {
background-color: #333333;
}
.fv-nav-button,
.fv-nav-button:hover,
.fv-nav-button:focus,
.fv-nav-button:active,
#top-nav .navbar ul li a.fv-nav-button {
width: 100%;
color: #fff;
cursor: pointer;
text-decoration: none;
border-radius: 0;
line-height: 40px;
height: 40px;
padding: 0 10px;
display: inline-block;
text-align: center;
cursor: pointer;
}
#top-nav .navbar ul li a.fv-nav-link {
height: 35px;
}
#top-nav .navbar ul li a.fv-nav-link {
border: none!important;
box-sizing: border-box;
line-height: 1em;
z-index: 10003;
padding: 12px 15px 6px;
}
.fv-nav-button.blue,
.fv-nav-button.blue span {
background: #75a8db;
}
#top-nav .navbar ul.nav li a.fv-nav-button.blue > span,
#top-nav .navbar ul.nav li a.fv-nav-button.blue > span:hover {
background: transparent;
}
#top-nav .navbar ul.nav li .fv-nav-item-title a,
#top-nav .navbar ul.nav li .fv-nav-item-title a:hover {
background: transparent;
}
.fv-nav-item-wrapper {
color: #353535;
position: relative;
display: block;
width: 100%;
height: auto;
box-sizing: border-box;
visibility: visible;
background: #fff;
overflow: hidden;
margin-bottom: 10px;
}
.fv-nav-item-wrapper {
min-height: 31px;
}
.dark .fv-nav-item-wrapper {
background: #545454;
}
.fv-nav-item-wrapper.isin-itm {
margin-bottom: 0;
}
.fv-nav-items-container > .fv-nav-item-wrapper:last-child {
margin-bottom: 0;
}
.fv-nav-item-wrapper .slider-frame {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0px;
transform: translate3d(0px, 0px, 0px);
box-sizing: border-box;
}
.fv-nav-item-wrapper .slider-list{
transform: translate3d(0px, 0px, 0px);
position: relative;
display: block;
margin: 0;
padding: 0px;
height: auto;
width: auto;
cursor: inherit;
box-sizing: border-box;
list-style: none;
}
.fv-nav-item-title-wrapper {
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
overflow: hidden;
}
.dark .fv-nav-item-title-wrapper {
border-color: #434343;
background: #434343;
border-bottom: 1px solid #545454;
color: #898989;
}
#top-nav .navbar .dark .fv-nav-item-title-wrapper a {
text-shadow: none;
color: #898989;
font-size: 1em;
}
.isin-itm .fv-nav-item-title-wrapper {
margin-bottom: 0;
}
.fv-nav-item-title {
font-weight: 600;
float: left;
padding: 10px 0;
width: 224px;
box-sizing: border-box;
overflow: hidden;
max-width: 224px;
text-overflow: ellipsis;
}
.fv-nav-item-title > .sort {
font-size: .68em;
position: absolute;
left: 5px;
top: 0;
bottom: 0;
margin: auto;
vertical-align: middle;
height: 20px;
display: block;
}
.fv-nav-item-wrapper:first-child .up {
opacity: .38;
}
.fv-nav-item-wrapper:last-child .down {
opacity: .38;
}
.fv-nav-item-title > .sort > span {
float: left;
clear: both;
}
.dark .fv-nav-item-title > .sort > span:hover {
color: #D3D3D3;
}
.fv-nav-item-icon-trash {
float: right;
text-align: center;
width: 40px;
height: 40px;
padding: 5px;
font-size: 2rem;
border-left: 1px solid #ededed;
color: #353535;
cursor: pointer;
text-decoration: none;
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 0;
}
.dark .fv-nav-item-icon-trash {
border-left: 1px solid #545454;
color: #898989;
}
.fv-nav-item-icon-trash svg,
.fv-nav-item-icon-trash .fa {
vertical-align: middle;
font-size: 14px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.fv-nav-item-icon-wrapper {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: bottom;
color: #353535;
}
.dark .fv-nav-item-icon-wrapper {
color: #898989;
}
.fv-nav-item-img-wrapper,
#top-nav .navbar ul li a.fv-nav-item-img-wrapper{
float: left;
margin-right: 5px;
height: 90px;
width: auto;
}
.fv-nav-item-info-wrapper {
}
.fv-nav-item-description {
margin-bottom: 10px;
overflow: hidden;
max-height: 36px;
}
.fv-nav-item-size-wrapper {
margin-bottom: 10px;
}
.fv-nav-item-size-value {
font-weight: 700;
}
.fv-nav-item-price {
text-align: right;
font-weight: 700;
}
#top-nav .navbar ul li #fv-itms a span {
display: inline-block;
}
@media (max-width: 480px) {
.fv-nav-items-wrapper {
left: 0;
width: 100%;
margin-top: 0;
}
.fv-nav-item-title {
width: 100%;
max-width: 100%;
padding-right: 40px;
}
.fv-nav-full-cover-page-background {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #353535;
z-index: -1;
}
#top-nav .navbar ul li #fv-itms a span {
display: block;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
/******************************************/
/*********** END CART NAVIGATION **********/
/******************************************/
/***********************************************/
/********* START ISIN CONTEXT MENUE STYLE ******/
/***********************************************/
.dropdown.fv-cmenu .btn-primary.btn-primary:not(.default),
.dropdown.fv-cmenu .btn-primary.btn-primary.active:not(.default),
.dropdown.fv-cmenu .btn-primary:not(.default):active,
.dropdown.fv-cmenu .open>.dropdown-toggle.btn-primary:not(.default) {
color: #3f3f3f;
background-color: #fff;
border-color: #eee;
background: transparent;
border: 0;
padding: 0;
box-shadow: none;
}
.dropdown.fv-cmenu .btn-primary.btn-primary.default,
.dropdown.fv-cmenu .btn-primary.btn-primary.active.default,
.dropdown.fv-cmenu .btn-primary.default:active,
.dropdown.fv-cmenu .open>.dropdown-toggle.btn-primary.default {
}
.dropdown.fv-cmenu .dropdown-menu > li > span > sub > i.fa.fa-plus {
border: 2px solid #ffffff;
border-radius: 50%;
background: #ffffff!important;
position: absolute;
left: -18px;
top: 0px;
vertical-align: middle;
height: 10px;
width: 10px;
font-size: 8px;
line-height: 6px;
}
@media (max-width : 768px) {
.dropdown.fv-cmenu .btn-primary.btn-primary,
.dropdown.fv-cmenu .btn-primary.btn-primary.active,
.dropdown.fv-cmenu .btn-primary:active,
.dropdown.fv-cmenu .open>.dropdown-toggle.btn-primary {
/*font-size: .9em;*/
}
}
.dropdown.fv-cmenu .dropdown-menu {
border-radius: 0;
text-shadow: none;
border-color: #eee;
}
.dropdown.fv-cmenu .btn.dropdown-toggle span.fa {
margin-left: 4px;
color: #888888;
}
span.fa-list-plus {
width: 18px;
overflow: hidden;
display: inline-block;
margin-left: 2px;
margin-top: 0px;
margin-bottom: -6px;
padding-bottom: 1px;
padding-right: 1px;
}
.btn.default span.fa-list-plus {
margin-left: 6px;
margin-bottom: -7px;
}
.fa-list-plus {
fill: #333;
}
.fa-list-plus .a{
stroke: #333;
}
.dropdown.fv-cmenu .btn.dropdown-toggle .fa-list-plus {
fill: #2196f3;
}
.dropdown.fv-cmenu .btn.dropdown-toggle span.fa-list-plus {
max-height: 1em;
margin-bottom: 0;
}
.dropdown.fv-cmenu .btn.dropdown-toggle span.fa-list-plus > svg.fa-list-plus {
max-height: 1em;
margin-bottom: 1px;
}
.dropdown.fv-cmenu .btn.dropdown-toggle .fa-list-plus .a{
stroke: #2196f3;
}
.dropdown.fv-cmenu .btn.dropdown-toggle:hover .fa-list-plus {
fill: #03a9f4;
}
.dropdown.fv-cmenu .btn.dropdown-toggle:hover .fa-list-plus .a{
stroke: #03a9f4;
}
.dropdown.fv-cmenu .btn.dropdown-toggle.btn-primary.default .fa-list-plus {
fill: #fff;
}
.dropdown.fv-cmenu .btn.dropdown-toggle.btn-primary.default .fa-list-plus .a{
stroke: #fff;
}
.dropdown.fv-cmenu .btn.dropdown-toggle.btn-primary.default:hover .fa-list-plus {
fill: #fff;
}
.dropdown.fv-cmenu .btn.dropdown-toggle.btn-primary.default:hover .fa-list-plus .a{
stroke: #fff;
}
.dropdown.fv-cmenu .dropdown-menu>li[role="presentation"] {
overflow: hidden;
}
.dropdown.fv-cmenu .dropdown-menu>li[role="presentation"].hidden+li.divider {
display: none;
}
.dropdown.fv-cmenu .dropdown-menu>li>span,
.dropdown.fv-cmenu .dropdown-menu>li span[role="menuitem"],
.dropdown.fv-cmenu .dropdown-menu>li>a {
display: block;
padding: 12px 15px;
clear: both;
font-weight: 400;
line-height: 1em;
color: #333;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.dropdown.fv-cmenu .dropdown-menu>li>span>a:focus,
.dropdown.fv-cmenu .dropdown-menu>li>span>a:hover,
.dropdown.fv-cmenu .dropdown-menu>li>span:focus,
.dropdown.fv-cmenu .dropdown-menu>li>span:hover,
.dropdown.fv-cmenu .dropdown-menu>li>a:focus,
.dropdown.fv-cmenu .dropdown-menu>li>a:hover {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown.fv-cmenu .dropdown-menu>li>span:hover {
color: #262626;
text-decoration: none;
background-color: #fff;
background-image: none;
outline: none;
cursor: default;
}
.dropdown.fv-cmenu .dropdown-menu>li span[role="menuitem"]:not(.alert):hover{
cursor: pointer;
}
.dropdown.fv-cmenu .dropdown-menu>li>span>a:focus,
.dropdown.fv-cmenu .dropdown-menu>li>span>a:hover,
.dropdown.fv-cmenu .dropdown-menu>li span[role="menuitem"]:not(.alert):focus,
.dropdown.fv-cmenu .dropdown-menu>li span[role="menuitem"]:not(.alert):hover,
.dropdown.fv-cmenu .dropdown-menu>li>a:focus,
.dropdown.fv-cmenu .dropdown-menu>li>a:hover {
color: #262626;
text-decoration: none;
background-color: #fff;
background-image: none;
outline: none;
}
.dropdown.fv-cmenu .dropdown-menu>li [role="menuitem"] {
opacity: 1;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
.dropdown.fv-cmenu .dropdown-menu>li [role="menuitem"].active {
opacity: .5;
}
.dropdown.fv-cmenu .dropdown-menu .divider {
height: 1px;
margin: 4px 0;
overflow: hidden;
background-color: #eee;
}
.dropdown.fv-cmenu .dropdown-menu>li i.fa,
.dropdown.fv-cmenu .dropdown-menu>li i.fa:hover,
.dropdown.fv-cmenu .dropdown-menu>li i.fa:focus {
background: transparent;
color: #888888;
display: inline-block;
margin-right: 10px;
}
.dropdown.fv-cmenu .dropdown-menu>li i.fa.fa-external-link{
color: #337AB7;
}
.dropdown.fv-cmenu .dropdown-menu .form-control {
border: 0;
box-shadow: none;
border-bottom: 1px solid #ddd;
padding: 0;
line-height: 1.5em;
padding-left: 1em;
padding-right: 1em;
}
.dropdown.fv-cmenu .dropdown-menu [id^="logout"] button,
.dropdown.fv-cmenu .dropdown-menu [id^="logout"] button:hover,
.dropdown.fv-cmenu .dropdown-menu [id^="logout"] button:focus {
border: 0;
box-shadow: none;
border: none;
background: transparent;
outline: none;
padding-left: 0;
padding-right: 0;
}
.dropdown.fv-cmenu .fv-loginform > form .input-group:last-child {
padding-top: .3em;
padding-bottom: .1em;
}
/***********************************************/
/************ START FLYING 2 CART STYLE ********/
/***********************************************/
.isin{
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.isin:hover{
/*cursor: copy;*/
cursor: pointer!important;
}
.isin:hover:before {
/*content: "Add to watchlist:";*/
position: absolute;
font-weight: 600;
color: #444444;
background: rgba(255, 255, 255, 0.8);
font-family: fontAwesome;
content: "\f067";
display: none;
}
.isin.disabled {
opacity: .6;
cursor: not-allowed;
}
div.floating-cart{
overflow: hidden;
margin:0;
padding:0;
height: auto;
display: block;
color: #ffffff;
transition: transform .8s;
transition: margin .8s;
transform: scale(1);
margin-top: 0px;
}
div.floating-cart.moveToCart {
cursor: copy;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
position: absolute;
z-index: 999999;
color: #c7b17f;
background: rgba(255, 255, 255, 0.8);
color: #212121;
margin-left: 24px;
}
div.floating-cart.moveToCart .fv_add_2_cart {
padding: 0;
}
body.MakeFloatingCart div.floating-cart.moveToCart{
box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 0);
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
/***********************************************/
/************* END FLYING 2 CART STYLE *********/
/***********************************************/
/***********************************************/
/********* START WATCHLIST WIDGET STYLE ********/
/***********************************************/
.wl-widget .panel {
border-radius: 0;
padding: 0;
border: 0;
}
.wl-widget .panel-group .panel+.panel {
margin-top: 4px;
}
.wl-widget .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
border: 0;
}
.wl-widget .panel-heading {
position: relative;
background: #f9f9f9;
}
.wl-widget .panel-title>a {
display: inline-block;
padding-left: 32px;
width: 100%;
font-weight: 500;
font-size: .9em;
text-decoration: none;
color: #337ab7;
-webkit-transition-property: color;
-moz-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.wl-widget .panel-title>a[aria-expanded="true"]{
color: #3f3f3f;
}
.wl-widget .panel-title .panel-title-icon {
width: 38px;
height: 100%;
text-align: center;
display: table-cell;
font-size: 18px;
font-weight: 300;
line-height: 38px;
position: absolute;
left: 0px;
background: #337ab7;
top: 0;
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
overflow: hidden
}
.wl-widget .panel-title .panel-title-icon .fa {
display: block;
line-height: 38px;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
margin: 0;
height: 38px;
width: 38px;
position: absolute;
}
.wl-widget .panel-title [aria-expanded="true"] .panel-title-icon {
background: #f5f5f5;
}
.wl-widget .panel-title .panel-title-icon .fa:first-child {
opacity: 1;
}
.wl-widget .panel-title .panel-title-icon .fa:last-child {
opacity: 0;
color: #337ab7;
}
.wl-widget .panel-title [aria-expanded="true"] .panel-title-icon .fa:first-child {
opacity: 0;
}
.wl-widget .panel-title [aria-expanded="true"] .panel-title-icon .fa:last-child {
opacity: 1;
}
.wl-widget .panel-body {
padding-left: 47px;
}
.fv-watchlistWrapper {
margin-bottom: 10px;
}
.fv-watchlistWrapper form.form {
padding: 10px 0;
margin-bottom: 5px;
}
.fv-watchlistWrapper form.form .form-control,
.fv-watchlistWrapper form.form .btn {
margin-top: 5px;
}
.fv-watchlistcontainer.inline .title-underline {
text-transform: uppercase;
font-size: small;
font-weight: 600;
padding: .5em 0 0;
border-bottom: 1px solid #f5f5f5;
}
.fv-watchlistcontainer.inline i.fa {
color: inherit;
line-height: 1.8em;
}
.fv-watchlistcontainer.inline i.fa:hover {
cursor: pointer;
}
.fv-watchlistcontainer.inline i.fa-square-o,
.fv-watchlistcontainer.inline i.fa-check-square,
.fv-watchlistcontainer.inline i.fa-info {
margin-right: 4px;
}
.fv-watchlistcontainer .fv-watchlist-item {
display: block;
width: 100%;
}
.fv-watchlistcontainer .fv-watchlist-item:focus,
.fv-watchlistcontainer .fv-watchlist-item:active,
.fv-watchlistcontainer .fv-watchlist-item *:focus,
.fv-watchlistcontainer .fv-watchlist-item *:active {
outline: none;
box-shadow: none;
border: none;
}
.fv-watchlistcontainer.inline .list-unstyled > .fv-watchlist-item {
font-weight: 600;
font-size: small;
line-height: 1.8em;
border-bottom: 1px solid #eeeeee;
}
.fv-watchlistcontainer.inline .list-unstyled > .fv-watchlist-item:hover {
cursor: default;
}
.fv-watchlistcontainer.inline .list-unstyled > .fv-watchlist-item:first-child {
border-top: 1px solid #eeeeee;
}
/***********************************************/
/********** END WATCHLIST WIDGET STYLE *********/
/***********************************************/
/***********************************************/
/********** START SIDEBAR SOCIAL ICONS *********/
/***********************************************/
.fd-social_sidebar {
left: 0;
position: fixed;
top: 45%;
top: 45vh;
z-index: 999999;
}
.fd-social_sidebar.animated {
opacity: 1;
-webkit-animation: fd_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
-moz-animation: fd_social_fadeInRight 1s 1s cubic-bezier(0.77,0,.175,1);
-o-animation: fd_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
animation: fd_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
}
.fd-social_sidebar .fd-social_icons_container,
.fd-social_sidebar .fd-social_totalcount {
margin-left: 0px !important;
}
.fd-social_sidebar.collapsed .fd-social_icons_container,
.fd-social_sidebar.collapsed .fd-social_totalcount {
margin-left: -44px !important;
}
.fd-social_totalcount {
display: block;
font-size: 18px;
color: #444;
font-weight: 700;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
background: transparent;
width: 44px;
text-align: center;
}
.fd-social_sidebar span[data-role="manager-btn"] {
border-left: 0px solid rgba( 0,0,0,.3);
padding: 0;
margin-bottom: 15px;
}
.fd-social_sidebar span[data-role="manager-btn"]:hover {
border-left: 6px solid rgba( 0,0,0,.3);
}
.fd-social_sidebar span[data-role="manager-btn"] > a {
text-align: center;
display: block;
color: #f9f9f9;
padding: 8px 0px 4px 0;
cursor: pointer;
}
.fd-social_sidebar span[data-role="manager-btn"]:hover > a
.fd-social_sidebar span[data-role="manager-btn"] > a:hover {
color: #fff;
cursor: pointer;
}
.fd-social_totalcount .fd-social_totalcount_count {
display: block;
font-size: 18px;
font-weight: 700;
}
.fd-social_totalcount .fd-social_totalcount_label {
display: block;
font-size: 10px;
margin-bottom: 4px;
}
.fd-social_icons_container {
margin: 0;
list-style: none;
padding: 0;
margin-left: 0px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
background: transparent;
list-style: none;
overflow: hidden;
}
.fd-social_sidebar span {
line-height: 1em;
text-transform: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background-image: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fd-social_sidebar li {
border-left: 0 solid rgba( 0,0,0,.4);
width: 44px;
text-align: center;
display: block;
overflow: hidden;
color: #ffffff;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
position: relative;
margin-bottom: 2px;
}
.fd-social_sidebar li:hover {
width: 38px;
border-left: 6px solid rgba( 0,0,0,.3);
color: #A0A0A0;
background: #F2F2F2;
}
.fd-social_icons_container>li:first-child{
}
.fd-social_icons_container>li:last-child {
margin-bottom: 0;
}
.fd-social_sidebar li .fd-social_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.fd-social_sidebar li {
background-color: rgba(64, 64, 64, 0.14);
}
@media only screen and (max-width: 992px) {
.fd-social_sidebar li {
background-color: rgba(64, 64, 64, 0.24);
}
}
.fd-social_sidebar li .fa {
color: #444444;
}
li.fd-social_facebook:hover .fa {
color: #3a579a;
}
li.fd-social_twitter:hover .fa {
color: #00abf0;
}
li.fd-social_google-plus:hover .fa {
color: #df4a32;
}
li.fd-social_youtube:hover .fa {
color: #ff0000;
}
li.fd-social_linkedin:hover .fa {
color: #0274b3;
}
li.fd-social_xing:hover .fa {
color: #006567;
}
.fd-social_sidebar li a {
padding: 13px 0;
display: block;
text-decoration: none;
float: left;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1em;
text-transform: none;
font-weight: normal;
margin: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background-image: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fd-social_icon {
position: relative;
speak: none;
z-index: 100;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
.fd-social_sidebar span.fd-social_hide_sidebar {
opacity: 0;
color: #ffffff;
background: rgba(0,0,0,0.3);
height: 24px;
width: 24px;
display: block;
cursor: pointer;
margin: 8px 0 0 8px;
border-radius: 12px;
margin-left: 10px;
font-size: 18px;
line-height: 24px;
text-align: center;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.fd-social_sidebar span.fd-social_hide_sidebar {
opacity: 0.5;
}
}
.fd-social_sidebar:hover span.fd-social_hide_sidebar {
opacity: 1;
}
.fd-social_sidebar.collapsed span.fd-social_hide_sidebar {
opacity: 1;
margin-left: 0 !important;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.fd-social_sidebar span.fd-social_hide_sidebar:before {
font-size: 20px !important;
line-height: 24px !important;
display: block;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.fd-social_sidebar.collapsed span.fd-social_hide_sidebar:before {
transform: rotate(180deg);
font-size: 20px !important;
line-height: 24px !important;
left: -1px;
}
@-webkit-keyframes fd_social_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-30%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fd_social_fadeInRight { 0% { opacity: 0; -moz-transform: translateX(-30%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fd_social_fadeInRight { 0% { opacity: 0; -o-transform: translateX(-30%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fd_social_fadeInRight { from { opacity: 0; transform: translateX(-30%); } to { opacity: 1; transform: translateX(0); } }
/***********************************************/
/*********** END SIDEBAR SOCIAL ICONS **********/
/***********************************************/
/*
LANDINGPAGE vl-fonds
http://fondsdiscount2018.ymuraveva/fonds/vl-fonds/
*/
#fonds-vl-fonds.mobile-container,
#fonds-geldwerter-vorteil.mobile-container {
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
overflow: hidden;
}
.chartWithOverlay {
position: relative;
}
.chartWithOverlay > #chart_div {
height:300px;
position:relative;
}
.chartWithOverlay .overlay-marker:after {
font-family: FontAwesome;
content: "\f005";
position: absolute;
top: -18%;
right: 16%;
z-index: 99;
font-size: 10em;
color: #48a33f;
transform: rotate(15deg);
}
.chartWithOverlay .overlay-marker:before{
position: absolute;
content: 'Ersparnis 137,15 € ';
top: 8%;
right: 19%;
z-index: 100;
font-size: .8em;
color: #fff;
transform: rotate(15deg);
}
/*
LANDINGPAGE geldwerter-vorteil
http://fondsdiscount2018.ymuraveva/fonds/geldwerter-vorteil/
*/
#fonds-geldwerter-vorteil.mobile-container:after {
background: #3f3f3f;
bottom: 0%;
content: " ";
left: -100px;
position: absolute;
right: -100px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
top: 56%;
z-index: -1;
display: block;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
opacity: .55;
}
#fonds-geldwerter-vorteil.mobile-container:before {
background: transparent;
background-repeat: no-repeat;
background-size: cover;
}
/*
END LANDINGPAGE sparplan
*/
/*
END LANDINGPAGE vl-fonds
*/
#fonds-sparplan {
overflow: hidden;
}
#fonds-sparplan.mobile-container {
/*background-image: url('');*/
background-repeat: no-repeat;
background-position: center 221px;
background-size: 100% auto;
}
#fonds-sparplan.mobile-container:before {
background: #dddddd;
bottom: 33%;
content: '';
left: -100px;
position: absolute;
right: -100px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
top: 46%;
z-index: 0;
display: block;
}
#fonds-sparplan .scroller {
background: rgba(255,255,255,.8) !important;
}
/*
END LANDINGPAGE sparplan
*/
/*
LANDINGPAGE PAGES - PARTNERS' LOGOS row
http://fondsdiscount2018.ymuraveva/fonds/geldwerter-vorteil/
*/
.partner-wrapper.flex-row {
background: #ececec;
margin: 1em 0;
padding: 1em 0;
width: 100%;
}
.partner-wrapper.flex-row .list-group-item {
height: auto;
max-height: 55px;
box-sizing: border-box;
}
.partner-wrapper.flex-row img.img-responsive {
width: auto;
max-height: 50px;
}
.partner-wrapper.flex-row .list-group-item img.img-responsive {
width: auto;
max-height: 35px;
}
.partner-wrapper.flex-row .list-group-item.md img.img-responsive {
max-height: 30px;
}
.partner-wrapper.flex-row .list-group-item.sm img.img-responsive {
max-height: 26px;
}
.partner-wrapper.flex-row .list-group-item.xs img.img-responsive {
max-height: 20px;
}
/**********************************************/
/*********** START MAGAZIN GRID PAGE* *********/
/**********************************************/
figure.float.effect-fd-image {
display: inline-block;
background: transparent;
min-height: 180px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: grayscale(25%);
filter: grayscale(25%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
overflow: hidden;
box-sizing: border-box;
}
figure.float.effect-fd-image:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
figure.float.effect-fd-image {
min-height: 100px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 680px) {
figure.float.effect-fd-image {
min-height: 120px;
}
figure.float.effect-fd-image.lg {
min-height: 200px;
background-position: 0 -65px;
}
}
@media only screen and (max-width: 767px) {
figure.float.effect-fd-image.lg {
min-height: 200px;
background-position: 0 -100px;
}
}
/******************************************/
/******** START MAGAZIN INDEX PAGE* *******/
/******************************************/
.grid-wrapper .top-cat {
overflow: visible;/* for tooltip s*/
}
.grid-wrapper .top-cat:first-child {
}
.grid-wrapper .top-cat:nth-child(2n) {
background: #f9f9f9;
}
.grid-wrapper .top-cat:nth-child(2n+1) {
background: #efefef;
}
.grid-wrapper .top-cat .cat-info {
margin-bottom: .5em;
}
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper {
overflow: hidden;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
.grid-wrapper label[for="filterselect-selectized"] {
float: right;
margin-left: 5px;
}
.grid-wrapper label[for="filterselect-selectized"] .selectize-dropdown {
overflow: hidden;
height: auto;
}
.grid-wrapper label[for="filterselect-selectized"] .form-control.selectize-control {
padding: 5px!important;
margin: auto!important;
}
.grid-wrapper label[for="filterselect-selectized"] .items {
position: relative;
box-sizing: border-box;
display: block;
max-width: 100%;
padding: 0!important;
margin: 0!important;
overflow: hidden;
}
.grid-wrapper #filterselect-selectized {
width: 100%!important;
padding: 0!important;
margin: 0!important;
display: block;
border: none!important;
outline: none!important;
box-shadow: none!important;
/*position: absolute!important;*/
top: 0;
overflow: hidden;
box-sizing: border-box;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.grid-wrapper .top-cat .cat-info:hover .cat-cover-wrapper {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
width: 100%;
}
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper img,
.fd-list-group .cat-info .cat-cover img {
visibility: hidden;
}
.fd-list-group .cat-info .cat-cover {
overflow: hidden;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.fd-list-group .cat-info .cat-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.fd-list-group .cat-info:hover .cat-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
.grid-wrapper .top-cat .cat-info .cat-cover {
margin-left: -5px;
margin-right: -5px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.grid-wrapper .top-cat .cat-cover > img,
.grid-wrapper .top-cat .cat-cover > a.linkfake {
z-index: -1;
}
.grid-wrapper .top-cat .list-group {
margin: .5em;
}
.grid-wrapper .fd-grid-view li.article,
.grid-wrapper .fd-grid-view li.intro-article {
background: transparent;
border: 0;
box-shadow: none;
}
.grid-wrapper .fd-grid-view li.article,
.grid-wrapper .fd-grid-view li.intro-article {
background: transparent;
border: 0;
box-shadow: none;
}
.grid-wrapper .fd-grid-view li.article .description {
padding: 1em 0;
}
.grid-wrapper .fd-grid-view.box li.article .description,
.grid-wrapper .news-box.box-content li.article .description {
padding: 1em;
}
.grid-wrapper .fd-grid-view article .caption:before {
display: none;
}
.grid-wrapper .top-cat .cat-title .title {
background: transparent;
font-size: 24px;
line-height: 32px;
display: inline-block;
padding-top: .8em;
padding-bottom: .2em;
letter-spacing: .5px;
font-style: normal;
font-weight: 800;
color: #3f3f3f;
text-transform: uppercase;
width: 100%;
}
.grid-wrapper .top-cat .cat-title .title > .small {
font-size: 60%;
color: #3f3f3f;
}
.grid-wrapper .top-cat .cat-title .title > .small > a,
.grid-wrapper .top-cat .cat-title .title > .small > a:hover,
.grid-wrapper .top-cat .cat-title .title > .small > a:focus,
.grid-wrapper .top-cat .cat-title .title > .small > a:visited,
.grid-wrapper .top-cat .cat-title .title > .small > a:active {
color: #3f3f3f;
}
.grid-wrapper .top-cat:first-child .cat-title .title {
padding-top: .2em;
}
.grid-wrapper .top-cat .cat-title > p,
.grid-wrapper .top-cat .cat-title:hover > p,
.grid-wrapper .top-cat .cat-title:active > p,
.grid-wrapper .top-cat .cat-title:visited > p {
color: #818181;
}
/*********************************/
.flex-row .article .thumbnail .caption {
min-height: unset;
flex-basis: 155px;
flex-grow: 0;
flex-shrink: 1;
border-bottom: none;
position: relative;
}
.flex-row .article .thumbnail .caption:before {
position: absolute;
height: 24px;
left: 0;
right: 0;
bottom: 0;
content: ' ';
z-index: 1;
background-image:
-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
background-image:
-moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
background-image:
-o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
background-image:
linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1));
}
.flex-row .article .thumbnail .header-border {
min-height: unset;
flex-grow: 0;
flex-shrink: 0;
border-bottom: 1px solid #3f3f3f;
}
.flex-row .article .thumbnail header.caption .fancy-subtitle,
.flex-row .article .thumbnail header.caption .magazine-headline {
font-size: 15px;
line-height: 16px;
vertical-align: top;
font-weight: 600;
margin-bottom: 5px;
}
.flex-row .article .thumbnail header.caption .magazine-headline {
/*line-height: 1.3em;*/
}
.flex-row .article .thumbnail header.caption h2 {
display: flex;
flex-shrink: 0;
}
.flex-row .article .thumbnail .description {
height: auto;
flex: 1 0 auto;
border-top: 1px solid #336699;
margin-top: 0px;
background-color: #fff;
}
.flex-row .article .thumbnail .description>p:last-of-type {
margin-bottom: 0;
}
.grid-wrapper .fd-grid-view .fa-spin,
.grid-wrapper .fd-list-view .fa-spin {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 1em;
height: 1em;
font-size: 2.4em;
z-index: 0;
}
.grid-wrapper .fd-list-view li .media-left .thumbnail-wrapper {
background-repeat:no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
.grid-wrapper .fd-list-view li:hover .media-left .thumbnail-wrapper {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.grid-wrapper .fd-list-view .media-left img {
z-index: 1;
opacity: 0;
}
.grid-wrapper ul#list-view > li.media {
position: relative;
padding: 1em 0;
border-bottom: 1px solid #eeeeee;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background: #f9f9f9;
}
.grid-wrapper ul#list-view > li.media:hover {
background: #f5f5f5;
border-bottom: 1px solid #eeeeee;
}
.grid-wrapper ul#list-view li .media-heading {
padding: 1em 0;
}
.grid-wrapper ul#list-view li .media-heading span:first-child {
color: #a37e2b;
font-size: 1.2em;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.flex-row .article .thumbnail header.caption {
min-height: unset;
overflow-y: auto;
flex-basis: auto;
flex-grow: 1;
}
.flex-row .article .thumbnail header.caption h2 {
flex-basis: auto;
}
flex-row .article .thumbnail .description {
flex-basis: auto;
}
}
/*-------------grid-------------*/
.plain-title {
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
}
.plain-subtitle {
color: #336699;
font-weight: 600;
margin-bottom: 10px;
}
.grid-wrapper .fd-grid-view .thumbnail .info {
display: block;
position: absolute;
top: 0;
right: 0;
color: #fff;
z-index: 1;
width: 100%;
}
.grid-wrapper .fd-grid-view .thumbnail .info .label {
float: right;
clear: right;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.38);
transition: max-width .5s;
}
.grid-wrapper .fd-grid-view .thumbnail .label.category {
position: absolute;
bottom: 0;
left: 0;
border-radius: 0;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.grid-wrapper .fd-grid-view .thumbnail .label.category:hover {
overflow: visible;
max-width: none;
}
.grid-wrapper .fd-grid-view .article[class*="col-"] {
padding: 10px;
}
.grid-wrapper .fd-grid-view .article .thumbnail .caption.flex-col,
.grid-wrapper .fd-grid-view .article .thumbnail .caption {
padding: 1em 0;
flex-basis: auto;/*55px;*/
}
.grid-wrapper .fd-grid-view.box .article .thumbnail .caption.flex-col,
.grid-wrapper .fd-grid-view.box .article .thumbnail .caption,
.grid-wrapper .news-box.box-content .article .thumbnail .caption.flex-col,
.grid-wrapper .news-box.box-content .article .thumbnail .caption {
padding: 1em;
}
@media (min-width: 768px) and (max-width: 992px) {
.grid-wrapper .fd-grid-view .article .thumbnail .caption.flex-col{
flex-basis: auto;/*55px;*/
}
}
.grid-wrapper .fd-grid-view .article .thumbnail .caption:before {
position: absolute;
height: 15px;
left: 0;
right: 0;
bottom: 0;
content: ' ';
z-index: 1;
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image:
-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
/* Firefox 3.6 - 15 */
background-image:
-moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
/* Opera 11.1 - 12 */
background-image:
-o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image:
linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1));
}
.fd-grid-view .caption .title,
.fd-grid-view .caption .linkfake > .title,
.fd-grid-view .caption .linkfake:hover > .title,
.fd-grid-view .caption .linkfake:visited > .title {
text-align: left;
font-size: 1em;
font-weight: 600;
color: #333333;
padding : 5px 0;
}
.fd-grid-view .caption .title a {
text-decoration: none;
}
.fd-grid-view .caption .title a.ellipsis {
display: block;
text-overflow: ellipsis;
padding: 0 0 0.2em;
color: #336699;
font-size: 15px;
}
.fd-grid-view .caption .sub-title {
text-align: left;
font-size: 13px;
line-height: 1.3em;
font-weight: 600;
margin: 0;
}
.fd-grid-view .caption .sub-title a.ellipsis {
display: block;
text-overflow: ellipsis;
color: #3f3f3f;
}
.fd-grid-view .thumbnail .description {
color: #818181;
font-size: 13px;
font-weight: 500;
}
.fd-grid-view .article .thumbnail .description {
border-top: 1px solid #efefef;
padding-top: 10px;
padding-bottom: 10px;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.grid-wrapper .top-cat:nth-child(2n) .thumbnail .description {
border-top: 1px solid #efefef;
}
.grid-wrapper .top-cat:nth-child(2n+1) .thumbnail .description {
border-top: 1px solid #dedede;
}
.grid-wrapper .top-cat .article .thumbnail .caption.flex-col {
padding: 1em 0;
flex-basis: auto;/*64px;*/
}
.grid-wrapper .top-cat .article .thumbnail .description {
padding-left: 0;
padding-right: 0;
}
.grid-wrapper .top-cat .readmore {
margin-bottom: 10px;
}
.grid-wrapper .top-cat .readmore a {
color: #336699;
font-weight: 600;
font-size: .9em;
opacity: .85;
-webkit-transition: opacity .8s;
-moz-transition: opacity .8s;
-ms-transition: opacity .8s;
-o-transition: opacity .8s;
transition: opacity .8s;
}
.grid-wrapper .top-cat .readmore a:hover,
.grid-wrapper .top-cat .readmore a:visited {
color: #336699;
font-weight: 600;
font-size: .9em;
opacity: 1;
}
.grid-wrapper .top-cat .readmore a > ellipsis {
opacity: 0;
-webkit-transition: opacity .8s;
-moz-transition: opacity .8s;
-ms-transition: opacity .8s;
-o-transition: opacity .8s;
transition: opacity .8s;
}
.grid-wrapper .top-cat .readmore a:hover > ellipsis {
opacity: 1;
}
.grid-wrapper .top-cat .sidebar-widget .title {
background: transparent;
font-size: 24px;
line-height: 24px;
display: inline-block;
padding-top: .2em;
padding-bottom: .2em;
margin-top: 13px;
margin-bottom: 4px;
letter-spacing: .5px;
font-style: normal;
font-weight: 800;
color: #3f3f3f;
text-transform: uppercase;
width: 100%;
}
.grid-wrapper .top-cat .sidebar-widget .form-group {
}
.grid-wrapper .top-cat .sidebar-widget .form-control:focus,
.grid-wrapper .top-cat .sidebar-widget .form-control:active,
.grid-wrapper .top-cat .sidebar-widget .form-group-sm .form-control:focus,
.grid-wrapper .top-cat .sidebar-widget .form-group-sm .form-control:focus {
outline: none!important;
box-shadow: none;
border-color: #ddd;
}
.grid-wrapper .top-cat .sidebar-widget .pull-right > button {
margin-top: 30px;
}
@media (max-width: 767px) {
.grid-wrapper .top-cat .sidebar-widget .pull-right > button {
margin-top: 15px;
margin-right: 5px;
}
}
/**********************************************/
/******** START GRID LAYOUT STYLE* *******/
/**********************************************/
.grid-wrapper .top-cat {
background: #fff;
overflow: visible;/* for tooltip s*/
}
.grid-wrapper .top-cat:first-child {
}
.grid-wrapper .top-cat:nth-child(2n) {
background: #f9f9f9;
}
.grid-wrapper .top-cat:nth-child(2n+1) {
background: #efefef;
}
.grid-wrapper .top-cat .cat-info {
margin-bottom: .5em;
}
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper {
overflow: hidden;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.grid-wrapper .top-cat .cat-info:hover .cat-cover-wrapper {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
width: 100%;
}
.grid-wrapper .top-cat .cat-info .cat-cover-wrapper img,
.fd-list-group .cat-info .cat-cover img {
visibility: hidden;
}
.fd-list-group .cat-info .cat-cover {
overflow: hidden;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.fd-list-group .cat-info .cat-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.fd-list-group .cat-info:hover .cat-cover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
}
.grid-wrapper .top-cat .cat-info .cat-cover {
margin-left: -5px;
margin-right: -5px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.grid-wrapper .top-cat .cat-cover > img,
.grid-wrapper .top-cat .cat-cover > a.linkfake {
z-index: -1;
}
.grid-wrapper .top-cat .list-group {
margin: .5em;
}
.grid-wrapper .fd-grid-view li.intro-article {
background: transparent;
border: 0;
box-shadow: none;
}
.grid-wrapper .fd-grid-view article.thumbnail{
background: transparent;
border: 0;
box-shadow: none;
}
.grid-wrapper ul#grid-view li.article {
background: #f9f9f9;
border: 1px solid #ffffff;
box-shadow: none;
}
.grid-wrapper .fd-grid-view article .caption:before {
display: none;
}
.grid-wrapper .top-cat .cat-title .title {
background: transparent;
font-size: 24px;
line-height: 32px;
display: inline-block;
padding-top: .8em;
padding-bottom: .2em;
letter-spacing: .5px;
font-style: normal;
font-weight: 800;
color: #3f3f3f;
text-transform: uppercase;
width: 100%;
}
.grid-wrapper .top-cat .cat-title .title > .small {
font-size: 60%;
color: #3f3f3f;
}
.grid-wrapper .top-cat .cat-title .title > .small > a,
.grid-wrapper .top-cat .cat-title .title > .small > a:hover,
.grid-wrapper .top-cat .cat-title .title > .small > a:focus,
.grid-wrapper .top-cat .cat-title .title > .small > a:visited,
.grid-wrapper .top-cat .cat-title .title > .small > a:active {
color: #3f3f3f;
}
.grid-wrapper .top-cat:first-child .cat-title .title {
padding-top: .2em;
}
.grid-wrapper .top-cat .cat-title > p,
.grid-wrapper .top-cat .cat-title:hover > p,
.grid-wrapper .top-cat .cat-title:active > p,
.grid-wrapper .top-cat .cat-title:visited > p {
color: #818181;
}
/* end intro block style */
#back-to-top {
display: none;
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 45px 45px;
border-color: transparent transparent #1F262E transparent;
-webkit-transform: rotate(360deg);
text-align: center;
opacity: .8;
transition: opacity .2s ease;
}
#back-to-top span {
font-size: 20px;
color: #FFF;
position: absolute;
top: 20px;
right: 2px;
}
/* START MAGAZIN ARTICLE POPUP */
.article-scroll-wrapper .media-list .media {
position: relative;
margin: .4em 0;
border-top: 1px solid transparent;
}
.article-scroll-wrapper .media-list .media:first-child {
margin-top: .2em;
}
.article-scroll-wrapper .media-list .media:last-child {
margin-bottom: 0;
}
.article-scroll-wrapper .media-list .media > a {
display: block;
top: 0;
bottom: 0;
}
.article-scroll-wrapper .media-list .media:hover {
background: transparent;
}
.article-scroll-wrapper .media-list .media .media-left {
max-width: 90px;
width: 90px;
min-height: 90px;
display: inline-block;
float: left;
}
.article-scroll-wrapper .media-list .media-body {
background: transparent;
}
.article-scroll-wrapper .media-list .media .media-body .media-body-inner {
min-height: 90px;
max-height: 90px;
display: block;
overflow: hidden;
margin-left: 6px;
background: rgba(245, 245, 245, .95);
}
.article-scroll-wrapper .media-list .media-body .media-heading{
text-align: left;
text-transform: none;
border-bottom: 1px solid transparent;
display: block;
padding: 0;
color: #a37e2b;
font-size: 1em;
margin: 10px 10px 4px;/*1em .8em .4em;*/
}
.article-scroll-wrapper .media-list .media-body .media-heading:before{
display: none;
}
.article-scroll-wrapper .media-list .media-body p {
text-align: left;
font-size: .9em;
font-weight: 500;
margin-bottom: 0;
display: block;
color: #3f3f3f;
}
.article-scroll-wrapper .close,
.article-scroll-wrapper .close:hover {
border: 0;
line-height: 1em;
}
.article-products ul{
padding: 0.5em;
}
.article-products ul.list-group li a {
border-radius: 0px;
padding-left: 0;
}
.article-products ul li .counter {
padding-right: 10px;
padding-left: 10px;
font-style: normal
}
.article-products ul.fd-list-group li a .small {
color: #a37e2b;
font-size: 1em;
font-weight: 600;
font-style: italic;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.article-products .media-list .media-body .media-heading.text-left {
text-align: left;
}
.article-products .media-list .media-body {
background: transparent;
}
.article-products .media-list form.condensed {
margin: 0 0 .1em 0;
}
.article-products .media-list li form.condensed button.list-group-item{
font-weight: 600;
font-style: italic;
color: #336699;
display: inline;
padding-left: 0;
font-size: 90%;
}
.article-products .media-list li form.condensed button.list-group-item:focus,
.article-products .media-list li form.condensed button.list-group-item:hover {
color: #fff;
text-decoration: none;
background-color: #76a9dc;
outline: none!important;
}
.article-products .media-list li form.condensed button.list-group-item>span {
font-style: normal;
}
.article-products .media-list li form.condensed button.list-group-item>span i.fa {
display: inline-block;
width: 1em;
}
.article-products .media-list .media-body .media-heading {
padding: 1em 0.5em .5em;
margin-top: -.1em;
}
aside .article-scroll-wrapper {
width: 28%;
max-width: 360px;
}
@media (min-width: 992px) {
aside .article-scroll-wrapper {
width: 28%;
}
}
@media (min-width: 1200px) {
aside .article-scroll-wrapper {
width: 25%;
}
}
@media (min-width: 1500px) {
aside .article-scroll-wrapper {
width: 20%;
}
}
/* END MAGAZIN ARTICLE POPUP */
/**********************************************/
/************ END MAGAZIN GRID PAGE* **********/
/**********************************************/
.page-intro.magazin {
padding: 1em;
background: #f9f9f9;
}
.page-intro.magazin .print-btn {
position: absolute;
top: auto;
left: auto;
bottom: 0;
right: 0;
padding: 0.2em 0.4em;
color: #fff;
background: #76a9dc;
}
.page-intro.magazin .print-btn.top {
top: 0;
bottom: auto;
}
.page-intro.magazin .date-published {
font-size: small;
text-align: right;
margin-bottom: 2em;
}
.date-published-label {
background: rgba(0, 0, 0, 0.38);
color: #ffffff;
padding: 0.5em 1.5em;
position: absolute;
top: 0;
right: 0;
}
.page-intro.magazin .art-author {
font-size: small;
color: #a37e2b;
text-transform: lowercase;
-o-text-overflow: clip;
text-overflow: clip;
}
.fd-grid-view li.article:focus,
.fd-grid-view li.article:hover,
.fd-grid-view li.article {
outline: none!important;
box-sizing: border-box;
}
.grid-wrapper .fd-grid-view article>div[itemprop="associatedMedia"] {
flex-basis: 120px;
}
.fd-grid-view li.article .thumbnail img.img-responsive {
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all 0s;
transition: all 0s;
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
width: 100%;
}
/* Primary input mechanism cannot hover
at all or cannot conveniently hover
(e.g., many mobile devices emulate hovering
when the user performs an inconvenient long tap),
or there is no primary pointing input mechanism */
@media (hover: none) {
.fd-grid-view li.article .thumbnail img.img-responsive {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.fd-grid-view li.article:hover .thumbnail img.img-responsive,
.fd-grid-view li.article:focus .thumbnail img.img-responsive {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.35s filter linear;
-webkit-transition: 0.35s -webkit-filter linear;
-moz-transition: 0.35s -moz-filter linear;
-ms-transition: 0.35s -ms-filter linear;
-o-transition: 0.35s -o-filter linear;
width: 100%;
}
#grid-view.flex-row {
display: flex;
}
.category .thumbnail.flex-col {
min-height: auto!important;
/*height: 100%;*/
}
.intro .art-author.relative {
position: relative;
top: auto;
bottom: 0;
margin-top: -5px;
margin-bottom: -5px;
}
/**********************************************/
/********* START MAGAZIN ARTIKEL PAGE* ********/
/**********************************************/
.grid-wrapper .category-intro.intro .date-published {
position: relative;
top: 0;
font-size: .75em;
z-index: 400;
}
.labels > span.label {
display: inline-block;
}
.category-intro .date-published a,
.category-intro .date-published a:hover {
color: #336699;
}
.news-footer-block .news {
background: rgba(245, 245, 245, 0.61);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 9px;
padding-right: 9px;
}
.news-footer-block .news.condensed {
padding: 5px;
}
.news-footer-block .news .item .itm-box {
padding-top: 15px;
padding-bottom: 15px;
margin-top: 5px;
margin-bottom: 5px;
background: rgba(249, 249, 249, 0.95);
background: rgba(255, 255, 255, 0.95);
border: 1px solid #f7f7f7;
box-shadow: 0 0 1px rgba(239, 239, 239, 1);
}
.news-footer-block .news .item figure.effect-fd-image {
max-height: 100%;
height: 100%;
}
.news-footer-block .news .item figure.effect-fd-image img {
max-height: 110px;
height: 110px;
}
.news-footer-block .news .item .thumbnail .caption {
padding: 0 15px;
}
.news-footer-block .news .item .itm-box .label-date {
color: #333333;
}
.news-footer-block .news .item .itm-box p {
color: #818181;
font-size: .9em;
}
.news-footer-block .news .item .title,
.news-footer-block .news .item .sub-title {
}
.news-footer-block .news .item header {
background: transparent;
border-bottom: 1px solid transparent;
}
.news-footer-block .news .item .title {
margin-top: 0;
margin-bottom: .2em;
display: block;
font-size: 1.2em;
line-height: 1.2em;
}
.news-footer-block .news .item .title a {
padding: 0 0 0.2em;
color: #336699;
font-size: 15px;
white-space: normal;
word-wrap: break-word;
}
.news-footer-block .news .item .title a.ellipsis {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-footer-block .news .item .sub-title {
text-align: left;
font-size: 13px;
font-weight: 500;
margin-top: 2px;
margin-bottom: 0;
}
.news-footer-block .news .item .sub-title a {
color: #3f3f3f;
}
.news-footer-block .news .item .sub-title a.ellipsis {
display: block;
text-overflow: ellipsis;
}
.news-footer-block .news .item a.more {
color: #336699;
}
/* START TABLE STYLE */
/* !!!used in old articles stored in db!!! */
.tabelle {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #dedede;
background-color: transparent;
}
.tabelle>thead:first-child>tr:first-child>th {
border-top: 0;
border-bottom: 0;
padding: 8px;
line-height: 1em;
vertical-align: bottom;
}
.tabelle>thead>tr {
background: #eee;
}
.tabelle>thead>tr,
.tabelle>tbody>tr,
.tabelle>tfoot>tr {
border-bottom: 1px solid #dedede;
}
.tabelle>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.tabelle>tbody>tr:hover {
background-color: #f5f5f5;
}
.tabelle>tbody>tr>td,
.tabelle>tbody>tr>th,
.tabelle>tfoot>tr>td,
.tabelle>tfoot>tr>th,
.tabelle>thead>tr>td,
.tabelle>thead>tr>th {
border: 1px solid #dedede;
border-top: 0;
border-bottom: 0;
padding: 8px;
line-height: 1em;
vertical-align: bottom;
}
/* END TABLE STYLE */
@media (min-width: 600px) {
.news-footer-block .news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
.news-footer-block .news .item .thumb-a {
height: 80px;
}
}
@media (min-width: 768px) {
.news-footer-block .news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
article .article-products .media-heading{
font-size: 16px;
}
article .article-products .fd-list-content .counter{
position: absolute;
top: 10%;
left : 0;
}
article .article-products .fd-list-content .small{
font-size: .75em;
padding-left: 35px;
overflow: hidden;
display: block;
}
article .article-products ul li .counter {
padding: .5em;
}
article .article-products .fd-list-content .counter {
position: absolute;
top: 0;
left: 0;
}
}
article .grid-wrapper .category-intro.intro {
background: #f9f9f9;
}
.grid-wrapper .category-intro.intro figure.cover {
background-size: cover;
background-position: center;
}
.article-body[itemprop="articleBody"] {
padding: 1em;
white-space: pre-line;
}
.article-body[itemprop="articleBody"] img {
max-width: 100%!important;
height: auto!important;
}
.article-body[itemprop="articleBody"] iframe {
max-width: 100%;
display: block;
clear: both;
}
.article-body[itemprop="articleBody"] * + br,
.article-body[itemprop="articleBody"] h1 + br,
.article-body[itemprop="articleBody"] h2 + br,
.article-body[itemprop="articleBody"] h3 + br,
.article-body[itemprop="articleBody"] img + br,
.article-body[itemprop="articleBody"] span + br,
.article-body[itemprop="articleBody"] div + br,
.article-body[itemprop="articleBody"] p + br,
.article-body[itemprop="articleBody"] br + br,
.article-body[itemprop="articleBody"] br {
display: none;
}
.article-body[itemprop="articleBody"] p {
margin: 0 0 0;
}
.article-warning.no-border {
border: 0;
}
.article-warning .risiko-block .list-group {
margin: 0;
}
.article-warning .risiko-block .list-group > .list-group-item {
padding: .4em 0;
}
.article-warning .risiko-block .list-group > .list-group-item:last-child {
padding: 0 0;
}
@media (min-width: 992px) {
.news-footer-block .news .item .itm-box .desc {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (min-width: 1200px) {
.news-footer-block .news .item .itm-box .desc {
margin-top: 10px;
margin-bottom: 10px;
}
.news-footer-block .news .item .thumb-a {
height: 110px;
}
}
/**********************************************/
/********** END MAGAZIN ARTIKEL PAGE* *********/
/**********************************************/
/******************************************/
/************* START LOGIN FORM ***********/
/* http://fondsdiscount2018.ymuraveva/benutzer/register */
/******************************************/
[id^="benutzer"] .well {
border-radius: 0;
border-color: transparent;
}
[id^="benutzer"] .well .form-top-right .fa {
font-size: 36px;
line-height: 2em;
color: #e8e8e8;
}
[id^="benutzer"] .flex-row > .flex-col.mb-0:first-child {
border-right: 5px solid #e8e8e8;
padding-right: 10px;
}
[id^="benutzer"] .flex-row > .flex-col.mb-0:last-child {
border-left: 5px solid #e8e8e8;
padding-left: 10px;
}
[id^="benutzer"] .flex-row > .flex-col.mb-0 > .well {
background: #e8e8e8;
}
[id^="benutzer"] .input-group-addon {
border-radius: 0;
min-width: 37px;
}
[id^="benutzer"] .input-group-addon i.fa {
color: #686868;
}
#or {
position: absolute;
left: 0;
top: 10px;
background: #e8e8e8;
text-shadow: none;
color: #ffffff;
width: 64px;
height: 64px;
text-align: center;
border-radius: 50%;
font-weight: bold;
font-size: 16px;
right: 0;
margin: auto;
z-index: 1;
vertical-align: middle;
line-height: 45px;
margin-top: 2%;
border: 9px solid #ffffff;
}
@media (max-width: 767px) {
[id^="benutzer"] .flex-row > .flex-col.mb-0:first-child {
border-right: 0;
padding-right: 15px;
}
[id^="benutzer"] .flex-row > .flex-col.mb-0:last-child {
border-left: 0;
padding-left: 15px;
}
#or {
position: relative;
margin: auto;
margin-top: -34px;
margin-bottom: -18px;
border: 9px solid #ffffff;
}
}
/******************************************/
/************** END LOGIN FORM ************/
/******************************************/
.grayscale {
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
}
/******************************************/
/********* START FONDS INDEX PAGE *********/
/******************************************/
.fonds-article-list.media-list .media-body {
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
position: relative;
}
.fonds-article-list.media-list .media-body .media-body-inner {
background: transparent;
}
.fonds-article-list.media-list .media-body label.category-label {
background: transparent;
color: #a37e2b;
border-bottom: 1px solid #eeeeee;
}
.fonds-article-list.media-list .media-body label.category-label {
background: transparent;
color: #a37e2b;
border-bottom: 1px solid #eeeeee;
}
.fonds-article-list.media-list .media-body label.category-label.gray-bg {
background: rgba(235,235,235,.8);
color: #336699;
}
.fonds-article-list.media-list .media-body label.category-label a {
color: #a37e2b;
text-decoration: none;
}
.fonds-article-list.media-list .media-body label.category-label.gray-bg a {
color: #336699;
}
.fonds-article-list.media-list .media-body:hover a > h4,
.fonds-article-list.media-list .media-body label.category-label a:hover > h4 {
text-decoration: none;
}
.fonds-article-list.media-list .media-body .media-heading {
color: #3f3f3f;
font-weight: 500;
border-bottom: none;
padding-top: .6em;
padding-bottom: .1em;
}
.fonds-article-list.media-list.aktuelles .media-body .media-heading {
color: #a37e2b;
}
.fonds-article-list.media-list .media-body p {
color: #3f3f3f;
font-size: .9em;
margin-bottom: .5em;
}
.fonds-article-list.media-list.aktuelles .media-body p {
font-size: 1em;
}
.fonds-article-list.media-list .media-left {
background-repeat: no-repeat;
background-size: cover;
}
.fonds-article-list.media-list .media-left .media-object {
visibility: hidden;
}
/******************************************/
/*********** END FONDS INDEX PAGE *********/
/******************************************/
/*******************************************/
/******** START FONDS PORTRAIT STYLE *******/
/*******************************************/
button.plain-link {
background: transparent;
border: 0;
outline: 0;
padding: 0;
font-weight: 600;
color: #346799;
}
.datalist.plain {
box-shadow: none;
background: rgba(145,186,227,.45);
background: -moz-linear-gradient(left, #f5f5f5 0%, #f9f9f9 96%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(96%,#f9f9f9), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(left, #f5f5f5 0%,#f9f9f9 96%,#f9f9f9 100%);
background: -o-linear-gradient(left, #f5f5f5 0%,#f9f9f9 96%,#f5f5f5 100%);
background: -ms-linear-gradient(left, #f5f5f5 0%,#f9f9f9 96%,#f9f9f9 100%);
background: linear-gradient(left, #f5f5f5 0%,#f9f9f9 96%,#f9f9f9 100%);
padding: 0;
}
.datalist.plain .bank-cards.fd {
box-shadow: none;
/*text-shadow: 0px 2px 3px #336699;*/
text-shadow: none;
color: #3f3f3f;
}
.datalist.plain .bank-cards.fd .price {
margin: auto;
padding: 0;
width: 100%;
}
.datalist.plain .bank-cards .award-box .award-number,
.datalist.plain .bank-cards .award-box .award-pos {
color: #3f3f3f;
}
.datalist.plain .bank-cards .price li {
border-bottom: none;
border-top: none;
}
.datalist.plain .course-number {
font-size: 1.6em;
}
.datalist.plain .course-date {
font-size: .9em;
}
.datalist.plain .course-label {
margin-bottom: .2em;
}
.datalist.plain .bank-cards .price > li {
display: block;
overflow: hidden;
}
.datalist.plain .bank-cards .award-box .award-number {
font-size: 2em;
line-height: 1em;
}
.datalist.plain .bank-cards .price .intro-logo small {
font-size: 2em;
line-height: 1.1em;
}
.datalist.plain .bank-cards .award-box {
padding-bottom: .2em;
}
.datalist.plain .bank-cards .caption {
padding-top: 0;
padding-bottom: .4em;
}
.datalist .bank-cards.box{
padding: .5em;
}
.datalist.chartinfo-block-wrapper {
background: #f9f9f9;
}
.chartinfo-block {
border: 5px solid #f9f9f9;
border-bottom: none;
}
.chartinfo-block:last-child {
border-bottom: 5px solid #f9f9f9;
}
.chartinfo-block:last-child {
margin-bottom: 0;
}
.chartinfo-block .col-1 {
padding: 0;
padding-right: 2px;
}
.chartinfo-block .col-2 {
padding: 0;
padding-left: 2px;
}
.chartinfo-block .award-title {
text-align: center;
font-size: .9em;
display: block;
}
.chartinfo-block .award-place {
white-space: nowrap;
text-align: center;
display: block;
}
.chartinfo-block .award-place > strong {
font-size: 1.4em;
}
.chartinfo-block-content {
border: 1px solid #fff;
}
.chartinfo-block-content:first-child {
border-left: 0;
}
.chartinfo-block-content:last-child {
border-right: 0;
}
.portrait-action .btn-xs {
line-height: 2em;
padding-left: .5em;
padding-right: .5em;
}
.datalist #kurs span,
.datalist #differenz span,
.datalist #hoch span,
.datalist #tief span{
display: block;
}
.datalist #kurs,
.datalist #differenz,
.datalist #hoch,
.datalist #tief,
.datalist #ratings{
border-bottom: 1px solid #FFFFFF;
padding: .5em;
}
.datalist #kurs,
.datalist #differenz,
.datalist #tief,
.datalist #hoch{
text-align: center;
}
.datalist .course-number{
font-size: 2em;
font-weight: bold;
color: #336699;
}
.datalist .course-number small{
font-size: .5em;
}
.course-number.green{
color: #48a33f;
}
.course-number.red{
color: #dd4b39;
}
.datalist .course-date{
font-style: italic;
color: #656565;
}
.datalist .award-box{
background: url('../images/award-symbol.svg') no-repeat 50% 50%;
background-position: center;
background-size: contain;
padding: 1em;
}
.datalist .award-box .award-number
{
font-style: italic;
font-size: 2em;
color: #a37e2b;
}
.datalist .award-box .award-pos{
color: #a37e2b;
}
.datalist h4 {
text-align: center;
}
.datalist .award-box span{
font-weight: bold;
}
.risk-list,
.status-list,
.rating-list{
padding: 1em 0;
overflow: hidden;
margin: 0;
}
.risk-list dt,
.risk-list dd,
.rating-list dt,
.rating-list dd{
min-height: 55px;
font-size: .8em;
padding: 1em 0;
}
.risk-list i,
.rating-list i{
color: #ececec;
padding: 2px;
}
dd.risk-class-srri .fa-circle:nth-child(1){
color: #66cc00;
}
dd.risk-class-srri .fa-circle:nth-child(2),
dd.risk-class-fww .fa-circle:nth-child(1),
dd.rating-class-fundstars .fa-circle:nth-child(1)
{
color: #99cc00;
}
dd.risk-class-srri .fa-circle:nth-child(3),
dd.risk-class-fww .fa-circle:nth-child(2),
dd.rating-class-fundstars .fa-circle:nth-child(2){
color: #cccc00;
}
dd.risk-class-srri .fa-circle:nth-child(4),
dd.risk-class-fww .fa-circle:nth-child(3),
dd.rating-class-fundstars .fa-circle:nth-child(3){
color: #cc9900;
}
dd.risk-class-srri .fa-circle:nth-child(5),
dd.risk-class-fww .fa-circle:nth-child(4),
dd.rating-class-fundstars .fa-circle:nth-child(4){
color: #cc6600;
}
dd.risk-class-srri .fa-circle:nth-child(6),
dd.risk-class-fww .fa-circle:nth-child(5),
dd.rating-class-fundstars .fa-circle:nth-child(5){
color: #cc3300;
}
dd.risk-class-srri .fa-circle:nth-child(7){
color: #cc0000;
}
.placement-state {
position: absolute;
top: 0;
left: 0;
}
.placement-state {
display: block;
padding: 0.4em 1em;
text-align: center;
}
.blue-bg-grad .dropdown.fv-cmenu > .dropdown-menu {
right: 0;
left: auto;
}
.blue-bg-grad .dropdown.fv-cmenu > .btn.dropdown-toggle {
text-align: center;
display: table;
width: auto;
margin: auto;
padding: 1em 0 0;
margin-bottom: 1em;
font-size: 1.2em;
color: #f5f5f5;
text-shadow: 0px 2px 3px #336699;
transition: text-shadow .3s;
}
.blue-bg-grad .dropdown.fv-cmenu > .btn.dropdown-toggle>span {
transition: text-shadow .3s;
}
.blue-bg-grad .dropdown.fv-cmenu > .btn.dropdown-toggle:hover>span,
.blue-bg-grad .dropdown.fv-cmenu > .btn.dropdown-toggle:focus>span,
.blue-bg-grad .dropdown.fv-cmenu > .btn.dropdown-toggle:active>span {
color: #f5f5f5;
text-shadow: 0px 2px 3px #407ebd;
transition: text-shadow .3s;
}
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle .fa-list-plus {
fill: #f5f5f5;
}
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle .fa-list-plus .a{
stroke: #f5f5f5;
}
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:hover .fa-list-plus,
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:focus .fa-list-plus,
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:active .fa-list-plus {
fill: #f5f5f5;
}
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:hover .fa-list-plus .a,
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:focus .fa-list-plus .a,
.blue-bg-grad .dropdown.fv-cmenu .btn.dropdown-toggle:active .fa-list-plus .a{
stroke: #f5f5f5;
}
/** START CHARTS **/
.chart-box {
height: 400px;
margin-bottom: 2em;
}
.chart-box.pie-chart {
height: 400px;
}
.chart-box svg g>text {
font-style: normal;
}
.graph-title,
.chart-box svg>g:first-of-type text {
cursor: default;
user-select: none;
-webkit-font-smoothing: antialiased;
font-size: 12px;
font-weight: 600;
}
.chart-box:before {
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
width: 36px;
height: 36px;
font-size: 36px;
line-height: 36px;
content: "\f1ce";
font-family: fontAwesome;
color: #336699;
position: absolute;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.chart-box .overlay-text {
width: 200px;
height: 200px;
position: absolute;
top: 25%; /* chartArea top */
left: 25%; /* chartArea left */
}
.nav-tabs.nav-justified>li {
vertical-align: middle;
}
.nav-tabs.nav-justified>.active,
.nav-tabs.nav-justified>.active:focus,
.nav-tabs.nav-justified>.active:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
background: #76a9dc;
color: #FFFFFF;
}
.getChartCross_sell {
max-height: 300px;
height: 240px;
overflow:hidden;
}
/** END CHARTS **/
/** START FLEX TABLE **/
table.table.table-splited.gray-scale.thead-vertical thead>tr>th:first-child {
background: #3f3f3f;
background: #336699;
color: #FFFFFF;
background: #dddddd;
color: #3f3f3f;
}
table.table.table-splited.gray-scale.no-sorting thead>tr>th {
padding-right: 10px;
}
table.thead-vertical tr.visible-xs th:first-child,
table.thead-vertical tr.visible-xs td:first-child {
background: rgb(118, 169, 220);
background: #f5f5f5;
color: #3f3f3f;
font-style: italic;
font-weight: 600;
}
table.thead-vertical > tbody > tr > td,
table.thead-vertical > tbody > tr > th,
table.thead-vertical > tfoot > tr > td,
table.thead-vertical > tfoot > tr > th,
table.thead-vertical > thead > tr > td,
table.thead-vertical > thead > tr > th {
vertical-align: middle;
}
.table-striped>tbody>tr.odd {
background-color: #f9f9f9;
}
.table-striped>tbody>tr.even {
background-color: #ffffff;
}
@media (max-width: 767px) {
table.table-condensed.thead-vertical thead tr th img {
max-width: 60px;
padding: 0;
}
table.condensed.thead-vertical thead tr th {
font-size: .9em;
}
table.condensed.thead-vertical tbody tr td {
font-size: .9em;
}
table.condensed.thead-vertical > tbody > tr > td,
table.condensed.thead-vertical > tbody > tr > th,
table.condensed.thead-vertical > tfoot > tr > td,
table.condensed.thead-vertical > tfoot > tr > th,
table.condensed.thead-vertical > thead > tr > td,
table.condensed.thead-vertical > thead > tr > th {
/*padding: 4px 2px;*/
text-align: center;
}
table.condensed.thead-vertical > tbody > tr > td .btn {
}
.table-responsive.noborder {
border-color: transparent;
}
}
.table-responsive td.noborder,
.table-responsive th.noborder {
border-color: transparent!important;
}
/** END FLEX TABLE **/
/*******************************************/
/******** END FONDS PORTRAIT STYLE *******/
/*******************************************/
/******************************************/
/********** Start EVENTS archive **********/
/******************************************/
#top-nav {
/* z-index: 1;!!!!!!!*/
}
.panel-group.eventlist {
margin: 0;
}
.panel-group.eventlist .panel {
border-radius: 0;
}
.panel-group.eventlist .panel:nth-child(2n) {
background: #f5f5f5;
}
.panel-group.eventlist .panel-title {
border-top:2px solid #f5f5f5;/*#ececec*/
border-bottom: 2px solid #f5f5f5;/*#ececec*/
}
.panel-group.eventlist .panel:last-child {
/*border-bottom: 2px solid #ececec;*/
border-bottom:none;
}
.panel-group.eventlist .panel-heading+.panel-collapse>.list-group,
.panel-group.eventlist .panel-heading+.panel-collapse>.panel-body {
border-top-color: #f5f5f5;/*#ececec*/
background: #f9f9f9;
}
.termine-historie .view-cms-events.row {
margin-left: -10px;
margin-right: -10px;
}
.termine-historie .sb-menu {
padding-left: 0;
}
.termine-historie aside[role='complementary'] {
/*background: #3f3f3f;*/
background: #f5f5f5;
color: #fff;
color: #696969;
padding-left: 11px;
padding-right: 11px;
}
.termine-historie aside[role='complementary'] {
text-transform: uppercase;
}
.termine-historie aside[role='complementary'] .panel-heading {
border-top: 1px solid #f9f9f9;
}
.termine-historie aside[role='complementary'] .panel-heading:hover {
background: #f1f1f1;
}
.termine-historie .badge {
display: inline-block;
min-width: 10px;
padding: 1px 5px;
font-size: 10px;
font-weight: 500;
line-height: 11px;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 3px;
margin-top: 3px;
}
.double-arrow-bullet {
list-style: none;
color: #ececec;
padding-left: 0;
}
.double-arrow-bullet > li {
position: relative;
padding-left: 15px;
padding-right: 15px;
border-bottom: 1px solid #fff;
}
.double-arrow-bullet > li:first-child{
border-top: 1px solid #fff;
}
.double-arrow-bullet > li:hover {
background: #5a5a5a;
background: #f9f9f9;
}
.double-arrow-bullet li:before {
position: relative;
content: '\f101';
font-family: 'fontAwesome';
color: #76a9dc;
color: #337ab7;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 15px;
vertical-align: middle;
display: table;
}
.double-arrow-bullet > li > a {
color: #ececec;
color: #337ab7;
position: relative;
display: block;
padding: 5px 0px 5px 20px;
}
.date-display-range .date-display-start {
color: #bebebe;
float: left;
text-align: center;
}
.date-display-range .date-display-start .date {
font-size: 2.0em;
line-height: .8em;
font-weight: 800;
display: block;
margin-bottom: 4px;
}
.date-display-range .date-display-start .month {
font-size: 1.0em;
line-height: .8em;
font-weight: 600;
text-transform: uppercase;
display: block;
}
.date-display-range .date-display-end {
color: #bebebe;
float: left;
text-align: right;
}
.date-display-range .date-display-end .date {
font-size: 1.2em;
line-height: .9em;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-bottom: 4px;
}
.date-display-range .date-display-end .month {
font-size: 1em;
line-height: .8em;
font-weight: 600;
text-transform: uppercase;
display: block;
}
.event-title {
text-transform: uppercase;
font-weight: 600;
font-size: 1.0em;
}
.time-display,
.location-display,
.time-display i,
.location-display i {
color: #393939;
font-weight: 600;
opacity: 0.8
}
aside .item-list {
padding-bottom: 5px;
}
aside .panel-title>a:focus,
aside .panel-title>a:active,
aside .panel-title>a:hover,
aside .panel-title>a[aria-expanded="true"] {
color: #76a9dc;
color: #337ab7;
}
.region.region-content {
border-bottom: 1px solid #ececec;
}
.panel-group.eventlist .panel-body h1 {
font-size: 1.8em;
font-weight: 600;
}
.panel-group.eventlist .panel-body h2 {
font-size: 1.6em;
font-weight: 600;
}
.panel-group.eventlist .panel-body h3 {
font-size: 1.2em;
font-weight: 500;
}
@media (max-width: 767px) {
.termine-historie aside[role='complementary'] .panel-heading {
border-top: 0;
}
.termine-historie aside[role='complementary'] .panel-heading:hover {
background: transparent;
}
}
/******************************************/
/*********** END EVENTS archive ***********/
/******************************************/
/******************************************/
/********* START AGB PAGE STYLE ***********/
/******************************************/
.agb-wrapper .agb-label {
margin: 0;
}
/******************************************/
/********** END AGB PAGE STYLE ************/
/******************************************/
/******************************************/
/********* START AGB PAGE STYLE ***********/
/******************************************/
/* http://fondsdiscount2018.ymuraveva/unternehmen/team/ */
.equalh-blocks {
}
.equalh-blocks .flex-col > h3 {
flex-base:53px;
flex-shrink:1;
}
.equalh-blocks .flex-col > p {
flex-grow:1;
flex-shrink:0;
}
.equalh-blocks .flex-col .flex-none {
flex: none;
}
.equalh-blocks .box.col-1 {
border-left: 0;
border-right-width: .5px;
}
.equalh-blocks .box.col-2 {
border-right: 0;
border-left-width: .5px;
}
.equalh-blocks .box.col-noborder {
border-left: 0;
border-right: 0;
}
.equalh-blocks .box .box-content {
min-height: auto;
}
.equalh-blocks .box .box-content p:last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.equalh-blocks .box.col-1 {
border-right: 0;
}
.equalh-blocks .box.col-2 {
border-left: 0;
}
}
/******************************************/
/********** END AGB PAGE STYLE ************/
/******************************************/
[class^="ribbon-"] {
position: absolute;
}
[class^="ribbon-"]:before, [class^="ribbon-"]:after {
content: "";
position: absolute;
}
.ribbon-1:before {
height: 0;
width: 0;
border-bottom: 6px solid #509d50;
border-right: 6px solid transparent;
right: -6px;
}
.ribbon-1:after {
height: 0;
width: 0;
border-left: 20px solid #5cb85c;
border-right: 20px solid #5cb85c;
border-bottom: 20px solid transparent;
bottom: -20px;
left: 0;
}
.ribbon-1 {
width: 40px;
height: 55px;
background: #5cb85c;
top: -6px;
left: 10px;
color: #fff;
vertical-align: middle;
font-size: 1.1em;
text-align: center;
line-height: 65px;
z-index: 1;
opacity: 1;
}
.rbn-indent {
padding-left: 42px;
box-sizing: border-box;
display: block;
}
@media print {
.rbn-indent {
padding-left: 0;
}
}
/** **/
/******************************************/
/********* START AGB PAGE STYLE ***********/
/* /service/web-konferenz.php */
/******************************************/
.blue-caption-label {
background: rgba(44, 125, 206, .9);
color: #ffff;
padding: 10px;
position: absolute;
bottom: 38px;
max-width: 80%;
right: 14px;
}
@media (max-width: 767px) {
.blue-caption-label {
background: rgba(44, 125, 206, .85);
color: #ffff;
padding: 14px;
max-width: 100%;
width: auto;
position: absolute;
top: 14px;
bottom: 14px;
left: 14px;
right: 14px;
}
}
.list-group.list-box {
padding-right: 0;
margin-bottom: 0;
}
.list-group.list-box .list-group-item {
margin-bottom: 1em;
}
.list-group.list-box .list-group-item:hover {
background: #fbfbfb;
}
.list-group.list-box .list-group-item:last-child {
margin-bottom: .1em;
}
.list-group.list-box .list-group-item.flex-row {
display: flex;
}
.list-group.list-box .img-thumbnail{
padding: 0;
margin: auto;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-height: 180px;
}
.list-group.list-box .list-group-item-heading {
padding: .5em 0;
border-bottom: 1px solid #f5f5f5;
}
.list-group.list-box .list-group-item-heading > span:first-child {
font-weight: 600;
}
.list-group.list-box .list-group-item-text {
padding: .5em 0;
color: #a37e2b;
}
.list-group.list-box .list-group-item ul {
padding-left: 20px;
list-style: disc;
}
.img-thumbnail.full-size {
width: 100%;
}
/******************************************/
/********** END AGB PAGE STYLE ************/
/******************************************/
/*****************************************************/
/********* START WL-confirm-dialogue STYLE ***********/
/*****************************************************/
.modal.confirm-dialogue,
.modal.confirm-dialogue .modal-content,
.modal.confirm-dialogue .modal-header,
.modal.confirm-dialogue .modal-footer {
border-radius: 0;
}
.modal.confirm-dialogue .modal-body {
padding: 1em 1em 1em 1em;
}
/*****************************************************/
/********** END WL-confirm-dialogue STYLE ************/
/*****************************************************/
.rating-list .rating-class-euro-fund-award {
clear: both;
overflow: hidden;
text-align: center;
}
.rating-list .rating-class-euro-fund-award > p {
display: inline-block;
padding-left: 10px;
text-align: center;
}
.rating-list .rating-class-euro-fund-award > p > img {
display: block;
margin: auto;
}
@media (max-width: 921px) {
.rating-list .rating-class-euro-fund-award > p {
padding-left: 5px;
}
}
@media (max-width: 480px) {
.rating-list .rating-class-euro-fund-award > p {
display: inline-block;
padding-left: 10px;
text-align: center;
}
}