.moreskinheight {
margin-top: 170px !important;
}
.qc-cmp-button {
background-color: #05406A !important;
border-color: #05406A !important;
}
.qc-cmp-horizontal-buttons .qc-cmp-button {
text-transform: capitalize !important;
}
.qc-cmp-button .qc-cmp-save-and-exit {
text-transform: capitalize !important;
}
.qc-cmp-save-and-exit {
text-transform: capitalize !important;
}
.qc-cmp-back {
text-transform: capitalize !important;
}
.qc-cmp-table-header {
text-transform: capitalize !important;
}
h5.qc-cmp-vendor-list-title {
text-transform: capitalize;
}
.qc-cmp-button:hover {
background-color: transparent !important;
border-color: #05406A !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
color: #05406A !important;
}
.qc-cmp-button {
color: #ADADAD !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
color: #05406A !important;
}
.qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {
color:#ffffff !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
border-color: #05406A !important;
text-transform: capitalize !important;
background-color: transparent !important;
}
.qc-cmp-disable-button {
text-transform: capitalize !important;
}
.qc-cmp-button.qc-cmp-secondary-button:hover {
background-color: #05406A !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title {
color: #05406A !important;
}
.qc-cmp-ui {
background-color: #fff !important;
}
.qc-cmp-back:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23015' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E") 50% no-repeat !important;
}
.qc-cmp-toggle-status {
color: #015 !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header {
background-color: #fafafa !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-row {
background-color: #fff !important;
}
.qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-toggle.qc-cmp-toggle-on {
background-color: #ADADAD !important;
border-color: #ADADAD !important;
}
.qc-cmp-alt-action{text-transform:uppercase;}.page-content{-ms-flex-flow:row nowrap;flex-flow:row nowrap;min-height:calc(60vh - 120px);min-width:0;padding:25px 0;position:relative;width:100%}.centered-content,.page-content{display:-ms-flexbox;display:flex;margin:0 auto}.centered-content{-ms-flex-flow:column;flex-flow:column;-ms-flex-line-pack:center;align-content:center;max-width:800px;min-width:276px;width:80vw}.content-title{font-size:24px;font-weight:700;width:100%}.consent-header{color:#000;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.change-consent{color:#6844cd;cursor:pointer;font-size:16px;font-weight:100;line-height:27px;text-decoration:underline;transition:all .2s ease-in-out}.change-consent:before{content:"\f013";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;margin-right:10px;text-rendering:auto;-webkit-font-smoothing:antialiased}.change-consent:hover{opacity:.6}.consent-lists{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.consent-list-container{-ms-flex:1 1 40%;flex:1 1 40%;margin:0 25px}.consent-list{border-collapse:collapse;font-family:neuzeit-grotesk,Arial,Verdana,sans-serif;text-align:left;width:100%;margin-bottom:25px}.consent-list-title{font-size:14px;letter-spacing:2px;margin:0;text-transform:uppercase}.consent-row{height:45px;background-color:#fafafa;border:1px solid #e8e9ea}.no-consent{opacity:.5}.no-consent:before{content:"\f057";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;margin-right:15px;text-rendering:auto;-webkit-font-smoothing:antialiased}.has-consent{color:#00b47d}.has-consent:before{content:"\f058";display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;font-weight:900;margin-right:15px;text-rendering:auto;-webkit-font-smoothing:antialiased}.learn-more{width:100%}.content-subtitle{font-size:18px;font-weight:700}.consent-list-container .consent-cell,.qc-cmp-ui-container .qc-cmp-company-cell,.qc-cmp-ui-container .qc-cmp-enabled-cell,.qc-cmp-ui-container .qc-cmp-table-header,.qc-cmp-ui-container .qc-cmp-table-row,.qc-cmp-ui-container .qc-cmp-vendor-column-header{padding:0 15px}.qc-cmp-ui-container .qc-cmp-title{padding:0}.qc-cmp-ui-container .qc-cmp-table{margin:0}.qc-cmp-ui-container .qc-cmp-toggle{background-color:#a6a9ae;border:1px solid #a6a9ae;border-radius:27px;cursor:pointer;display:block;height:23px;margin:0 0 0 auto;position:relative;width:44px}.qc-cmp-ui-container .qc-cmp-toggle.qc-cmp-toggle-on{background-color:#368bd6;border-color:#368bd6}.qc-cmp-ui-container .qc-cmp-toggle.qc-cmp-toggle-on .qc-cmp-toggle-switch{right:0}.qc-cmp-ui-container .qc-cmp-toggle-switch{position:absolute;display:inline-block;top:0;right:21px;width:23px;height:23px;background-color:#fff;border-radius:50%;transition:all .1s ease-in-out 0ms}.qc-cmp-ui-container .qc-cmp-vendor-info-content{padding:0 15px 15px;font-size:12px;line-height:16px}.qc-cmp-ui-container .qc-cmp-vendor-row{border-bottom:none}.qc-cmp-ui-container .qc-cmp-purpose-toggle-cell{text-align:right;padding-right:15px}.qc-cmp-toggle{box-sizing:content-box}
.cat-96-color{color:#f9bf4c !important;background-color:#FFF !important;border-color:#f9bf4c !important;}.cat-96-bg{background-color:#f9bf4c !important;border-color:#f9bf4c !important;}.mnu-cat-96-color:hover, .mnu-cat-96-color.active {background-color:#f9bf4c; }.mnu-cat-96-color:hover a, .mnu-cat-96-color.active a {color:#fff !important; }.mm-cat-96 .blueArrowRightSvg svg polyline {stroke:#f9bf4c;}.cat-17-color{color:#005ea5 !important;background-color:#FFF !important;border-color:#005ea5 !important;}.cat-17-bg{background-color:#005ea5 !important;border-color:#005ea5 !important;}.mnu-cat-17-color:hover, .mnu-cat-17-color.active {background-color:#005ea5; }.mnu-cat-17-color:hover a, .mnu-cat-17-color.active a {color:#fff !important; }.mm-cat-17 .blueArrowRightSvg svg polyline {stroke:#005ea5;}.cat-25-color{color:#8e8e8e !important;background-color:#FFF !important;border-color:#8e8e8e !important;}.cat-25-bg{background-color:#8e8e8e !important;border-color:#8e8e8e !important;}.mnu-cat-25-color:hover, .mnu-cat-25-color.active {background-color:#8e8e8e; }.mnu-cat-25-color:hover a, .mnu-cat-25-color.active a {color:#fff !important; }.mm-cat-25 .blueArrowRightSvg svg polyline {stroke:#8e8e8e;}.cat-310754-color{color:#01BDED !important;background-color:#FFF !important;border-color:#01BDED !important;}.cat-310754-bg{background-color:#01BDED !important;border-color:#01BDED !important;}.mnu-cat-310754-color:hover, .mnu-cat-310754-color.active {background-color:#01BDED; }.mnu-cat-310754-color:hover a, .mnu-cat-310754-color.active a {color:#fff !important; }.mm-cat-310754 .blueArrowRightSvg svg polyline {stroke:#01BDED;}.cat-14-color{color:#c4326f !important;background-color:#FFF !important;border-color:#c4326f !important;}.cat-14-bg{background-color:#c4326f !important;border-color:#c4326f !important;}.mnu-cat-14-color:hover, .mnu-cat-14-color.active {background-color:#c4326f; }.mnu-cat-14-color:hover a, .mnu-cat-14-color.active a {color:#fff !important; }.mm-cat-14 .blueArrowRightSvg svg polyline {stroke:#c4326f;}.cat-11-color{color:#8e8e8e !important;background-color:#FFF !important;border-color:#8e8e8e !important;}.cat-11-bg{background-color:#8e8e8e !important;border-color:#8e8e8e !important;}.mnu-cat-11-color:hover, .mnu-cat-11-color.active {background-color:#8e8e8e; }.mnu-cat-11-color:hover a, .mnu-cat-11-color.active a {color:#fff !important; }.mm-cat-11 .blueArrowRightSvg svg polyline {stroke:#8e8e8e;}.cat-316548-color{color:#009FDE !important;background-color:#FFF !important;border-color:#009FDE !important;}.cat-316548-bg{background-color:#009FDE !important;border-color:#009FDE !important;}.mnu-cat-316548-color:hover, .mnu-cat-316548-color.active {background-color:#009FDE; }.mnu-cat-316548-color:hover a, .mnu-cat-316548-color.active a {color:#fff !important; }.mm-cat-316548 .blueArrowRightSvg svg polyline {stroke:#009FDE;}.cat-1-color{color:#333333 !important;background-color:#FFF !important;border-color:#333333 !important;}.cat-1-bg{background-color:#333333 !important;border-color:#333333 !important;}.mnu-cat-1-color:hover, .mnu-cat-1-color.active {background-color:#333333; }.mnu-cat-1-color:hover a, .mnu-cat-1-color.active a {color:#fff !important; }.mm-cat-1 .blueArrowRightSvg svg polyline {stroke:#333333;}.cat-140-color{color:#8e8e8e !important;background-color:#FFF !important;border-color:#8e8e8e !important;}.cat-140-bg{background-color:#8e8e8e !important;border-color:#8e8e8e !important;}.mnu-cat-140-color:hover, .mnu-cat-140-color.active {background-color:#8e8e8e; }.mnu-cat-140-color:hover a, .mnu-cat-140-color.active a {color:#fff !important; }.mm-cat-140 .blueArrowRightSvg svg polyline {stroke:#8e8e8e;}.cat-34-color{color:#004f95 !important;background-color:#FFF !important;border-color:#004f95 !important;}.cat-34-bg{background-color:#004f95 !important;border-color:#004f95 !important;}.mnu-cat-34-color:hover, .mnu-cat-34-color.active {background-color:#004f95; }.mnu-cat-34-color:hover a, .mnu-cat-34-color.active a {color:#fff !important; }.mm-cat-34 .blueArrowRightSvg svg polyline {stroke:#004f95;}.cat-4-color{color:#00bdec !important;background-color:#FFF !important;border-color:#00bdec !important;}.cat-4-bg{background-color:#00bdec !important;border-color:#00bdec !important;}.mnu-cat-4-color:hover, .mnu-cat-4-color.active {background-color:#00bdec; }.mnu-cat-4-color:hover a, .mnu-cat-4-color.active a {color:#fff !important; }.mm-cat-4 .blueArrowRightSvg svg polyline {stroke:#00bdec;}.cat-311413-color{color:#d63333 !important;background-color:#FFF !important;border-color:#d63333 !important;}.cat-311413-bg{background-color:#d63333 !important;border-color:#d63333 !important;}.mnu-cat-311413-color:hover, .mnu-cat-311413-color.active {background-color:#d63333; }.mnu-cat-311413-color:hover a, .mnu-cat-311413-color.active a {color:#fff !important; }.mm-cat-311413 .blueArrowRightSvg svg polyline {stroke:#d63333;}.cat-19-color{color:#fc878d !important;background-color:#FFF !important;border-color:#fc878d !important;}.cat-19-bg{background-color:#fc878d !important;border-color:#fc878d !important;}.mnu-cat-19-color:hover, .mnu-cat-19-color.active {background-color:#fc878d; }.mnu-cat-19-color:hover a, .mnu-cat-19-color.active a {color:#fff !important; }.mm-cat-19 .blueArrowRightSvg svg polyline {stroke:#fc878d;}.cat-29-color{color:#000000 !important;background-color:#FFF !important;border-color:#000000 !important;}.cat-29-bg{background-color:#000000 !important;border-color:#000000 !important;}.mnu-cat-29-color:hover, .mnu-cat-29-color.active {background-color:#000000; }.mnu-cat-29-color:hover a, .mnu-cat-29-color.active a {color:#fff !important; }.mm-cat-29 .blueArrowRightSvg svg polyline {stroke:#000000;}.cat-12-color{color:#ff9500 !important;background-color:#FFF !important;border-color:#ff9500 !important;}.cat-12-bg{background-color:#ff9500 !important;border-color:#ff9500 !important;}.mnu-cat-12-color:hover, .mnu-cat-12-color.active {background-color:#ff9500; }.mnu-cat-12-color:hover a, .mnu-cat-12-color.active a {color:#fff !important; }.mm-cat-12 .blueArrowRightSvg svg polyline {stroke:#ff9500;}.cat-2-color{color:#004f95 !important;background-color:#FFF !important;border-color:#004f95 !important;}.cat-2-bg{background-color:#004f95 !important;border-color:#004f95 !important;}.mnu-cat-2-color:hover, .mnu-cat-2-color.active {background-color:#004f95; }.mnu-cat-2-color:hover a, .mnu-cat-2-color.active a {color:#fff !important; }.mm-cat-2 .blueArrowRightSvg svg polyline {stroke:#004f95;}.cat-38-color{color:#005ea5 !important;background-color:#FFF !important;border-color:#005ea5 !important;}.cat-38-bg{background-color:#005ea5 !important;border-color:#005ea5 !important;}.mnu-cat-38-color:hover, .mnu-cat-38-color.active {background-color:#005ea5; }.mnu-cat-38-color:hover a, .mnu-cat-38-color.active a {color:#fff !important; }.mm-cat-38 .blueArrowRightSvg svg polyline {stroke:#005ea5;}.cat-28-color{color:#004372 !important;background-color:#FFF !important;border-color:#004372 !important;}.cat-28-bg{background-color:#004372 !important;border-color:#004372 !important;}.mnu-cat-28-color:hover, .mnu-cat-28-color.active {background-color:#004372; }.mnu-cat-28-color:hover a, .mnu-cat-28-color.active a {color:#fff !important; }.mm-cat-28 .blueArrowRightSvg svg polyline {stroke:#004372;}.cat-9-color{color:#aa4028 !important;background-color:#FFF !important;border-color:#aa4028 !important;}.cat-9-bg{background-color:#aa4028 !important;border-color:#aa4028 !important;}.mnu-cat-9-color:hover, .mnu-cat-9-color.active {background-color:#aa4028; }.mnu-cat-9-color:hover a, .mnu-cat-9-color.active a {color:#fff !important; }.mm-cat-9 .blueArrowRightSvg svg polyline {stroke:#aa4028;}.cat-3-color{color:#ad854d !important;background-color:#FFF !important;border-color:#ad854d !important;}.cat-3-bg{background-color:#ad854d !important;border-color:#ad854d !important;}.mnu-cat-3-color:hover, .mnu-cat-3-color.active {background-color:#ad854d; }.mnu-cat-3-color:hover a, .mnu-cat-3-color.active a {color:#fff !important; }.mm-cat-3 .blueArrowRightSvg svg polyline {stroke:#ad854d;}.cat-70-color{color:#000000 !important;background-color:#FFF !important;border-color:#000000 !important;}.cat-70-bg{background-color:#000000 !important;border-color:#000000 !important;}.mnu-cat-70-color:hover, .mnu-cat-70-color.active {background-color:#000000; }.mnu-cat-70-color:hover a, .mnu-cat-70-color.active a {color:#fff !important; }.mm-cat-70 .blueArrowRightSvg svg polyline {stroke:#000000;}.cat-53-color{color:#cc0000 !important;background-color:#FFF !important;border-color:#cc0000 !important;}.cat-53-bg{background-color:#cc0000 !important;border-color:#cc0000 !important;}.mnu-cat-53-color:hover, .mnu-cat-53-color.active {background-color:#cc0000; }.mnu-cat-53-color:hover a, .mnu-cat-53-color.active a {color:#fff !important; }.mm-cat-53 .blueArrowRightSvg svg polyline {stroke:#cc0000;}.cat-23-color{color:#f95807 !important;background-color:#FFF !important;border-color:#f95807 !important;}.cat-23-bg{background-color:#f95807 !important;border-color:#f95807 !important;}.mnu-cat-23-color:hover, .mnu-cat-23-color.active {background-color:#f95807; }.mnu-cat-23-color:hover a, .mnu-cat-23-color.active a {color:#fff !important; }.mm-cat-23 .blueArrowRightSvg svg polyline {stroke:#f95807;}.cat-8-color{color:#358a93 !important;background-color:#FFF !important;border-color:#358a93 !important;}.cat-8-bg{background-color:#358a93 !important;border-color:#358a93 !important;}.mnu-cat-8-color:hover, .mnu-cat-8-color.active {background-color:#358a93; }.mnu-cat-8-color:hover a, .mnu-cat-8-color.active a {color:#fff !important; }.mm-cat-8 .blueArrowRightSvg svg polyline {stroke:#358a93;}.cat-10-color{color:#76b500 !important;background-color:#FFF !important;border-color:#76b500 !important;}.cat-10-bg{background-color:#76b500 !important;border-color:#76b500 !important;}.mnu-cat-10-color:hover, .mnu-cat-10-color.active {background-color:#76b500; }.mnu-cat-10-color:hover a, .mnu-cat-10-color.active a {color:#fff !important; }.mm-cat-10 .blueArrowRightSvg svg polyline {stroke:#76b500;}.cat-7-color{color:#8e8e8e !important;background-color:#FFF !important;border-color:#8e8e8e !important;}.cat-7-bg{background-color:#8e8e8e !important;border-color:#8e8e8e !important;}.mnu-cat-7-color:hover, .mnu-cat-7-color.active {background-color:#8e8e8e; }.mnu-cat-7-color:hover a, .mnu-cat-7-color.active a {color:#fff !important; }.mm-cat-7 .blueArrowRightSvg svg polyline {stroke:#8e8e8e;}.cat-61-color{color:#deadc2 !important;background-color:#FFF !important;border-color:#deadc2 !important;}.cat-61-bg{background-color:#deadc2 !important;border-color:#deadc2 !important;}.mnu-cat-61-color:hover, .mnu-cat-61-color.active {background-color:#deadc2; }.mnu-cat-61-color:hover a, .mnu-cat-61-color.active a {color:#fff !important; }.mm-cat-61 .blueArrowRightSvg svg polyline {stroke:#deadc2;}.cat-36-color{color:#f9bf4c !important;background-color:#FFF !important;border-color:#f9bf4c !important;}.cat-36-bg{background-color:#f9bf4c !important;border-color:#f9bf4c !important;}.mnu-cat-36-color:hover, .mnu-cat-36-color.active {background-color:#f9bf4c; }.mnu-cat-36-color:hover a, .mnu-cat-36-color.active a {color:#fff !important; }.mm-cat-36 .blueArrowRightSvg svg polyline {stroke:#f9bf4c;}.cat-63-color{color:#a827a8 !important;background-color:#FFF !important;border-color:#a827a8 !important;}.cat-63-bg{background-color:#a827a8 !important;border-color:#a827a8 !important;}.mnu-cat-63-color:hover, .mnu-cat-63-color.active {background-color:#a827a8; }.mnu-cat-63-color:hover a, .mnu-cat-63-color.active a {color:#fff !important; }.mm-cat-63 .blueArrowRightSvg svg polyline {stroke:#a827a8;}.cat-24-color{color:#f9bf4c !important;background-color:#FFF !important;border-color:#f9bf4c !important;}.cat-24-bg{background-color:#f9bf4c !important;border-color:#f9bf4c !important;}.mnu-cat-24-color:hover, .mnu-cat-24-color.active {background-color:#f9bf4c; }.mnu-cat-24-color:hover a, .mnu-cat-24-color.active a {color:#fff !important; }.mm-cat-24 .blueArrowRightSvg svg polyline {stroke:#f9bf4c;}.cat-18-color{color:#70D6CA !important;background-color:#FFF !important;border-color:#70D6CA !important;}.cat-18-bg{background-color:#70D6CA !important;border-color:#70D6CA !important;}.mnu-cat-18-color:hover, .mnu-cat-18-color.active {background-color:#70D6CA; }.mnu-cat-18-color:hover a, .mnu-cat-18-color.active a {color:#fff !important; }.mm-cat-18 .blueArrowRightSvg svg polyline {stroke:#70D6CA;}.cat-15-color{color:#87a8b3 !important;background-color:#FFF !important;border-color:#87a8b3 !important;}.cat-15-bg{background-color:#87a8b3 !important;border-color:#87a8b3 !important;}.mnu-cat-15-color:hover, .mnu-cat-15-color.active {background-color:#87a8b3; }.mnu-cat-15-color:hover a, .mnu-cat-15-color.active a {color:#fff !important; }.mm-cat-15 .blueArrowRightSvg svg polyline {stroke:#87a8b3;}.cat-20-color{color:#c1cb00 !important;background-color:#FFF !important;border-color:#c1cb00 !important;}.cat-20-bg{background-color:#c1cb00 !important;border-color:#c1cb00 !important;}.mnu-cat-20-color:hover, .mnu-cat-20-color.active {background-color:#c1cb00; }.mnu-cat-20-color:hover a, .mnu-cat-20-color.active a {color:#fff !important; }.mm-cat-20 .blueArrowRightSvg svg polyline {stroke:#c1cb00;}.cat-13-color{color:#f9bf4c !important;background-color:#FFF !important;border-color:#f9bf4c !important;}.cat-13-bg{background-color:#f9bf4c !important;border-color:#f9bf4c !important;}.mnu-cat-13-color:hover, .mnu-cat-13-color.active {background-color:#f9bf4c; }.mnu-cat-13-color:hover a, .mnu-cat-13-color.active a {color:#fff !important; }.mm-cat-13 .blueArrowRightSvg svg polyline {stroke:#f9bf4c;}.cat-35-color{color:#004f95 !important;background-color:#FFF !important;border-color:#004f95 !important;}.cat-35-bg{background-color:#004f95 !important;border-color:#004f95 !important;}.mnu-cat-35-color:hover, .mnu-cat-35-color.active {background-color:#004f95; }.mnu-cat-35-color:hover a, .mnu-cat-35-color.active a {color:#fff !important; }.mm-cat-35 .blueArrowRightSvg svg polyline {stroke:#004f95;}.cat-37-color{color:#004f95 !important;background-color:#FFF !important;border-color:#004f95 !important;}.cat-37-bg{background-color:#004f95 !important;border-color:#004f95 !important;}.mnu-cat-37-color:hover, .mnu-cat-37-color.active {background-color:#004f95; }.mnu-cat-37-color:hover a, .mnu-cat-37-color.active a {color:#fff !important; }.mm-cat-37 .blueArrowRightSvg svg polyline {stroke:#004f95;}.cat-21-color{color:#f9bf4c !important;background-color:#FFF !important;border-color:#f9bf4c !important;}.cat-21-bg{background-color:#f9bf4c !important;border-color:#f9bf4c !important;}.mnu-cat-21-color:hover, .mnu-cat-21-color.active {background-color:#f9bf4c; }.mnu-cat-21-color:hover a, .mnu-cat-21-color.active a {color:#fff !important; }.mm-cat-21 .blueArrowRightSvg svg polyline {stroke:#f9bf4c;}.mnu-cat-1806134-color:hover, .mnu-cat-1806134-color.active {background-color:#ec7c2a; }.mnu-cat-1806134-color:hover a, .mnu-cat-1806134-color.active a {color:#fff !important; }.mnu-cat-2908161-color:hover, .mnu-cat-2908161-color.active {background-color:#c43232; }.mnu-cat-2908161-color:hover a, .mnu-cat-2908161-color.active a {color:#fff !important; }
.td_video_playlist_title {
position: relative;
z-index: 1;
}
.td_video_title_text {
font-weight: 100!important;
}
.td_video_playlist_title .td_video_title_text {
font-weight: bold;
font-size: 15px;
color: #fff;
margin-left: 17px;
margin-right: 17px;
vertical-align: middle;
line-height: 24px;
padding: 0px 0px 25px 0px
}
@media (max-width:767px) {
.td_video_playlist_title .td_video_title_text {
text-align: center
}
}
.page-template-page-pagebuilder-title-php .td_video_playlist_column_2 .td_wrapper_video_playlist {
left: 0
}
.post .td_block_video_playlist {
margin-bottom: 20px
}
.post .td_video_playlist_column_3 .td_video_playlist_title {
left: 0px;
width: 100%
}
.post .td_video_playlist_column_3 .td_wrapper_player {
width: 676px
}
@media (min-width:768px) and (max-width:1023px) {
.post .td_video_playlist_column_3 .td_wrapper_player {
height: 405px;
width: 100%
}
}
.post .td_video_playlist_column_3 .td_wrapper_video_playlist {
left: 0px
}
.post .td_video_playlist_column_3 .td_container_video_playlist {
width: 304px;
right: 0px
}
@media (min-width:768px) and (max-width:1023px) {
.post .td_video_playlist_column_3 .td_container_video_playlist {
width: 100%
}
}
@media (max-width:767px) {
.post .td_video_playlist_column_3 .td_container_video_playlist {
width: 100%
}
}
.post .td_video_playlist_column_2 .td_video_playlist_title {
left: 0px;
width: 100%
}
.post .td_video_playlist_column_2 .td_wrapper_player {
height: 388px;
width: 100%
}
@media (min-width:768px) and (max-width:1023px) {
.post .td_video_playlist_column_2 .td_wrapper_player {
height: 294px;
width: 100%
}
}
@media (min-width:361px) and (max-width:767px) {
.post .td_video_playlist_column_2 .td_wrapper_player {
height: 350px
}
}
@media (max-width:360px) {
.post .td_video_playlist_column_2 .td_wrapper_player {
height: 192px
}
}
.post .td_video_playlist_column_2 .td_wrapper_video_playlist {
left: 0px
}
.post .td_video_playlist_column_2 .td_container_video_playlist {
width: 100%;
right: 0px
}
.td_wrapper_video_playlist {
position: relative
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
height: 65px;
background-color:#cc0001;
position: relative;
display: none;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper:before {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGBAMAAADwPukCAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlM9KRgMBADiSB2HAAAAFElEQVR4XmNgYBBgUGAwYHBgCAAAA3wA8fpXm6EAAAAASUVORK5CYII=) repeat-x;
width: 100%;
height: 6px;
position: absolute;
bottom: -6px;
z-index: 1
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control {
position: relative;
width: 38px;
height: 65px;
outline: 0!important;
background-color:#990100;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control:after {
content: '';
width: 1px;
height: 37px;
position: absolute;
top: 14px;
right: 0
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_youtube_control,
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_vimeo_control {
position: relative;
top: 12px;
left: 11px;
cursor: pointer
}
.td-sp-video-play {
width: 42px;
height: 42px;
background-position: -20px -488px;
}
.td-sp {
background-image: url(/wp-content/themes/newsbeast/img/player-icon-video-beast.png);
background-repeat: no-repeat;
display: block;
background-position: 0px 0px;
background-size: 75%;
}
/* .top-header-menu a:hover, .top-header-menu .menu-item-has-children li a:hover, .td_module_wrap:hover .entry-title a, .td_mod_mega_menu:hover .entry-title a, .footer-email-wrap a, .widget a:hover, .td-footer-container .widget_calendar #today, .td-category-pulldown-filter a.td-pulldown-category-filter-link:hover, .td-load-more-wrap a:hover, .td-post-next-prev-content a:hover, .td-author-name a:hover, .td-author-url a:hover, .td_mod_related_posts:hover .entry-title a, .td-search-query, .top-header-menu .current-menu-item>a, .top-header-menu .current-menu-ancestor>a, .header-search-wrap .td-drop-down-search .result-msg a:hover, .td_top_authors .td-active .td-authors-name a, .td-mobile-content li a:hover, .post blockquote p, .td-post-content blockquote p, .page blockquote p, .comment-list cite a:hover, .comment-list cite:hover, .comment-list .comment-reply-link:hover, a, .white-menu #td-header-menu .sf-menu>li>a:hover, .white-menu #td-header-menu .sf-menu>.current-menu-ancestor>a, .white-menu #td-header-menu .sf-menu>.current-menu-item>a, .td-stack-classic-blog .td-post-text-content .more-link-wrap:hover a, .td_quote_on_blocks, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #bbpress-forums .bbp-forums-list li a:hover, #bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover, #bbpress-forums .bbp-topic-started-by a:hover, #bbpress-forums .bbp-topic-started-in a:hover, #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink, #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink, #bbpress-forums #subscription-toggle a:hover, #bbpress-forums #favorite-toggle a:hover, .widget_display_replies .bbp-author-name, .widget_display_topics .bbp-author-name, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .td-category-siblings .td-subcat-dropdown a:hover, .td-pulldown-filter-display-option:hover, .td-pulldown-filter-display-option .td-pulldown-filter-link:hover, .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list a:hover, #buddypress ul.item-list li div.item-title a:hover, .td_block_13 .td-pulldown-filter-list a:hover {
color: #d13030;
} */
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_youtube_control, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_vimeo_control {
position: relative;
top: 16px;
left: 2px;
cursor: pointer;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_title_playing {
position: absolute;
top: 13px;
left: 50px;
font-size: 13px;
line-height: 19px;
font-weight: bold;
color: #fff;
padding-right: 7px;
max-height: 37px;
overflow: hidden
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_time_playing {
position: absolute;
bottom: 0px;
right: 5px;
font-size: 10px;
font-style: italic;
color: #fff;
line-height: 17px
}
.td_wrapper_video_playlist .td_video_currently_playing {
background-color:#1a1a1a
}
.td_wrapper_video_playlist .td_video_currently_playing:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: inherit
}
.td_wrapper_video_playlist a.td_click_video {
height: 143px;
display: block;
width: 100%;
position: relative;
border-left:8px solid transparent;
margin-bottom: 5px;
}
@media (max-width:768px) {
.td_wrapper_video_playlist a.td_click_video {
border:none;
height: 135px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_wrapper_video_playlist a.td_click_video {
border:none;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_wrapper_video_playlist a.td_click_video {
width: 33%;
display:inline-block;
white-space: normal;
}
}
.td_wrapper_video_playlist a.td_click_video:hover {
cursor: pointer
}
.td_wrapper_video_playlist a.td_click_video .td_video_thumb {
position: relative;
top: 0px;
width: 100%;
height: 143px;
overflow: hidden;
background-position: 0px -11px;
background-size: 100%;
left: -8px;
}
@media (max-width:767px) {
.td_wrapper_video_playlist a.td_click_video .td_video_thumb {
left: 0;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_wrapper_video_playlist a.td_click_video .td_video_thumb {
background-position:0px -5px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_wrapper_video_playlist a.td_click_video .td_video_thumb{
height: 145px;
}
}
.video-beast-overlay{position:relative;width:100%;height:100%;opacity: 0.6;}
.td_wrapper_video_playlist a.td_click_video .td_video_thumb img {
position: relative;
top: -6px;
}
.td_wrapper_video_playlist a.td_click_video .td_video_title_and_time {
position: relative;
top: -60%;
margin: 0 10px 0 20%;
}
.td_wrapper_video_playlist a.td_click_video .td_video_title_and_time .td_video_title {
font-size: 17px;
color: #fff;
line-height: 18px;
overflow: hidden
}
.td_wrapper_video_playlist a.td_click_video .td_video_time {
font-size: 10px;
font-style: italic;
color: #777;
line-height: 13px
}
.td_wrapper_video_playlist .td_wrapper_player {
background-color: #000;
height: 425px
}
.td_wrapper_video_playlist .td_wrapper_player iframe {
width: 100%;
height: 100%
}
.td_wrapper_video_playlist .td_container_video_playlist {
background-color: #1a1a1a;
vertical-align: top;
height: 410px;
}
.td_wrapper_video_playlist .td_playlist_clickable {
overflow-y: auto;
overflow-x: hidden;
height: 347px
}
@media (min-width:768px) and (max-width:1023px) {
.td_wrapper_video_playlist .td_playlist_clickable {
overflow-y: hidden;
overflow-x: auto;
height: 130px
}
}
.td_video_playlist_column_3 .td_wrapper_video_playlist {
left: -1px;
z-index: 1
}
@media (max-width:767px) {
.td_video_playlist_column_3 .td_wrapper_video_playlist {
left: 0px
}
}
.td_video_playlist_column_3 .td_video_playlist_title {
left: -1px;
width: 100%
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_video_playlist_title {
width: 100%;
}
}
@media (max-width:767px) {
.td_video_playlist_column_3 .td_video_playlist_title {
width: 100%;
left: 0px
}
}
.td_video_playlist_column_3 .td_wrapper_player {
display: block;
width: 71%;
height: 393px;
overflow: hidden;
float: right;
}
.td_video_playlist_column_3 .td_wrapper_player iframe {
max-height: 393px;
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_wrapper_player {
display: block;
width: 756px
}
}
@media (min-width:361px) and (max-width:767px) {
.td_video_playlist_column_3 .td_wrapper_player {
display: block;
width: 100%;
height: auto;
}
}
@media (max-width:360px) {
.td_video_playlist_column_3 .td_wrapper_player {
display: block;
width: 100%;
height: 192px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px;
}
}
@media (min-width:481px) and (max-width:767px) {
.td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px;
}
}
@media (max-width:480px) {
.td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 37px;
top: 13px;
}
}
.td_video_playlist_column_3 .td_container_video_playlist {
display: block;
position: relative;
top: 0px;
right: 0px;
width: 29%;
height: 440px;
float: left;
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_container_video_playlist {
display: block;
position: relative;
width: 100%;
height: 130px;
right: 0px;
}
}
@media (max-width:767px) {
.td_video_playlist_column_3 .td_container_video_playlist {
display: block;
position: relative;
width: 100%;
height: 305px;
right: 0px;
}
}
@media (max-width:480px) {
.td_video_playlist_column_3 .td_container_video_playlist {
position: relative;
height: auto;
right: 0px;
padding: 0px 35px;
}
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
height: 348px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
margin-right: 10px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:767px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
margin-right: 10px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
height: 240px;
overflow-x: hidden;
overflow-y: auto
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
background-color: #383838
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
background-color: #919191;
border-radius: 10px
}
}
@media (max-width:767px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
height: 240px;
overflow-x: hidden;
overflow-y: auto
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
background-color: #383838
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
background-color: #919191;
border-radius: 10px
}
}
@media (max-width:480px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
height: 180px
}
}
@media (min-width:1024px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 445px;
background-color: #1a1a1a;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
}
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
background-color: #383838
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
display: none;
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
-ms-overflow-style: none;
}
@media (min-width:1024px) {
@-moz-document url-prefix() {
.td_container_video_playlist {
overflow:hidden;
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
width:calc(100% + 17px);
}
.td_container_video_playlist:after {
top: 414px!important;
}
#downVideo {
bottom: 6pt!important;
}
}
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
background-color: #919191;
border-radius: 10px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
width: 100%;
white-space: nowrap;
}
}
@media (max-width:480px) {
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 420px
}
}
.td_video_playlist_column_2 .td_wrapper_video_playlist {
left: -1px;
z-index: 1
}
@media (max-width:767px) {
.td_video_playlist_column_2 .td_wrapper_video_playlist {
left: 0px
}
}
.td_video_playlist_column_2 .td_video_playlist_title {
left: -1px;
width: 681px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_2 .td_video_playlist_title {
width: 505px
}
}
@media (max-width:767px) {
.td_video_playlist_column_2 .td_video_playlist_title {
width: 100%;
left: 0px
}
}
.td_video_playlist_column_2 .td_wrapper_player {
display: block;
width: 681px;
height: 412px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_2 .td_wrapper_player {
width: 505px;
height: 283px
}
}
@media (min-width:361px) and (max-width:767px) {
.td_video_playlist_column_2 .td_wrapper_player {
display: block;
width: 100%;
height: 350px
}
}
@media (max-width:360px) {
.td_video_playlist_column_2 .td_wrapper_player {
display: block;
width: 100%;
height: 192px
}
}
.td_video_playlist_column_2 .td_container_video_playlist {
display: block;
width: 681px;
height: 305px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_2 .td_container_video_playlist {
width: 505px
}
}
@media (max-width:767px) {
.td_video_playlist_column_2 .td_container_video_playlist {
display: block;
width: 100%
}
}
@media (max-width:480px) {
.td_video_playlist_column_2 .td_container_video_playlist {
height: 245px
}
}
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
height: 240px
}
@media (max-width:480px) {
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
height: 180px
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
margin-right: 10px
}
}
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
background-color: #383838
}
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5
}
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
.td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
background-color: #919191;
border-radius: 10px
}
.td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px
}
}
@media (min-width:481px) and (max-width:767px) {
.td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px
}
}
@media (max-width:480px) {
.td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 37px;
top: 13px
}
}
.td_video_playlist_column_1 .td_wrapper_video_playlist {
left: -1px;
z-index: 1
}
@media (max-width:767px) {
.td_video_playlist_column_1 .td_wrapper_video_playlist {
left: 0px
}
}
.td_video_playlist_column_1 .td_video_playlist_title {
left: -1px;
width: 341px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_1 .td_video_playlist_title {
width: 252px
}
}
@media (max-width:767px) {
.td_video_playlist_column_1 .td_video_playlist_title {
width: 100%;
left: 0px
}
}
.td_video_playlist_column_1 .td_wrapper_player {
display: block;
width: 341px;
height: 190px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_1 .td_wrapper_player {
width: 252px;
height: 143px
}
}
@media (min-width:361px) and (max-width:767px) {
.td_video_playlist_column_1 .td_wrapper_player {
display: block;
width: 100%;
height: 350px
}
}
@media (max-width:360px) {
.td_video_playlist_column_1 .td_wrapper_player {
display: block;
width: 100%;
height: 192px
}
}
.td_video_playlist_column_1 .td_container_video_playlist {
display: block;
width: 341px;
height: 305px
}
@media (min-width:768px) and (max-width:1023px) {
.td_video_playlist_column_1 .td_container_video_playlist {
width: 252px
}
}
@media (max-width:767px) {
.td_video_playlist_column_1 .td_container_video_playlist {
width: 100%
}
}
@media (max-width:480px) {
.td_video_playlist_column_1 .td_container_video_playlist {
height: 245px
}
}
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 240px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
margin-right: 10px
}
}
@media (max-width:480px) {
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 180px
}
}
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
background-color: #383838
}
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5
}
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
.td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
background-color: #919191;
border-radius: 10px
}
.td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 37px;
top: 13px
}
@media (min-width:481px) and (max-width:767px) {
.td_container_video_playlist:before {
content:attr(clickablelayer) '';
position:absolute;
top:-2px;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width:100%;
height: 30px;
}
.td_container_video_playlist:after {
content:attr(clickablelayer) '';
position:absolute;
top:275px;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width:100%;
height: 30px;
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 305px;
}
#downVideo {
bottom: 10px!important;
}
#upVideo {
top:10px!important;
}
}
@media (max-width:480px) {
.td_container_video_playlist:before {
content:attr(clickablelayer) '';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width: calc(100% - 70px);
margin-left: 35px;
height: 30px;
}
.td_container_video_playlist:after {
content:attr(clickablelayer) '';
position:absolute;
top:210px;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width: calc(100% - 70px);
margin-left: 35px;
height: 30px;
}
.td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
height: 240px;
}
#downVideo {
bottom: 10px!important;
}
#upVideo {
top:10px!important;
}
}
@media (min-width:1024px) {
.td_container_video_playlist:before {
content:attr(clickablelayer) '';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width: -webkit-calc(100% - 8px);
width: -moz-calc(100% - 8px);
width: calc(100% - 8px);
height: 20px;
}
.td_container_video_playlist:after {
content:attr(clickablelayer) '';
position:absolute;
top:420px;
left:0;
right:0;
bottom:0;
background:black;
opacity: 0.6;
z-index: 1;
width: -webkit-calc(100% - 8px);
width: -moz-calc(100% - 8px);
width: calc(100% - 8px);
height: 25px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.td_container_video_playlist:before {
content:attr(clickablelayer) '';
position:absolute;
width: 25px;
height: 100%;
background:black;
opacity: 0.6;
z-index: 2;
}
.td_container_video_playlist:after {
content:attr(clickablelayer) '';
position:absolute;
width: 25px;
height: 100%;
top:0;
left: -webkit-calc(100% - 25px);
left: -moz-calc(100% - 25px);
left: calc(100% - 25px);
background:black;
opacity: 0.6;
}
}
@media (min-width:481px) and (max-width:767px) {
.td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
max-height: 20px;
top: 23px
}
}
.wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
margin: 0 19px 20px 0
}
@media (min-width:768px) and (max-width:1023px) {
.wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
margin: 0 16px 17px 0
}
}
@media (max-width:767px) {
.wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
margin: 0 10px 17px 0
}
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
padding-top: 0
}
.vc_row .vc_column-inner {
padding-left: 0;
padding-right: 0
}
.td_video_stop_play_control > div {
width: 24px;
height: 24px;
background-color: #990100;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
/* z-index: 1021; */
top: 20px;
left: -12px;
position: absolute;
overflow: visible;
}
@media (max-width:1022px){
.td_video_stop_play_control > div {
top: -12px!important;
left: 7px!important;
}
}
@media (max-width:1023px){
.td_video_playlist_column_3 .td_wrapper_player{
display: block;
width: 100%;
height: auto;
overflow: hidden;
max-height: 400px;
}
.td_wrapper_video_playlist {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.td_container_video_playlist {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.td_wrapper_playlist_player_youtube > div > div > div {padding-bottom: 60.6%!important;}
.td_wrapper_playlist_player_youtube > div > div > div > div {padding-bottom: 60.6%!important;}
}
@media only screen and (min-width: 767px) and (max-width: 769px) {
.td_video_playlist_column_3 .td_wrapper_player {
height: 350px;
}
}
#upVideo {
position: absolute;
right: calc(50% - 14px);
z-index: 2;
top: 5pt;
content: "";
display: inline-block;
width: 15px;
height: 15px;
border-right: 3px solid #fff;
border-top: 3px solid #FFF;
transform: rotate(315deg);
margin-right: 0.5em;
cursor: pointer;
background: transparent;
}
#downVideo {
position: absolute;
right: calc(50% - 14px);
z-index: 2;
bottom: 1pt;
content: "";
display: inline-block;
width: 15px;
height: 15px;
border-right: 3px solid #fff;
border-top: 3px solid #FFF;
transform: rotate(135deg);
margin-right: 0.5em;
cursor: pointer;
background: transparent;
}
@media (min-width:768px) and (max-width:1023px) {
#upVideo {
left: 9px;
transform: rotate(225deg);
right: 0;
top:50%;
}
#downVideo {
top:50%;
left: -webkit-calc(100% - 22px);
left: -moz-calc(100% - 22px);
left: calc(100% - 22px);
right:0;
transform: rotate(45deg);
}
}
#result_title_beast2 {
width: 71%;
float: right;
text-align: center;
font-size: 17px;
color: #fff;
font-weight: 700;
padding-top: 15px;
}
@media (max-width:1023px) {
#result_title_beast2 {
width:100%;
padding: 10px 0 15px 0;
background-color: #1a1a1a;
}
}
#videobeastsection {
padding: 35px 0 15px;
}
@media (max-width:1023px) {
#videobeastsection .container {
width:100%;
padding:0;
}
#videobeastsection {
padding:35px 0 0 0;
background-color: #1a1a1a;
}
}
.newsbeast-pagination {
margin: 40px 0 0;
padding-top: 25px;
border-top: 2px solid #cccccc;
text-align: center;
line-height: 1
}
.newsbeast-pagination .newsbeast-pagination-inner {
display: inline-block;
padding: 0;
margin: 0;
line-height: 1
}
.newsbeast-pagination-inner a{
border-right: 1px solid;
border-color:#1a2b4c;
}
.page-numbers {
border-right: 1px solid;
border-color:#1a2b4c;
}
.newsbeast-pagination-inner .dots{
border-right: 1px solid;
border-color:#1a2b4c;
}
.newsbeast-pagination-inner >a:nth-last-of-type(2) {
border:none!important;
}
.newsbeast-pagination-inner .next {
border:none!important;
padding-top: 3px;
}
.newsbeast-pagination-inner .prev {
border:none!important;
padding-top: 3px;
}
.newsbeast-pagination .page-numbers {
display: block;
float: left;
line-height: 1;
font-weight: 400;
font-size: 13px;
margin-top: 2px;
color: #1a2b4c;
padding: 0 2px;
}
.newsbeast-pagination .page-numbers.current,
.newsbeast-pagination .page-numbers:hover {
color: #c00;
text-decoration: none;
}
.newsbeast-pagination .page-numbers.dots:hover {
color: #939598
}
.newsbeast-pagination .prev,
.newsbeast-pagination .next {
margin: 0
}
.newsbeast-pagination .prev i,
.newsbeast-pagination .next i {
color: #c00;
font-size: 1.6rem;
display: block;
}
.newsbeast-pagination .prev i:before,
.newsbeast-pagination .next i:before {
width: auto;
height: auto;
padding: 0;
margin: 0;
line-height: 1
}
.newsbeast-pagination .prev span,
.newsbeast-pagination .next span {
display: none;
float: left;
color: #1a2b4c;
font-weight: 400;
font-size: 13px;
margin-top: 2px;
}
@media (min-width: 1000px) {
.newsbeast-pagination .prev span,
.newsbeast-pagination .next span {
display: block
}
}
.newsbeast-pagination .prev:hover span,
.newsbeast-pagination .next:hover span {
color: #c00
}
.newsbeast-pagination .prev {
margin-right: 28px
}
.newsbeast-pagination .prev span {
margin-left: 5px
}
.newsbeast-pagination .prev i {
float: left
}
.newsbeast-pagination .next {
margin-left: 28px
}
.newsbeast-pagination .next span {
margin-right: 5px
}
.newsbeast-pagination .next i {
float: right
}
.newsbeast-pagination .newsbeast-pagination-total {
margin-top: 7px;
padding-top: 7px;
border-top: 1px solid #f1f2f2;
text-align: center;
font-weight: normal;
color: #999999;
font-size: 12px;
}
.newsbeast-pagination .newsbeast-pagination-total .newsbeast-pagination-total-mobile-text {
display: none
}
@media (max-width: 767px) {
.newsbeast-pagination .newsbeast-pagination-total .newsbeast-pagination-total-text {
display: none
}
.newsbeast-pagination .newsbeast-pagination-total .newsbeast-pagination-total-mobile-text {
display: inline-block
}
}
.category-crumb {
margin-right: 10px
}
@media (max-width: 767px) {
.category-crumb {
float: none !important;
margin-bottom: 10px
}
.category-crumb:before,
.category-crumb:after {
content: " ";
display: table
}
.category-crumb:after {
clear: both
}
.category-crumb:before,
.category-crumb:after {
content: " ";
display: table
}
.category-crumb:after {
clear: both
}
}
.category-crumb a {
border: 1px solid #aaa39a;
background-color: #aaa39a;
color: #fff;
padding: 3px 5px;
font-size: 1.1rem;
border-radius: 3px;
margin-right: 3px;
font-weight: 700
}
.category-crumb a[rel='category tag'],
.category-crumb a.postCat {
color: #aaa39a;
background-color: transparent
}
.category-crumb.category-crumb-feed {
margin-bottom: 25px
}
.main-column {
margin-top: 10px
}
@media (min-width: 768px) {
.main-column {
margin-top: 0;
width: 420px;
padding-right: 0
}
}
@media (min-width: 1000px) {
.main-column {
width: 680px
}
}
@media (min-width: 1401px) {
.main-column {
width: 750px
}
}
@media (min-width: 768px) {
.main-sidebar {
width: 330px
}
.main-sidebar .sticky-handler {
max-width: 300px !important
}
}
@media (min-width: 1401px) {
.main-sidebar {
width: 380px
}
.main-sidebar .sticky-handler {
max-width: 350px !important
}
.wp1s-widget-wrap.sticky-handler {
max-width: 300px !important;
margin-left: 25px !important;
}
}
@media (min-width: 768px) {
.category .main-column {
margin-top: -9px
}
}
@media (min-width: 768px) {
.single .main-column {
margin-top: -9px
}
}
@media (min-width: 1000px) {
.single .main-column {
margin-top: -11px
}
}
@font-face {
font-family: 'newsbeast';
src: url('../font/newsbeast.eot?51516144');
src: url('../font/newsbeast.eot?51516144#iefix') format('embedded-opentype'), url('../font/newsbeast.woff?51516144') format('woff'), url('../font/newsbeast.ttf?51516144') format('truetype'), url('../font/newsbeast.svg?51516144#newsbeast') format('svg');
font-weight: normal;
font-style: normal
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "newsbeast";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-new_window:before {
content: '\e800'
}
.icon-facebook:before {
content: '\e801'
}
.icon-twitter:before {
content: '\e802'
}
.icon-rss:before {
content: '\e803'
}
.icon-sideemail:before {
content: '\e804'
}
.icon-toplogin:before {
content: '\e805'
}
.icon-homeicon:before {
content: '\e806'
}
.icon-alertnextarrow:before {
content: '\e807'
}
.icon-alertprevarrow:before {
content: '\e808'
}
.icon-search:before {
content: '\e809'
}
.icon-darrows:before {
content: '\e80a'
}
.icon-sidefacebook:before {
content: '\e80b'
}
.icon-siderss:before {
content: '\e80c'
}
.icon-sidetwitter:before {
content: '\e80d'
}
.icon-print:before {
content: '\e80e'
}
.icon-fire:before {
content: '\e80f'
}
.icon-logo:before {
content: '\e810'
}
.icon-top-search:before {
content: '\e811'
}
.icon-user-add:before {
content: '\e812'
}
.icon-login:before {
content: '\e813'
}
.icon-rightsinglearrows:before {
content: '\e814'
}
.icon-pagarrleft:before {
content: '\e815';
font-weight: 600;
}
.icon-pagarrright:before {
content: '\e816';
font-weight: 600;
}
.icon-play:before {
content: '\e817'
}
.icon-picture:before {
content: '\e818'
}
.icon-icons_gallery:before {
content: '\e819'
}
.icon-icons_video:before {
content: '\e81a'
}
.icon-thumb_up:before {
content: '\e81b'
}
.icon-thumb_down:before {
content: '\e81c'
}
.icon-key:before {
content: '\e81d'
}
.icon-user:before {
content: '\e81e'
}
.icon-cancel-circle:before {
content: '\e81f'
}
.icon-paper-plane:before {
content: '\e820'
}
.icon-facebook-1:before {
content: '\e821'
}
.icon-twitter-1:before {
content: '\e822'
}
.icon-gplus:before {
content: '\e823'
}
.icon-linkedin:before {
content: '\e824'
}
.icon-circle:before {
content: '\e825'
}
.icon-attention:before {
content: '\e826'
}
.icon-cw:before {
content: '\e827'
}
.icon-help-circled:before {
content: '\e828'
}
.icon-lock-filled:before {
content: '\e829'
}
.icon-pencil:before {
content: '\e82a'
}
.icon-camera:before {
content: '\e82b'
}
.icon-calendar:before {
content: '\e82c'
}
.icon-comment:before {
content: '\e82d'
}
.feed-article {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #f1f2f2
}
.feed-article:first-child {
border-top: none;
margin-top: 0;
padding-top: 0
}
.feed-article h2 {
margin: 0 0 17px 0;
line-height: 1.1;
font-weight: 700;
font-size: 2.8rem
}
@media (min-width: 1000px) {
.feed-article h2 {
font-size: 2.7rem
}
}
.viralrow {
margin: 0;
}
.viralrow figure{
padding:0;
}
.viralrow img{
height:210px;
}
.feed-article-figure {
position: relative
}
.home .feed-article-figure a {
width: 353px;
}
.snbs-article.nbsgtsts {
width: 256px;
}
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 256px;
}
@media only screen and (max-width: 801px) and (min-width: 768px) {
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 1400px) and (min-width: 415px) {
.home .feed-article-figure a {
width: 318px !important;
}
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 341px !important;
}
figure.snbs-article-img.feed-article-figure.nbsgtstsimg, .snbs-article-img.feed-article-figure.nbsgtstsimg a {
width: 225px !important;
height: 139px !important;
}
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 220px;
height: auto;
}
}
@media only screen and (min-width: 767px) and (max-width: 769px) {
.home .feed-article-figure a {
width: 99% !important;
}
}
@media only screen and (max-width: 414px) {
.home .feed-article-figure a {
width: 158px !important;
}
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 341px !important;
}
figure.snbs-article-img.feed-article-figure.nbsgtstsimg, .snbs-article-img.feed-article-figure.nbsgtstsimg a {
width: 341px !important;
height: 210px !important;
}
figure.snbs-article-img.feed-article-figure, .snbs-article-img.feed-article-figure a {
width: 328px !important;
height: 203px !important;
}
}
.feed-article-figure a {
position: relative;
display: block
}
.feed-article-figure .img-commts-count {
position: absolute;
bottom: 10px;
right: 25px
}
.feed-article-figure .img-commts-count .feed-article-comment-count {
display: block;
color: #fff;
font-size: 1.7rem;
background: #c00;
line-height: 1;
z-index: 2;
font-weight: 700;
padding: 10px 14px 9px;
margin-top: -3px;
position: relative
}
.feed-article-figure .img-commts-count .feed-article-comment-count:after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid #c00;
z-index: -1
}
@media (max-width: 767px) {
.feed-article-content {
padding-left: 0
}
}
@media (min-width: 768px) {
.feed-article-content {
padding-left: 0
}
}
.feed-article-content .feed-article-meta {
margin: 0;
line-height: 1
}
@media (max-width: 767px) {
.feed-article-content .feed-article-meta {
margin-top: 15px
}
}
.feed-article-content .feed-article-meta>div {
font-size: 1.2rem;
padding-top: 0
}
.feed-article-content .feed-article-subtitle {
margin: 10px 0 0 0;
font-weight: 700;
font-size: 1.8rem;
color: #000;
line-height: 1.2
}
.feed-article-content .feed-article-subtitle a {
color: #000;
text-decoration: none
}
@media (max-width: 767px) {
.feed-article-content .feed-article-subtitle {
margin: 0;
font-weight: 400
}
}
.feed-article-content .feed-article-excerpt {
margin: 15px 0 0 0;
line-height: 1.4;
font-size: 1.6rem;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.feed-article-content .feed-article-excerpt a {
color: #333;
text-decoration: none
}
.feed-article-content .feed-article-footer {
margin-top: 20px;
position: relative
}
.feed-article-content .feed-article-footer .fireCnt {
position: relative;
top: -5px
}
.feed-article-content .feed-article-footer .fireCnt .icon-fire {
color: #ff9500;
font-size: 1.4rem
}
.feed-article-content .feed-article-footer .fireCnt .icon-fire.red {
color: #c00
}
.feed-article-content .feed-article-footer .fireCnt.hint--right:before {
border-right-color: #1a2b4c
}
.feed-article-content .feed-article-footer .fireCnt.hint:after,
.feed-article-content .feed-article-footer .fireCnt[data-hint]:after {
background: #1a2b4c
}
.feed-article-content .feed-article-footer .feed-article-new-window,
.feed-article-content .feed-article-footer .feed-article-footer-seperator {
display: block;
float: left;
color: #bcbec0;
font-size: 1rem;
font-weight: 700;
line-height: 1
}
.feed-article-content .feed-article-footer .feed-article-new-window {
position: relative;
padding-right: 23px
}
@media (max-width: 767px) {
.feed-article-content .feed-article-footer .feed-article-new-window {
padding-bottom: 25px
}
}
.feed-article-content .feed-article-footer .feed-article-new-window .icon-new_window {
position: absolute;
right: 0;
top: -3px;
font-size: 1.4rem
}
.feed-article-content .feed-article-footer .feed-article-footer-seperator {
width: 1px;
background-color: #bcbec0;
margin: 0 6px
}
.feed-article-big .feed-article-figure {
width: 100%
}
.feed-article-big .feed-article-figure:before,
.feed-article-big .feed-article-figure:after {
content: " ";
display: table
}
.feed-article-big .feed-article-figure:after {
clear: both
}
.feed-article-big .feed-article-figure:before,
.feed-article-big .feed-article-figure:after {
content: " ";
display: table
}
.feed-article-big .feed-article-figure:after {
clear: both
}
.feed-article-big .feed-article-content {
width: 100%;
padding-left: 15px;
margin-top: 15px
}
.feed-article-big .feed-article-content:before,
.feed-article-big .feed-article-content:after {
content: " ";
display: table
}
.feed-article-big .feed-article-content:after {
clear: both
}
.feed-article-big .feed-article-content:before,
.feed-article-big .feed-article-content:after {
content: " ";
display: table
}
.feed-article-big .feed-article-content:after {
clear: both
}
@media (min-width: 768px) and (max-width: 999px) {
.feed-article-figure {
width: 100%
}
.feed-article-figure:before,
.feed-article-figure:after {
content: " ";
display: table
}
.feed-article-figure:after {
clear: both
}
.feed-article-figure:before,
.feed-article-figure:after {
content: " ";
display: table
}
.feed-article-figure:after {
clear: both
}
.feed-article-content {
width: 100%;
padding-left: 15px;
margin-top: 15px
}
.feed-article-content:before,
.feed-article-content:after {
content: " ";
display: table
}
.feed-article-content:after {
clear: both
}
.feed-article-content:before,
.feed-article-content:after {
content: " ";
display: table
}
.feed-article-content:after {
clear: both
}
}
.feed .adSlot {
border-top: 1px solid #f1f2f2;
margin: 20px 0 0 0;
padding: 5px 0
}
.category-zwdia .cat-zwdia-title {
margin: 0;
letter-spacing: 1px;
font-size: 1.4rem;
font-weight: 400;
color: #a7a9ac;
line-height: 1;
text-align: center
}
@media (min-width: 1000px) {
.category-zwdia .cat-zwdia-title {
letter-spacing: 4px
}
}
.category-zwdia .cat-zwdia-title .cat-zwdia-title-date {
letter-spacing: normal;
font-weight: 700;
font-size: 1.6rem;
color: #c00
}
.category-zwdia hr {
margin: 35px 0
}
.category-zwdia .article-content {
margin: 15px 0
}
.category-zwdia .zodia-article-header {
position: relative
}
.category-zwdia .zodia-article-header:before,
.category-zwdia .zodia-article-header:after {
content: " ";
display: table
}
.category-zwdia .zodia-article-header:after {
clear: both
}
.category-zwdia .zodia-article-header:before,
.category-zwdia .zodia-article-header:after {
content: " ";
display: table
}
.category-zwdia .zodia-article-header:after {
clear: both
}
.category-zwdia .zodia-article-header .zodia-article-image {
float: left;
width: 60px;
height: 60px;
position: relative
}
.category-zwdia .zodia-article-header .zodia-article-title,
.category-zwdia .zodia-article-header .zodia-article-date {
margin-left: 70px;
line-height: 1
}
.category-zwdia .zodia-article-header .zodia-article-title {
font-weight: 700;
font-size: 3.5rem;
color: #c00
}
.category-zwdia .zodia-article-header .zodia-article-date {
font-weight: 400;
font-size: 1.62rem;
color: #35558e;
margin-top: 12px
}
.category-zwdia .zwdio-item {
margin-top: 30px;
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
background-color: #f4f5f8
}
.category-zwdia .zwdio-item .zwdio-img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin-left: -50%;
margin-top: -50%
}
.category-zwdia .zwdio-item .zwdio-title {
line-height: 1;
text-align: center;
width: 100%;
position: absolute;
bottom: 8px;
left: 0
}
.category-zwdia .zwdio-item .zwdio-title .zwdio-title-name {
font-weight: 700;
font-size: 2.5rem;
color: #1a2b4c
}
.category-zwdia .zwdio-item .zwdio-title .zwdio-title-date {
margin-top: 5px;
font-weight: 400;
font-size: 1.1rem;
color: #35558e;
opacity: .5;
filter: alpha(opacity=50)
}
.category-zwdia .zwdio-item .zwdio-excerpt {
position: absolute;
color: #6d6e71;
font-size: 1.3rem;
line-height: 1.3;
width: 100%;
padding: 0 5px;
top: 50px;
opacity: 0;
filter: alpha(opacity=0)
}
@media (min-width: 1000px) {
.category-zwdia .zwdio-item .zwdio-excerpt {
padding: 0 18px
}
}
.category-zwdia .zwdio-item .zwdio-more {
font-weight: 400;
font-size: 1.2rem;
color: #fff;
background-color: #ee3965;
position: absolute;
line-height: 1;
padding: 4px 6px;
bottom: 10px;
right: 15px;
opacity: 0;
filter: alpha(opacity=0)
}
.category-zwdia .zwdio-item:hover {
background-color: transparent
}
.category-zwdia .zwdio-item:hover .zwdio-img {
opacity: 0;
filter: alpha(opacity=0)
}
.category-zwdia .zwdio-item:hover .zwdio-title {
bottom: auto;
top: 10px
}
.category-zwdia .zwdio-item:hover .zwdio-title .zwdio-title-date {
opacity: 0;
filter: alpha(opacity=0)
}
.category-zwdia .zwdio-item:hover .zwdio-excerpt {
opacity: 1;
filter: alpha(opacity=100)
}
.category-zwdia .zwdio-item:hover .zwdio-more {
opacity: 1;
filter: alpha(opacity=100)
}
.syntages-feed .feed-article {
border-top: none;
padding: 20px 15px 0 15px;
position: relative
}
.syntages-feed .feed-article:before,
.syntages-feed .feed-article:after {
content: " ";
display: table
}
.syntages-feed .feed-article:after {
clear: both
}
.syntages-feed .feed-article:before,
.syntages-feed .feed-article:after {
content: " ";
display: table
}
.syntages-feed .feed-article:after {
clear: both
}
.syntages-feed .feed-article:after {
content: "";
position: absolute;
top: 0;
left: 15px;
right: 15px;
height: 1px;
background-color: #e6e7e8;
display: block
}
@media (min-width: 768px) {
.syntages-feed .feed-article.post-no-0,
.syntages-feed .feed-article.post-no-1 {
margin-top: 0;
padding-top: 0
}
.syntages-feed .feed-article.post-no-0:after,
.syntages-feed .feed-article.post-no-1:after {
display: none
}
.syntages-feed .feed-article.left {
padding-right: 10px
}
.syntages-feed .feed-article.left:after {
left: 15px;
right: 10px
}
.syntages-feed .feed-article.right {
padding-left: 10px
}
.syntages-feed .feed-article.right:after {
left: 10px;
right: 15px
}
}
.syntages-feed .feed-article-content .feed-article-meta {
font-weight: 700;
line-height: 1
}
.syntages-feed .feed-article-content .feed-article-meta .article-top-meta-time,
.syntages-feed .feed-article-content .feed-article-meta .article-top-meta-date {
padding-bottom: 0;
font-size: 1.2rem
}
.syntages-feed .feed-article-content .feed-article-figure {
margin-top: 15px
}
.syntages-feed .feed-article-content h2 {
margin: 15px 0;
font-weight: 700;
line-height: 1.1;
font-size: 2.8rem
}
@media (min-width: 1000px) {
.syntages-feed .feed-article-content h2 {
font-size: 2.2rem
}
}
.syntages-feed .feed-article-content .feed-article-subtitle {
margin-top: 10px
}
@media (min-width: 1000px) {
.syntages-feed .feed-article-content .feed-article-subtitle {
margin-top: 0
}
}
.syntages-feed .feed-article-content .noTimeDiff .feed-article-subtitle {
margin-top: 0
}
@media (min-width: 1000px) {
.syntages-feed .feed-article-content .syntagi-time-difficulty-col {
padding-right: 0
}
}
.syntages-feed .feed-article-content .syntagi-chef {
position: absolute;
bottom: 15px;
right: 15px
}
.syntages-feed .feed-article-content .syntagi-chef .syntagi-chef-img {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
border: 4px solid #fff;
position: relative;
z-index: 2
}
.syntages-feed .feed-article-content .syntagi-chef .syntagi-chef-name {
position: absolute;
top: 50%;
right: 40px;
margin-top: -18px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
text-align: right;
font-weight: 700;
text-transform: uppercase;
z-index: 1
}
.syntages-feed .feed-article-content .syntagi-chef .syntagi-chef-name span {
background-color: #fff;
padding: 2px 10px 2px 5px;
display: block;
float: right
}
.syntages-feed .feed-article-content .img-commts-count {
right: 10px
}
.syntages-feed .feed-article-content .img-commts-count.place-left {
right: auto;
left: 10px
}
.syntages-article-meta {
width: 100%;
margin: 15px 0;
display: none;
}
.syntages-article-meta:before,
.syntages-article-meta:after {
content: " ";
display: table
}
.syntages-article-meta:after {
clear: both
}
.syntages-article-meta:before,
.syntages-article-meta:after {
content: " ";
display: table
}
.syntages-article-meta:after {
clear: both
}
@media (min-width: 1000px) {
.syntages-article-meta {
width: 25%;
float: right;
margin: 0 0 20px 20px
}
}
.syntages-article-meta .syntagi-time-difficulty {
text-align: center
}
.syntages-article-meta .syntagi-time-difficulty:before,
.syntages-article-meta .syntagi-time-difficulty:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty:after {
clear: both
}
.syntages-article-meta .syntagi-time-difficulty:before,
.syntages-article-meta .syntagi-time-difficulty:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty:after {
clear: both
}
.syntages-article-meta .syntagi-time-difficulty .centerer {
display: inline-block
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-cnt,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef {
width: 33.333333%;
border-left: 1px solid #e6e6e6
}
@media (min-width: 1000px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-time,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-cnt,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef {
border-left: none;
width: 100%
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time {
border-left: none
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-img,
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-min {
float: left;
text-align: center
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-img {
width: 35px
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-min {
font-size: 3.5rem
}
@media (max-width: 767px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-min {
padding-top: 4px;
margin-left: 7px
}
}
@media (min-width: 768px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-min {
font-size: 4rem
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title {
font-weight: 700;
font-size: 1.1rem;
color: #bcbec0;
line-height: 1;
letter-spacing: 1px;
text-align: center;
margin-bottom: 15px;
display: block
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:after {
clear: both
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:before,
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-time-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-title:after,
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-title:after {
clear: both
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-cnt {
float: left
}
@media (min-width: 1000px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-cnt {
float: none
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty {
margin-left: 0
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-spoon.big {
width: 10px
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-difficulty-spoon.small {
width: 8px
}
.syntages-article-meta .syntagi-time-difficulty .seperator {
display: none
}
@media (min-width: 1000px) {
.syntages-article-meta .syntagi-time-difficulty .seperator {
display: block;
float: none;
width: 25%;
background-color: #e6e6e6;
height: 1px;
margin: 15px auto
}
.syntages-article-meta .syntagi-time-difficulty .seperator:before,
.syntages-article-meta .syntagi-time-difficulty .seperator:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty .seperator:after {
clear: both
}
.syntages-article-meta .syntagi-time-difficulty .seperator:before,
.syntages-article-meta .syntagi-time-difficulty .seperator:after {
content: " ";
display: table
}
.syntages-article-meta .syntagi-time-difficulty .seperator:after {
clear: both
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef {
float: left
}
@media (min-width: 1000px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef {
float: none
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-img {
width: 46px;
height: 46px;
margin: 0 auto;
line-height: 1;
padding: 0
}
@media (min-width: 1000px) {
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-img {
width: 75px;
height: 75px
}
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-img a {
display: block
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-img .syntagi-chef-img-wrap {
overflow: hidden;
border-radius: 50%;
line-height: 1
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-img .syntagi-chef-img-wrap img {
width: 100%;
height: auto
}
.syntages-article-meta .syntagi-time-difficulty .syntagi-chef-name {
margin-top: 10px;
font-weight: 700;
font-size: 1.6rem;
color: #1a2b4c;
line-height: 1
}
.no-syntagi-side .syntages-ingredients {
display: block;
width: 100% !important
}
.syntages-ingredients {
display: inline-block;
background: #f6f7e5;
padding: 0 20px;
border: 1px dashed #e8e5b6;
color: #1a2b4c;
font-size: 1.6rem;
line-height: 1.5625;
width: 100%;
margin-bottom: 30px
}
@media (min-width: 1000px) {
.syntages-ingredients {
width: 70%
}
}
@media (min-width: 1401px) {
.syntages-ingredients {
width: 70%
}
}
.syntages-article-content strong {
font-weight: 700;
font-size: 1.9rem;
color: #c00;
}
.syntages-article-content ol {
padding: 0 0 0 45px;
margin: 0;
list-style-type: none
}
.syntages-article-content ol li {
font-size: 1.6rem;
color: #414042;
line-height: 1.5;
padding: 0;
margin-bottom: 30px;
position: relative;
counter-increment: list
}
.syntages-article-content ol li:after {
content: counter(list);
position: absolute;
top: 2px;
left: -55px;
width: 45px;
text-align: right;
color: #a3ac00;
font-weight: 700;
line-height: 1;
font-size: 2.3rem;
border-right: 2px solid #a3ac00;
padding-right: 10px
}
.syntagi-time {
float: left
}
.syntagi-time:before,
.syntagi-time:after {
content: " ";
display: table
}
.syntagi-time:after {
clear: both
}
.syntagi-time:before,
.syntagi-time:after {
content: " ";
display: table
}
.syntagi-time:after {
clear: both
}
.syntagi-time .syntagi-time-img {
width: 14px;
position: relative;
float: left
}
.syntagi-time .syntagi-time-img:before,
.syntagi-time .syntagi-time-img:after {
content: " ";
display: table
}
.syntagi-time .syntagi-time-img:after {
clear: both
}
.syntagi-time .syntagi-time-img:before,
.syntagi-time .syntagi-time-img:after {
content: " ";
display: table
}
.syntagi-time .syntagi-time-img:after {
clear: both
}
.syntagi-time .syntagi-time-img .svgCnt {
width: 100%;
height: 0;
padding-bottom: 116.21622%;
position: relative
}
.syntagi-time .syntagi-time-img .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.syntagi-time .syntagi-time-min {
margin-left: 20px;
font-weight: 700;
color: #2e5ba3;
font-size: 1.48rem;
line-height: 1;
padding-top: 1px
}
@media (min-width: 1000px) {
.syntagi-time {
float: none
}
}
.syntagi-difficulty {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin: -2px 0 0 15px;
float: left
}
.syntagi-difficulty .syntagi-difficulty-spoon {
float: left;
margin-left: 3px;
position: relative
}
.syntagi-difficulty .syntagi-difficulty-spoon .svgCnt {
position: relative;
width: 100%;
height: 0
}
.syntagi-difficulty .syntagi-difficulty-spoon .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.syntagi-difficulty .syntagi-difficulty-spoon.big {
width: 5px
}
.syntagi-difficulty .syntagi-difficulty-spoon.big .svgCnt {
padding-bottom: 418.181818%
}
.syntagi-difficulty .syntagi-difficulty-spoon.small {
width: 4px
}
.syntagi-difficulty .syntagi-difficulty-spoon.small .svgCnt {
padding-bottom: 400%
}
.syntagi-difficulty .syntagi-difficulty-spoon:first-child {
margin-left: 0
}
@media (min-width: 1000px) {
.syntagi-difficulty {
float: none;
margin: 10px 0 0 0
}
}
.no-flexbox .syntagi-difficulty-spoon.small {
margin-top: 5px
}
.no-inlinesvg .syntagi-time .syntagi-time-img .svgCnt {
background-image: url(../img/timerClock.png);
background-repeat: no-repeat;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto
}
.no-inlinesvg .syntagi-difficulty-spoon .svgCnt.spoonBigSvg,
.no-inlinesvg .syntagi-difficulty-spoon .svgCnt.spoonSmallSvg {
background-repeat: no-repeat;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto
}
.no-inlinesvg .syntagi-difficulty-spoon .svgCnt.spoonBigSvg {
background-image: url(../img/spoonBig.png)
}
.no-inlinesvg .syntagi-difficulty-spoon .svgCnt.spoonSmallSvg {
background-image: url(../img/spoonSmall.png)
}
.no-inlinesvg.no-backgroundsize .syntagi-time .syntagi-time-img .svgCnt {
background-image: none;
-moz-border-image: url(../img/timerClock.png) 0;
border: 0
}
.no-inlinesvg.no-backgroundsize .syntagi-difficulty-spoon .svgCnt.spoonBigSvg {
background-image: none;
-moz-border-image: url(../img/spoonBig.png) 0;
border: 0
}
.no-inlinesvg.no-backgroundsize .syntagi-difficulty-spoon .svgCnt.spoonSmallSvg {
background-image: none;
-moz-border-image: url(../img/spoonSmall.png) 0;
border: 0
}
.travel-left-sidebar {
display: none
}
.travel-left-sidebar .travel-sidebar-block {
background-color: #fff;
margin-top: 30px
}
.travel-left-sidebar .travel-sidebar-block:first-child {
margin-top: 0
}
.travel-left-sidebar .travel-sidebar-block h3 {
margin: 0 0 10px 0;
font-weight: 700;
font-size: 3rem;
line-height: 1;
color: #1a2b4c
}
.travel-left-sidebar .travel-sidebar-block a {
display: block;
padding-bottom: 10px;
margin: 0 0 10px 0;
line-height: 28px;
text-align: center;
font-size: 25px;
border-bottom: 1px solid #cccccc;
}
.travel-left-sidebar .travel-sidebar-block a:nth-last-child(2) {
margin:0;
}
.travel-left-sidebar .travel-sidebar-block figure {
font-size: .8rem;
color: #d6d8d8
}
.travel-left-sidebar .travel-sidebar-block h4 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #333333;
margin: 10px 0 0 0;
text-align: left;
}
.travel-left-sidebar .travel-sidebar-block .travel-sidebar-block-article-list {
position: relative;
padding-left: 15px
}
.travel-left-sidebar .travel-sidebar-block .travel-sidebar-block-article-list:before {
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 5px;
left: 0;
background-color: #00ad40
}
.travel-left-sidebar .travel-sidebar-block .travel-sidebar-block-article-list h4 {
border-bottom: 1px solid #c7ccd6;
padding-bottom: 10px;
line-height: 1.231;
margin: 5px 0 0 0
}
@media (min-width: 1000px) {
.travel-left-sidebar {
display: block
}
}
@media (min-width: 768px) and (max-width: 999px) {
.travel-column {
width: 100%
}
}
.europage-left-sidebar {
display: none
}
.europage-left-sidebar .europage-sidebar-block {
background-color: #f0f1f1;
border-top: 6px solid #01bded;
padding: 15px;
margin-top: 30px
}
.europage-left-sidebar .europage-sidebar-block:first-child {
margin-top: 0
}
.europage-left-sidebar .europage-sidebar-block h3 {
margin: 0 0 15px 0;
font-weight: 700;
font-size: 3rem;
line-height: 1;
color: #1a2b4c
}
.europage-left-sidebar .europage-sidebar-block a {
display: block;
padding: 0;
margin: 0 0 15px 0;
line-height: 1
}
.europage-left-sidebar .europage-sidebar-block figure {
font-size: .8rem;
color: #d6d8d8
}
.europage-left-sidebar .europage-sidebar-block h4 {
font-weight: 700;
font-size: 1.3rem;
line-height: 1.214;
color: #1a2b4c;
margin: 10px 0 0 0
}
.europage-left-sidebar .europage-sidebar-block.even-block {
background: #efefef url('../img/euro_left_grey.jpg');
color: #c00
}
.europage-left-sidebar .europage-sidebar-block.even-block a,
.europage-left-sidebar .europage-sidebar-block.even-block h4 {
color: #c00
}
.europage-left-sidebar .europage-sidebar-block.odd-block {
background: #246492 url('../img/euro_left_blue.jpg');
color: #fff
}
.europage-left-sidebar .europage-sidebar-block.odd-block a,
.europage-left-sidebar .europage-sidebar-block.odd-block h4 {
color: #fff
}
.europage-left-sidebar .europage-sidebar-block .europage-sidebar-block-article-list {
position: relative;
padding-left: 15px
}
.europage-left-sidebar .europage-sidebar-block .europage-sidebar-block-article-list:before {
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 5px;
left: 0;
background-color: #00ad40
}
.europage-left-sidebar .europage-sidebar-block .europage-sidebar-block-article-list h4 {
border-bottom: 1px solid #c7ccd6;
padding-bottom: 10px;
line-height: 1.231;
margin: 5px 0 0 0
}
@media (min-width: 1000px) {
.europage-left-sidebar {
display: block
}
}
@media (min-width: 768px) and (max-width: 999px) {
.europage-column {
width: 100%
}
}
.tag-feed .tag-header {
position: relative
}
@media (max-width: 767px) {
.tag-feed .tag-header {
background: #1a2b4c;
padding: 10px;
color: #fff;
margin-top: 5px;
margin-bottom: 10px
}
}
.tag-feed .tag-header .tag-feed-title {
font-size: 2rem;
color: #1a2b4c
}
.tag-feed .tag-header .tag-feed-title span {
color: #c00
}
.tag-feed .tag-header .tag-count-cnt {
display: inline-block;
vertical-align: bottom;
line-height: 26px;
margin: 7px 10px 0 0
}
.tag-feed .tag-header .tag-feed-name {
font-size: 3rem;
display: inline-block;
vertical-align: text-bottom;
margin: 0;
color: #c00;
line-height: 26px
}
@media (max-width: 767px) {
.tag-feed .tag-header .tag-feed-name {
color: #fff
}
}
.tag-feed .tag-header .tag-feed-descr {
color: #000;
font-size: 1.6rem;
text-align: justify;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
@media (max-width: 767px) {
.tag-feed .tag-header .tag-feed-descr {
color: #fff
}
}
.tag-feed .tag-header .tag-social-head-share {
position: absolute;
top: 0;
right: 0
}
@media (max-width: 767px) {
.tag-feed .tag-header .tag-social-head-share {
position: relative;
display: block;
margin: 10px 0
}
}
.tag-feed h2 {
margin: 20px 0 15px
}
.tag-feed .tag-row {
margin-top: 35px
}
@media (max-width: 767px) {
.tag-feed .tag-row {
margin-top: 0
}
}
.static-content {
font-weight: 400;
font-size: 1.6rem;
line-height: 2.1rem;
color: #808285
}
@media (max-width: 767px) {
.static-content h1 {
line-height: 2.6rem
}
}
.static-content h2 {
margin-top: 30px;
font-size: 2.5rem;
color: #c00;
font-weight: 700;
line-height: 3rem
}
.static-content h3 {
margin-top: 30px;
font-size: 1.6rem;
line-height: 2rem;
font-weight: 400;
font-weight: bold;
color: #005f9b
}
@media (min-width: 768px) and (max-width: 999px) {
.page-eortologio-wrap .main-column {
width: 100%
}
.page-eortologio-wrap .main-sidebar {
display: none
}
}
.page-eortologio {
min-height: 600px
}
.page-eortologio .eortologio-title {
text-align: center
}
.page-eortologio .ovrl {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
z-index: 10;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.page-eortologio .ovrl .svgCnt {
top: 50%;
left: 50%;
position: absolute;
margin-left: -35px;
width: 80px
}
.page-eortologio .ovrl.open {
opacity: 1;
visibility: visible
}
.page-eortologio #calendar.fc .fc-toolbar button {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #1a2a4c;
height: auto;
padding: 8px 7px;
box-shadow: none;
background: #fff
}
.page-eortologio #calendar.fc .fc-icon {
color: #1a2a4c;
font-size: 1.2em
}
.page-eortologio #calendar.fc .fc-toolbar h2 {
color: #1a2a4c;
font-weight: 700;
font-size: 3rem
}
.page-eortologio #calendar.fc .fc-day-number {
text-align: left;
color: #cb0000;
font-size: 1.2rem;
font-weight: 700;
background-color: #e5e8f0;
border-top: 5px solid #fff;
border-right: 0 solid #fff;
border-bottom: 0 solid #fff;
border-left: 5px solid #fff
}
.page-eortologio #calendar.fc td {
border-top: 0 solid #fff;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
border-left: 5px solid #fff
}
.page-eortologio #calendar.fc .fc-event-container {
border-right: 5px solid #fff;
border-left: 5px solid #fff
}
.page-eortologio #calendar.fc .fc-day-number.fc-other-month {
background-color: #e6e7e8;
opacity: .5
}
.page-eortologio #calendar.fc .fc-row .fc-bg {
background-color: #f6f7f9
}
.page-eortologio #calendar.fc .fc-event {
background-color: #f6f7f9;
font-size: 1.3rem;
border: none;
color: #808285;
padding: 2px 0 0 2px;
font-weight: 400
}
.page-eortologio #calendar.fc .fc-widget-content {
height: auto !important;
min-height: 120px
}
.page-eortologio #calendar.fc .fc-content-skeleton thead .fc-today {
background-color: #c00;
color: #fff
}
.page-contact h1 {
margin: 0
}
.page-contact p {
max-width: 450px
}
@media (max-width: 767px) {
.page-contact p {
max-width: 100%
}
}
.page-contact p.bld {
color: #414042
}
.page-contact .ml {
margin-left: 12px
}
.page-contact .contact-details {
color: #1a2b4c;
font-size: 2rem;
margin-top: 25px;
font-weight: 700
}
.page-contact .contact-details .contact-details-item {
display: block;
margin-top: 15px
}
.page-contact .contact-details .contact-details-item:before,
.page-contact .contact-details .contact-details-item:after {
content: " ";
display: table
}
.page-contact .contact-details .contact-details-item:after {
clear: both
}
.page-contact .contact-details .contact-details-item:before,
.page-contact .contact-details .contact-details-item:after {
content: " ";
display: table
}
.page-contact .contact-details .contact-details-item:after {
clear: both
}
.page-contact .contact-details .contact-details-item.tel {
line-height: 36px
}
.page-contact .contact-details .contact-details-item.fax {
line-height: 32px
}
.page-contact .contact-details .contact-details-item.mail {
line-height: 25px
}
.page-contact .contact-details .contact-details-item-text {
color: #1a2b4c;
text-decoration: none;
margin-left: 55px;
display: block;
line-height: inherit
}
.page-contact .contact-details .svgCnt {
position: relative;
float: left
}
.page-contact .contact-details .svgCnt.telephoneSvg {
width: 35px;
height: 36px
}
.page-contact .contact-details .svgCnt.faxSvg {
width: 37px;
height: 32px
}
.page-contact .contact-details .svgCnt.mailSvg {
width: 38px;
height: 25px
}
.page-contact .contact-details .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-contact .line {
background-color: #1a2a4c;
width: 100%;
height: 6px;
margin: 30px 0 30px 0
}
.page-contact .thinLine {
width: 100%;
height: 1px;
background-color: #f1f2f2;
margin: 15px 0
}
.page-contact h2 {
color: #cb0000;
font-size: 2rem;
font-weight: 700;
position: relative;
padding-left: 10px
}
.page-contact h2 .svgCnt {
width: 5px;
height: 5px;
position: absolute;
top: 13px;
left: 0
}
.page-contact h2 .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-contact .openFrmLnk {
color: #009fde;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
text-decoration: none
}
.page-contact .frmCnt {
display: none
}
.page-contact .frmCnt label {
color: #1a2a4c;
font-size: 1.3rem;
margin: 10px 0 5px 0;
font-weight: 700
}
.page-contact .frmCnt label .star {
color: #cb0000
}
.page-contact .frmCnt label.error {
color: #cb0000;
display: block;
margin: 0
}
.page-contact .frmCnt .form-control {
width: 100%;
font-size: 1.6rem;
padding: 4px 5px;
background-color: #f7f7f7;
border: 1px solid #e6e7e8;
margin-bottom: 5px
}
.page-contact .frmCnt .form-control.error {
border: 1px solid #cb0000
}
.page-contact .frmCnt textarea {
resize: none;
height: 114px
}
.page-contact .frmCnt .recaptcha {
margin-top: 20px
}
.page-contact .btn {
font-size: 1.4rem;
display: inline-block;
text-decoration: none;
font-weight: 700;
color: #fff;
background-color: #1a2a4c;
padding: 5px 20px 5px 15px;
margin: 10px 0 0 0;
position: relative
}
.page-contact .btn .svgCnt {
position: absolute;
width: 5px;
height: 5px;
top: 50%;
right: 8px;
margin-top: -3px
}
.page-contact .btn .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-contact .divResp {
margin: 8px 0 0 0
}
.page-topikes-eidhseis {
position: relative
}
.plusCnt {
position: absolute;
top: 130px;
left: 15px;
font-weight: 700
}
.plusCnt .svgCnt {
width: 29px;
display: inline-block
}
.plusCnt span {
color: #1a2b4c;
font-size: 1.2rem;
margin-left: 8px;
display: inline-block;
vertical-align: top;
line-height: 1.4rem
}
.mapCnt {
position: relative
}
.mapCnt .svgTooltip {
position: absolute;
background: #1a2b4c;
color: #fff;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
border-radius: 3px;
font-weight: 700
}
.mapCnt .svgTooltip:before {
content: "";
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #1a2b4c;
position: absolute;
left: -8px;
top: 50%;
margin-top: -8px
}
.mapCnt .svgTooltip.left:before {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #1a2b4c;
border-right: none;
left: auto;
right: -8px
}
.mapCnt .mapSvg {
position: relative;
width: 100%;
height: 0;
padding-bottom: 104.37853107%
}
.mapCnt .mapSvg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mapCnt .mapSvg .prefecture {
cursor: pointer
}
.mapCnt .mapSvg .prefecture path {
-webkit-transition: all .03s ease-in-out;
-moz-transition: all .03s ease-in-out;
-o-transition: all .03s ease-in-out;
transition: all .03s ease-in-out
}
.mapCnt .mapSvg .prefecture:hover path,
.mapCnt .mapSvg .prefecture.selected path {
fill: #c00;
stroke: #cb0000
}
#mapPopUp {
z-index: 2;
display: none;
position: absolute;
right: 15px;
top: 130px;
background: #fff;
min-width: 230px;
-webkit-box-shadow: -3px 0 6px 1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -3px 0 6px 1px rgba(0, 0, 0, 0.75);
box-shadow: -3px 0 6px 1px rgba(0, 0, 0, 0.75)
}
#mapPopUp.affixo {
position: fixed;
top: 20px;
right: auto
}
#mapPopUp .headCnt {
background-color: #f1f2f2
}
#mapPopUp .headCnt h2 {
color: #1a2a4c;
font-size: 2rem;
margin: 0;
padding: 8px 45px 8px 20px;
font-weight: 700
}
#mapPopUp .bodyCnt {
padding: 10px 20px
}
#mapPopUp .bodyCnt .lnkCnt {
font-size: 1.2rem;
font-weight: 400;
margin-top: 8px
}
#mapPopUp .bodyCnt .lnkCnt a {
color: #009fde;
text-decoration: none
}
#mapPopUp .bodyCnt .lnkCnt span {
color: #000;
display: block;
max-width: 195px
}
#mapPopUp .bodyCnt .lnkCnt:first-child {
margin-top: 0
}
#mapPopUp .redXSvg {
cursor: pointer;
position: absolute;
width: 18px;
height: 18px;
top: 13px;
right: 15px
}
.page-rss .blueLine {
margin-top: 20px;
height: 5px;
background-color: #1a2b4c
}
.page-rss .static-para {
margin: 0 0 20px 0
}
.page-rss .feedDiv {
margin-bottom: 5px
}
.page-rss .feedDiv .box {
width: 7px;
height: 7px;
display: inline-block;
vertical-align: top;
margin: 7px 5px 0 0
}
.page-rss .feedDiv .nameCnt {
max-width: 140px
}
.page-rss .feedDiv .name {
color: #1a2b4c;
font-size: 1.5rem;
font-weight: 700;
display: inline-block
}
@media (min-width: 768px) {
.page-rss .feedDiv .linkCnt {
padding: 0
}
}
.page-rss .feedDiv .linkCnt a {
font-weight: 400;
font-size: 1.5rem;
color: #005f9b
}
.page-search .static-title {
margin: 0 0 22px 0;
line-height: 1
}
.page-search .static-title:before,
.page-search .static-title:after {
content: " ";
display: table
}
.page-search .static-title:after {
clear: both
}
.page-search .static-title:before,
.page-search .static-title:after {
content: " ";
display: table
}
.page-search .static-title:after {
clear: both
}
.page-search .page-search-options {
width: 100%;
margin: 0 0 30px 0;
background-color: #f5f5f5;
border: 1px solid #e6e7e8;
padding: 16px
}
.page-search .page-search-options .page-search-options-row .col-md-3 {
margin-top: 13px
}
.page-search .page-search-options .page-search-options-row .col-md-3.first {
margin-top: 0
}
@media (min-width: 1000px) {
.page-search .page-search-options .page-search-options-row .col-md-3 {
margin-top: 0
}
}
.page-search .page-search-options .page-search-options-query {
width: 100%;
border: 1px solid #bcbec0;
color: #1a2b4c;
font-size: 1.3rem;
padding: 13px
}
.page-search .page-search-options .page-search-options-row {
margin-top: 11px
}
.page-search .page-search-options .page-search-dropdown {
width: 100%;
border: 1px solid #bcbec0;
font-size: 1.3rem;
padding: 5px 13px;
color: #6d6e71
}
.page-search .page-search-options .page-search-date-pickers span {
position: absolute;
right: 24px;
top: 50%;
margin-top: -6px;
width: 13px;
height: 12px
}
.page-search .page-search-options .page-search-date-pickers span .svgCnt {
position: relative;
width: 13px;
height: 12px
}
.page-search .page-search-options .page-search-date-pickers span .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-search .page-search-options .submitCnt .page-search-submit {
width: 100%;
font-weight: 700;
font-size: 1.3rem;
color: #fff;
background-color: #1a2b4c;
border: none;
padding: 8px 13px;
text-align: left;
line-height: 1
}
.page-search .page-search-options .submitCnt span {
position: absolute;
right: 24px;
top: 50%;
margin-top: -7px;
width: 16px;
height: 15px
}
.page-search .page-search-options .submitCnt span .svgCnt {
position: relative;
width: 16px;
height: 15px
}
.page-search .page-search-options .submitCnt span .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-search .page-search-options .submitCnt span .svgCnt svg path {
fill: #fff
}
.page-search .page-search-results {
margin: 0 0 30px 0;
border-bottom: 6px solid #1a2b4c;
color: #1a2b4c;
padding: 0 0 15px 0;
font-size: 1.3rem
}
.page-search .page-search-results span {
font-weight: 700;
font-size: 3rem;
line-height: 1;
margin-left: 15px
}
.page-search .page-search-results span:before {
content: "'"
}
.page-search .page-search-results span:after {
content: "'"
}
.page-xrimatistirio iframe {
height: 1000px;
width: 100%
}
.page-newspapers .currentDateCnt {
text-align: center
}
@media (max-width: 767px) {
.page-newspapers .currentDateCnt {
margin-top: 20px
}
}
@media (min-width: 768px) {
.page-newspapers .currentDateCnt {
margin-top: 20px
}
}
.page-newspapers .currentDateCnt .btnNav {
display: inline-block;
vertical-align: middle
}
@media (max-width: 767px) {
.page-newspapers .currentDateCnt .btnNav {
margin-top: 25px !important
}
}
.page-newspapers .currentDateCnt .btnNav .svgCnt {
width: 38px;
height: 38px;
position: relative;
margin: 0;
padding: 0;
line-height: 1
}
.page-newspapers .currentDateCnt .btnNav .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media (max-width: 767px) {
.page-newspapers .currentDateCnt .btnNav.btnPrev.visible-xs {
display: inline-block !important;
margin-right: 15px
}
}
.page-newspapers .currentDateCnt .curDate {
font-size: 3rem;
color: #1a2b4c;
font-weight: 400;
margin: 0 15px
}
@media (max-width: 767px) {
.page-newspapers .currentDateCnt .curDate.mob {
display: inline-block
}
}
@media (min-width: 768px) {
.page-newspapers .currentDateCnt .curDate.mob {
display: none
}
}
@media (min-width: 1401px) {
.page-newspapers .currentDateCnt .curDate.mob {
display: none
}
}
.page-newspapers .currentDateCnt #selCalendar {
margin-left: 15px
}
.page-newspapers .categories-nav {
width: 80%;
margin: 0 auto;
text-align: center
}
@media (min-width: 768px) {
.page-newspapers .categories-nav {
width: 100%
}
}
.page-newspapers .categories-nav .nav-cnt .lnk-cat {
display: inline-block;
padding: 8px 10px;
color: #939598;
font-size: 1.7rem;
font-weight: 700
}
.page-newspapers .categories-nav .nav-cnt .lnk-cat.active {
color: #c00
}
.page-newspapers .categories-nav .line {
height: 1px;
width: 100%;
background: url("../img/borderLineTop.png") no-repeat 50% 0
}
.page-newspapers .categories-nav .line.top {
margin: 25px auto 0
}
.page-newspapers .categories-nav .line.bot {
margin: 0 auto 25px
}
.page-newspapers .categories-nav .front-back-cnt {
text-align: center
}
.page-newspapers .categories-nav .front-back-cnt .btn-frontback {
font-weight: 400;
display: inline-block;
border: 1px solid #005f9b;
color: #005f9b;
font-size: 1.5rem;
padding: 3px 15px
}
@media (max-width: 767px) {
.page-newspapers .categories-nav .front-back-cnt .btn-frontback {
font-size: 1.3rem;
padding: 6px 12px
}
}
.page-newspapers .categories-nav .front-back-cnt .btn-frontback:first-child {
margin-right: 10px
}
@media (max-width: 767px) {
.page-newspapers .categories-nav .front-back-cnt .btn-frontback:first-child {
margin-right: 5px
}
}
.page-newspapers .categories-nav .front-back-cnt .btn-frontback:hover,
.page-newspapers .categories-nav .front-back-cnt .btn-frontback.selected {
color: #fff;
background: #005f9b
}
.page-newspapers .categories-nav #papersDD {
display: inline-block;
width: 200px;
padding: 5px;
text-align: center;
margin: 15px auto 25px;
border: 1px solid #e3e3e3
}
.page-newspapers .papers-cnt .group h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
color: #a7a9ac;
position: relative;
font-weight: 700;
font-size: 2.2rem;
padding-left: 15px
}
@media (max-width: 767px) {
.page-newspapers .papers-cnt .group h3 {
text-align: center
}
}
.page-newspapers .papers-cnt .group h3 .newspapersArrowOpenRight {
display: inline-block;
margin-top: -3px;
vertical-align: top;
width: 6px;
height: 9px
}
.page-newspapers .papers-cnt .papers {
text-align: center
}
@media (min-width: 768px) and (max-width: 999px) {
.page-newspapers .papers-cnt .papers {
text-align: center
}
}
@media (min-width: 1000px) {
.page-newspapers .papers-cnt .papers {
text-align: left
}
}
.page-newspapers .papers-cnt .papers .np-itm {
width: 230px;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 12px 20px 0
}
@media (min-width: 768px) {
.page-newspapers .papers-cnt .papers .np-itm {
width: 224px
}
}
@media (min-width: 1000px) {
.page-newspapers .papers-cnt .papers .np-itm {
width: 230px
}
}
@media (min-width: 1401px) {
.page-newspapers .papers-cnt .papers .np-itm {
width: 205px
}
}
.page-newspapers .papers-cnt .papers .np-itm .thb {
position: relative;
padding: 5px;
height: 263px;
overflow: hidden;
border: 1px solid #f7f7f7;
cursor: pointer
}
.page-newspapers .papers-cnt .papers .np-itm .thb img {
display: block;
width: 100%;
position: relative;
z-index: 1
}
.page-newspapers .papers-cnt .papers .np-itm .thb .ovr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
visibility: hidden;
opacity: 0;
background-color: rgba(255, 255, 255, 0.6);
text-align: center
}
.page-newspapers .papers-cnt .papers .np-itm .thb .icn {
display: inline-block;
width: 34px;
height: 34px;
position: relative;
top: 125px
}
.page-newspapers .papers-cnt .papers .np-itm .thb .iconView {
cursor: pointer
}
.page-newspapers .papers-cnt .papers .np-itm .thb .iconEmail {
cursor: pointer
}
.page-newspapers .papers-cnt .papers .np-itm .title {
text-align: center;
padding: 5px 0;
background: #f7f7f7;
color: #005f9b;
font-size: 1.9rem;
font-weight: 400
}
.page-newspapers .papers-cnt .papers .np-itm:hover .thb {
border: 1px solid #005f9b
}
.page-newspapers .papers-cnt .papers .np-itm:hover .title {
background: #005f9b;
color: #fff
}
.page-newspapers .papers-cnt .papers .np-itm:hover .thb .ovr {
visibility: visible;
opacity: 1
}
.page-newspapers .papers-cnt .papers .np-itm.addWidget {
text-align: center
}
.page-newspapers .papers-cnt .papers .np-itm.addWidget span {
color: #1a2b4c;
font-weight: 700;
display: block;
font-size: 1.9rem;
line-height: 2.1rem;
margin: 15px 0 20px
}
.page-newspapers .papers-cnt .papers .np-itm.addWidget .cross {
margin-top: 10px
}
.page-newspapers .papers-cnt .papers .np-itm.addWidget img {
width: auto;
display: inline-block
}
.page-newspapers .papers-cnt .papers .np-itm-extra {
width: 230px;
height: 305px;
display: inline-block;
position: relative;
margin: 0 12px 20px 0;
text-decoration: none
}
@media (max-width: 767px) {
.page-newspapers .papers-cnt .papers .np-itm-extra {
float: none !important
}
}
@media (min-width: 1401px) {
.page-newspapers .papers-cnt .papers .np-itm-extra {
width: 205px
}
}
.page-newspapers .papers-cnt .papers .np-itm-extra .thb {
position: relative;
padding: 5px;
height: 263px;
overflow: hidden;
border: 1px solid #f7f7f7;
cursor: pointer
}
.page-newspapers .papers-cnt .papers .np-itm-extra .title {
text-align: center;
padding: 5px 0;
background: #f7f7f7;
color: #005f9b;
font-size: 1.9rem;
font-weight: 400
}
.page-newspapers .papers-cnt .papers .np-itm-extra:hover .thb {
border: 1px solid #005f9b
}
.page-newspapers .papers-cnt .papers .np-itm-extra:hover .title {
background: #005f9b;
color: #fff
}
.page-newspapers .papers-cnt .papers .np-itm-extra.addWidget {
text-align: center
}
.page-newspapers .papers-cnt .papers .np-itm-extra.addWidget span {
color: #1a2b4c;
font-weight: 700;
display: block;
font-size: 1.9rem;
line-height: 2.1rem;
margin: 15px 0 20px
}
.page-newspapers .papers-cnt .papers .np-itm-extra.addWidget .cross {
margin-top: 10px
}
.page-newspapers .papers-cnt .papers .np-itm-extra.addWidget img {
width: auto;
display: inline-block
}
.page-newspapers .animAll {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.newspapers-widget-wrap {
background: #efefef;
border: 1px solid #eee;
border-radius: 3px;
padding: 20px;
text-align: center
}
.newspapers-widget-form h1 {
margin: 0 0 20px;
line-height: 1.1;
font-size: 3rem;
text-align: center;
color: #1a2b4c;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
font-weight: 400
}
.newspapers-widget-form p {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1.3rem
}
.newspapers-widget-form .form-group {
width: 100%;
margin-top: 20px
}
.newspapers-widget-form .title {
font-size: 1.8rem;
margin-bottom: 3px
}
.newspapers-widget-form label {
cursor: pointer
}
.newspapers-widget-form label.error {
color: #c00;
font-size: 1.3rem;
display: block;
margin-top: 4px;
line-height: 1.2
}
.newspapers-widget-form input[type="text"] {
width: 100%
}
.newspapers-widget-form input[type="submit"] {
border: none;
background-color: #c00;
color: #fff;
font-size: 1.8rem;
padding: 5px 15px
}
.newspapers-widget-form input[type="submit"]:hover {
background-color: #8a0000
}
.newspapers-widget-form .embed-code-cnt {
display: none
}
.newspapers-widget-form .embed-code-cnt textarea {
width: 100%;
max-width: 380px;
height: 100px;
padding: 10px;
text-align: center
}
.newspapers-widget-form .newspapers-widget-categories {
width: 100px;
margin: auto;
text-align: left
}
.newspapers-widget-preview {
display: none;
margin: 35px auto 0;
max-width: 400px
}
.page-user {
margin-bottom: 20px
}
.page-user form {
width: 280px;
margin: 0 auto;
padding: 26px 24px 26px;
background: #fafafa;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
border: 1px solid #dedede;
border-radius: 3px
}
.page-user h1 {
text-align: center;
font-size: 2.5rem
}
.page-user .form-group {
width: 100%;
line-height: 1.5;
font-weight: 700;
margin-bottom: 16px
}
.page-user .form-group:before,
.page-user .form-group:after {
content: " ";
display: table
}
.page-user .form-group:after {
clear: both
}
.page-user .form-group:before,
.page-user .form-group:after {
content: " ";
display: table
}
.page-user .form-group:after {
clear: both
}
.page-user .form-group label {
width: 100%;
margin: 0;
padding: 0;
font-size: 1.4rem;
color: #1a2b4c;
vertical-align: middle;
cursor: pointer
}
.page-user .form-group label.error {
font-size: 1.1rem;
color: red;
cursor: default
}
.page-user .form-group input {
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.page-user .form-group input[type="text"],
.page-user .form-group input[type="password"] {
width: 100%;
padding: 3px;
margin: 2px 0;
background: #fbfbfb;
border: 1px solid #ddd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
color: #777;
outline: 0 none;
-webkit-transition: border-color .05s ease-in-out 0s;
transition: border-color .05s ease-in-out 0s
}
.page-user .form-group input[type="submit"] {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
vertical-align: baseline;
float: right;
background: #005f9b;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
color: #fff;
border-radius: 3px;
border-width: 1px;
border-style: solid;
margin: 0
}
.page-user .form-group input[type="submit"]:disabled {
background-color: #999;
color: #777;
cursor: default;
border-color: transparent
}
.page-user .form-group input[type="submit"]:hover {
background: #002035
}
.page-user .action-btn {
cursor: pointer;
font-weight: 700;
text-decoration: underline
}
.sidebar-user-settings .user-settings-head {
text-align: center
}
.sidebar-user-settings .user-settings-head h2 {
color: #169fda;
font-weight: 400;
font-size: 3rem;
margin: 0 0 15px 0
}
.sidebar-user-settings #avatar-upload-form {
width: 100%;
text-align: center;
min-height: 0;
border: 2px dotted rgba(0, 0, 0, 0.2);
background: transparent;
padding: 15px
}
.sidebar-user-settings #avatar-upload-form * {
cursor: pointer
}
.sidebar-user-settings #avatar-upload-form.dropzone.dz-drag-hover {
border-style: solid;
border-color: #1a2b4c
}
.sidebar-user-settings #avatar-upload-form .dz-message {
margin: 15px 0 0 0
}
.sidebar-user-settings #avatar-upload-form .dz-message span span {
color: #169fda
}
.sidebar-user-settings #avatar-upload-form .dz-preview {
display: inline-block;
width: 25%;
height: 0;
padding-bottom: 25%;
min-height: 0;
position: relative;
margin: 0 8px
}
.sidebar-user-settings #avatar-upload-form .dz-preview.dz-image-preview {
background: transparent
}
.sidebar-user-settings #avatar-upload-form .dz-preview .dz-image {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%
}
.sidebar-user-settings #avatar-upload-form .dz-preview .dz-image img {
width: 100%
}
.sidebar-user-settings #avatar-upload-form .dz-preview .dz-details {
display: none
}
.sidebar-user-settings #avatar-upload-form .dz-preview:hover img {
-webkit-filter: none;
filter: none
}
.sidebar-user-settings #avatar-upload-form .cnt {
display: inline-block;
width: 25%;
position: relative;
margin: 0 8px
}
.sidebar-user-settings #avatar-upload-form .cnt .inner {
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
overflow: hidden;
display: inline-block;
position: relative
}
.sidebar-user-settings #avatar-upload-form .cnt .inner:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.sidebar-user-settings #avatar-upload-form .badge {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 11;
line-height: 1
}
.sidebar-user-settings #avatar-upload-form .badge span {
font-size: 1.1rem;
line-height: 1;
padding: 2px 6px;
display: inline-block;
background-color: #8a0000;
color: #fff
}
.sidebar-user-settings #avatar-upload-form .pending .inner {
border: 1px solid #8a0000
}
.sidebar-user-settings #avatar-upload-form .pending .badge span {
background-color: #8a0000;
color: #fff
}
.sidebar-user-settings #avatar-upload-form .generic .inner {
border: 1px solid #1a2b4c
}
.sidebar-user-settings #avatar-upload-form .generic .inner:before {
content: "";
background-color: #fff;
opacity: .3;
filter: alpha(opacity=30)
}
.sidebar-user-settings #avatar-upload-form .generic .badge span {
background-color: #1a2b4c;
color: #fff
}
.sidebar-user-settings .user-settings {
margin-top: 15px;
font-size: 1.8rem
}
.sidebar-user-settings .user-setting {
border-top: 1px solid #d3d3d3;
margin-top: 10px;
padding-top: 10px
}
.sidebar-user-settings .user-setting:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0
}
.sidebar-user-settings .user-setting .opener {
font-size: 2rem;
text-align: center
}
.sidebar-user-settings .user-setting i {
color: #169fda;
margin-right: 10px
}
.sidebar-user-settings .user-setting a {
color: #1a2b4c;
font-weight: 700
}
.sidebar-user-settings .user-setting a:hover {
color: #169fda
}
.sidebar-user-settings .user-setting .inside {
display: none
}
.sidebar-user-settings .user-setting form {
margin: 10px 0
}
.sidebar-user-settings .user-setting .input-wrap {
width: 100%;
margin: 5px 0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
position: relative
}
.sidebar-user-settings .user-setting .input-wrap.sex {
padding: 10px;
background: #fff
}
.sidebar-user-settings .user-setting label {
cursor: pointer
}
.sidebar-user-settings .user-setting label.error {
font-weight: 400;
font-size: 1.2rem;
color: #c00;
cursor: none;
line-height: 1.1
}
.sidebar-user-settings .user-setting label.newsletter {
margin-left: 25px;
line-height: 1.2;
font-size: 1.4rem;
display: block
}
.sidebar-user-settings .user-setting label.newsletter input {
margin-left: -25px
}
.sidebar-user-settings .user-setting .input-wrap-group .input-wrap {
margin: 5px 0
}
.sidebar-user-settings .user-setting .input-wrap-group .input-wrap:first-child {
margin-top: 5px
}
.sidebar-user-settings .user-setting .input-wrap-group .input-wrap:last-child {
margin-bottom: 5px
}
.sidebar-user-settings .user-setting input[type="text"],
.sidebar-user-settings .user-setting input[type="email"],
.sidebar-user-settings .user-setting input[type="password"] {
width: 100%;
border: 1px solid #fff;
padding: 10px;
font-size: 1.7rem
}
.sidebar-user-settings .user-setting input[type="text"].error,
.sidebar-user-settings .user-setting input[type="email"].error,
.sidebar-user-settings .user-setting input[type="password"].error {
border-color: #8a0000
}
.sidebar-user-settings .user-setting input[type="text"]:focus,
.sidebar-user-settings .user-setting input[type="email"]:focus,
.sidebar-user-settings .user-setting input[type="password"]:focus {
border-color: #005f9b
}
.sidebar-user-settings .user-setting input[type="checkbox"] {
margin: 0 10px
}
.sidebar-user-settings .user-setting input[type="submit"] {
width: 100%;
text-align: center;
color: #fff;
background-color: #c00;
padding: 10px 0;
font-size: 1.6rem;
border: none
}
.sidebar-user-settings .user-setting input[type="submit"]:hover {
background-color: #8a0000
}
.sidebar-user-settings .user-setting .datepicker i {
position: absolute;
right: 0;
top: 50%;
line-height: 1;
font-size: 20px;
margin-top: -10px
}
.user-email-notification {
margin-bottom: 40px;
position: relative
}
.user-email-notification i {
margin-right: 10px
}
.user-email-notification i:before {
width: auto;
height: auto;
line-height: 1;
margin: 0;
padding: 0
}
.user-email-notification .stripes {
position: absolute;
top: 0;
left: 15px;
bottom: 0;
right: 15px;
background: transparent url('../img/NB_diagPattern.png');
z-index: 2;
opacity: .2;
filter: alpha(opacity=20)
}
.user-email-notification .bg {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
background: #c00;
z-index: 1
}
.user-email-notification .inside {
position: relative;
z-index: 3;
padding: 30px 20px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: '' 0 4px 4px rgba(0, 0, 0, 0.3) 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 4px 4px rgba(0, 0, 0, 0.3) 1px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 4px 4px rgba(0, 0, 0, 0.3) 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 4px 4px rgba(0, 0, 0, 0.3) 1px 2px rgba(0, 0, 0, 0.2)
}
.user-email-notification h2 {
color: #fff;
margin: 0
}
.user-email-notification p {
color: #fff;
margin: 0;
font-size: 2rem;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height: 1.2;
margin-top: 5px
}
.user-email-notification p b {
font-size: 2rem
}
.user-email-notification .btn {
display: block;
width: 100%;
color: #169fda;
font-weight: 700;
font-size: 1.7rem;
background-color: #fff;
padding: 10px 15px;
margin-top: 5px
}
.user-email-notification .btn:hover {
background-color: #efefef
}
.user-email-notification .btn.top {
margin-top: 15px
}
@media (min-width: 768px) {
.user-email-notification .btn.top {
margin-top: 0
}
}
.datepicker {
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.page-me h3 {
margin: 44px 0 8px 0;
font-weight: 700;
font-size: 2.8rem;
color: #000;
line-height: 1;
padding-bottom: 20px;
border-bottom: 1px solid #efefef
}
.page-me h3 span {
color: #ffc638
}
.page-me h3.top {
margin-top: 0
}
.page-me .page-me-user-comments h3 {
border-bottom: 0
}
.page-me .noComments {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1.4rem
}
.page-me .nb_favorite_articles .remove,
.page-me .comList .remove {
padding: 3px 12px;
background-color: #c00;
color: #fff;
font-size: 1.3rem;
margin: 40px 0 0 20px;
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer
}
.page-me .nb_favorite_articles .remove.loading,
.page-me .comList .remove.loading {
cursor: default
}
.page-me .nb_favorite_articles .remove:before,
.page-me .comList .remove:before {
content: "";
background-image: url("../img/close.png");
width: 14px;
height: 13px;
display: inline-block;
vertical-align: top;
margin: 3px 7px 0 0
}
.page-me .nb_favorite_articles .remove.remove-all,
.page-me .comList .remove.remove-all {
float: right
}
.page-me .nb_favorite_articles .more,
.page-me .comList .more {
color: #169fda;
margin: 40px 0 0 20px;
float: left;
display: block;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1.6rem
}
.page-me .nb_favorite_articles time,
.page-me .comList time {
font-size: 1.2rem;
color: #939598
}
.page-me .nb_favorite_articles .comment-content,
.page-me .comList .comment-content {
margin-left: 25px;
font-size: 1.4rem
}
.page-me .nb_favorite_articles ul,
.page-me .comList ul {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0
}
.page-me .nb_favorite_articles ul li,
.page-me .comList ul li {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-weight: 700;
font-size: 1.5rem;
padding-top: 15px
}
.page-me .nb_favorite_articles ul li .commentSvg,
.page-me .comList ul li .commentSvg {
width: 12px;
height: 11px;
display: inline-block;
vertical-align: top;
margin: 1px 5px 0 0
}
.page-me .nb_favorite_articles ul li.off,
.page-me .comList ul li.off {
display: none
}
.page-me .nb_favorite_articles ul li .remove,
.page-me .comList ul li .remove {
margin: 0;
padding: 3px 6px;
background-color: #c00;
color: #fff;
font-size: 1.3rem;
width: auto;
display: inline-block;
vertical-align: top;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 0 0 15px
}
.page-me .nb_favorite_articles ul li .remove:before,
.page-me .comList ul li .remove:before {
margin: 3px 0 0 0
}
.page-me .nb_favorite_articles ul li a,
.page-me .comList ul li a {
display: inline-block;
vertical-align: top;
width: 90%;
margin-left: 15px
}
.page-me .nb_favorite_articles ul li a:first-child:before,
.page-me .comList ul li a:first-child:before {
content: "";
background-image: url("../img/note.png");
width: 11px;
height: 13px;
display: inline-block;
vertical-align: top;
margin: 5px 9px 0 0
}
.page-me .nb_favorite_articles ul li ul,
.page-me .comList ul li ul {
padding-left: 36px
}
.page-me .nb_favorite_articles ul li ul li,
.page-me .comList ul li ul li {
padding: 10px 0 0 0;
font-size: 1.4rem;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.page-me-user-comments .tabs {
border-bottom: 1px solid #efefef
}
.page-me-user-comments .tabs .tab {
float: left;
padding: 10px;
color: #939598;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
margin: 0;
cursor: pointer
}
.page-me-user-comments .tabs .tab[data-tab="pending"] {
border-left: 0
}
.page-me-user-comments .tabs .tab.active {
background-color: #169fda;
color: #fff;
cursor: default
}
.page-me-user-comments .boxes .box {
display: none
}
.page-me-user-comments .boxes .box.active {
display: block
}
.ie8 .cloudSvg {
background-image: url("../img/cloud.png")
}
.ie8 .commentSvg {
background-image: url("../img/comment.png")
}
@media (min-width: 768px) {
.page-404 {
margin: 100px auto
}
}
.page-404 h1 {
color: #c00;
font-size: 3.8rem;
line-height: 1;
margin: 0 0 50px 0
}
.page-404 p {
font-weight: 700;
font-size: 1.6rem;
color: #231f20;
line-height: 1.75;
margin: 0 0 50px 0
}
.page-404 .list404 {
display: block;
width: 100%;
margin: 0 0 17px 0;
padding: 0;
position: relative;
font-weight: 700;
font-size: 1.6rem;
line-height: 1;
color: #1a2b4c
}
.page-404 .list404 .svgCnt {
position: relative;
line-height: 1;
float: left
}
.page-404 .list404 .svgCnt.homeSvg {
width: 17px;
height: 16px
}
.page-404 .list404 .svgCnt.homeSvg svg polygon {
fill: #005f9b
}
.page-404 .list404 .svgCnt.searchCnt {
width: 17px;
height: 16px
}
.page-404 .list404 .svgCnt.searchCnt svg path {
fill: #005f9b
}
.page-404 .list404 .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page-404 .list404 .txt {
margin-left: 25px
}
.page-404 .list404:after {
content: "";
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%205.6%208.5%22%20enable-background%3D%22new%200%200%205.6%208.5%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23CB2027%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%220.7%2C0.7%204.2%2C4.2%200.7%2C7.8%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
background-repeat: no-repeat;
width: 6px;
height: 9px;
position: absolute;
top: 50%;
margin-top: -5px;
right: 0;
z-index: 1
}
.page-404 .list404.border {
margin: 0 0 34px 0
}
.page-404 .list404.border:before {
content: "";
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%208%201%22%20enable-background%3D%22new%200%200%208%201%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%220%22%20fill%3D%22%23E7E7E7%22%20width%3D%224%22%20height%3D%221%22/%3E%0D%0A%3C/svg%3E%0D%0A');
position: absolute;
bottom: -18px;
left: 0;
right: 0;
height: 1px;
width: 100%
}
.nb-article-container hr {
margin: 5px 0 10px
}
.sticky-handler {
box-sizing: border-box;
z-index: 2;
max-width: 350px
}
@media (min-width: 1401px) {
.sticky-handler.adSlot {
padding-left: 25px;
padding-right: 25px
}
}
.sticky-handler-area {
background: #fff
}
.article-title {
color: #c00;
font-size: 3.1rem;
margin-top: 0;
margin-bottom: 16px;
line-height: 1.05;
font-weight: 700
}
@media (min-width: 1000px) {
.article-title {
font-size: 3.7rem
}
}
.article-subtitle {
color: #939598;
font-size: 2rem;
font-weight: 400;
margin: 0;
font-weight: 700;
color: #414042
}
.article-top-meta {
margin-bottom: 10px
}
.article-top-meta>div {
float: left
}
@media (max-width: 767px) {
.article-top-meta {
line-height: 1rem;
margin-bottom: 13px
}
}
@media (min-width: 768px) {
.article-top-meta {
margin-bottom: 20px
}
}
.article-top-social-tools .addthis_inline_share_toolbox_vdnn {
float:left;
}
.article-facebook-like .addthis_inline_share_toolbox_vdnn {
float: none;
margin-top: 15px
}
@media (min-width: 1000px) {
.article-facebook-like .addthis_inline_share_toolbox_vdnn {
float: right;
margin: 0
}
}
.article-top-meta-time,
.article-top-meta-date,
.article-top-meta-seperator,
.article-top-meta-modified-text,
.article-top-meta-modified-time,
.article-top-meta-modified-date,
.article-top-meta-category {
font-size: 1.2rem;
padding: 3px 0
}
h2.article-top-mobile-title {
margin: 5px 0 0 0;
font-size: 2.5rem
}
.article-top-meta-seperator {
margin: 0 3px;
color: #aaa39a
}
.article-top-meta-time {
color: #c00
}
.article-top-meta-date {
color: #555
}
.article-top-meta-modified-text {
color: #939598
}
.article-top-meta-modified-time {
color: #c00
}
.article-top-meta-modified-date {
color: #555
}
.article-top-social-tools {
margin-top: 10px
}
.article-top-social {
float: left
}
.article-top-social .addthis_sharing_toolbox {
float:left;
}
.article-social-bottom {
margin: 10px 0
}
.article-top-tools {
float: right
}
.article-top-tools .hint--bottom::before,
.article-top-tools .hint--bottom::after {
top: 106%;
left: 25%;
border-bottom-color: #1a2b4c
}
.article-top-tools .hint::after,
.article-top-tools [data-hint]::after {
color: #fff;
background-color: #1a2b4c
}
.entry-header .at-icon-facebook {
fill: #305ca4!important;
}
.entry-header .at-svc-facebook {
border-color: #305ca4!important;
}
.entry-header .at-icon-twitter{
fill: #00a0df!important;
}
.entry-header .at-svc-twitter {
border-color: #00a0df!important;
}
.entry-header .at-icon-google_plusone_share {
fill: rgb(220, 78, 65)!important;
}
.entry-header .at-svc-google_plusone_share{
border-color: rgb(220, 78, 65)!important;
}
.entry-header .at-icon-linkedin{
fill:rgb(0, 119, 181)!important;
}
.entry-header .at-svc-linkedin{
border-color:rgb(0, 119, 181)!important;
}
@media (max-width: 767px) {
.article-top-tools {
margin: 5px 0;
float: left;
clear: both;
display: block
}
}
.article-facebook-like .addthis_inline_share_toolbox_vdnn {
float: none;
margin-top: 15px
}
@media (min-width: 1000px) {
.article-facebook-like .addthis_inline_share_toolbox_vdnn {
float: right;
margin: 0;
margin-top: -5px;
}
}
.article-top-social-facebook-share,
.article-top-social-twitter-share,
.article-top-social-gplus-share,
.article-top-social-comment-box {
float: left;
width: 60px;
height: 32px;
position: relative;
cursor: pointer
}
@media (min-width: 768px) {
.article-top-social-facebook-share,
.article-top-social-twitter-share,
.article-top-social-gplus-share,
.article-top-social-comment-box {
width: 74px;
height: 34px
}
}
.article-top-social-facebook-share .svgCnt,
.article-top-social-twitter-share .svgCnt,
.article-top-social-gplus-share .svgCnt,
.article-top-social-comment-box .svgCnt {
position: absolute;
top: 50%;
left: 10px
}
.article-top-social-facebook-share .svgCnt svg,
.article-top-social-twitter-share .svgCnt svg,
.article-top-social-gplus-share .svgCnt svg,
.article-top-social-comment-box .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.article-top-social-facebook-share .count,
.article-top-social-twitter-share .count,
.article-top-social-gplus-share .count,
.article-top-social-comment-box .count {
position: absolute;
font-size: 14px;
line-height: 32px;
right: 10px;
color: #fff
}
.article-top-social-facebook-share {
background-color: #2e5ba3;
margin-left: 0
}
.article-top-social-facebook-share .fbLetterSvg {
width: 8px;
height: 16px;
margin-top: -8px
}
.article-top-social-twitter-share {
background-color: #00a0df
}
.article-top-social-twitter-share .twitterIconSvg {
width: 14px;
height: 11px;
margin-top: -5px
}
.article-top-social-gplus-share {
background-color: #dd4b39
}
.article-top-social-gplus-share .gplusLetterSvg {
width: 15px;
height: 16px;
margin-top: -8px
}
.article-top-social-comment-box {
background-color: #fff;
border:1px solid #999;
}
.article-top-social-comment-box .commentBoxSvg {
width: 15px;
height: 15px;
margin-top: -10px
}
.article-top-social-comment-box .commentBoxSvg img {
width: 27px;
margin-left: -5px;
}
.article-top-social-comment-box .count {
color: #999;
margin-top: 1px;
}
.article-top-tools-print,
.article-top-tools-email,
.article-top-tools-aaFontSize,
.article-top-tools-favorite {
float: left;
height: 31px;
cursor: pointer;
position: relative;
margin-left: 13px
}
@media (min-width: 768px) {
.article-top-tools-print,
.article-top-tools-email,
.article-top-tools-aaFontSize,
.article-top-tools-favorite {
margin-left: 10px;
}
}
.article-top-tools-print .svgCnt,
.article-top-tools-email .svgCnt,
.article-top-tools-aaFontSize .svgCnt,
.article-top-tools-favorite .svgCnt {
position: absolute;
bottom: 0;
right: 0
}
.article-top-tools-print .svgCnt svg,
.article-top-tools-email .svgCnt svg,
.article-top-tools-aaFontSize .svgCnt svg,
.article-top-tools-favorite .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.article-top-tools-favorite {
float: left;
width: 24px;
height: 30px;
margin-left: 0;
position: relative
}
.article-top-tools-favorite .nb_favorite_post {
position: absolute;
bottom: 0;
left: 0
}
.article-top-tools-favorite .nb_favorite_post img {
width:20px;
height:20px;
}
.article-top-tools-print {
width: 22px
}
.article-top-tools-print .svgCnt {
width: 24px;
height: 22px
}
.article-top-tools-email {
width: 26px
}
.article-top-tools-email .svgCnt {
width: 27px;
height: 22px
}
.article-top-tools-aaFontSize {
width: 31px;
cursor: default
}
.article-top-tools-aaFontSize .aaFontSizePlusSvg {
cursor: pointer;
width: 17px;
height: 22px;
right:20px;
}
.article-top-tools-aaFontSize .aaFontSizeMinusSvg {
cursor: pointer;
right: 8px;
width: 16px;
height: 19px;
}
.article-content {
color: #000;
font-size: 1.7rem;
line-height: 1.5;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.article-content:before,
.article-content:after {
content: " ";
display: table
}
.article-content:after {
clear: both
}
.article-content:before,
.article-content:after {
content: " ";
display: table
}
.article-content:after {
clear: both
}
.article-content p:first-child {
margin-top: 0
}
.article-content blockquote {
color: #005f9b;
font-size: 2.2rem;
font-weight: 700;
margin: 20px 0;
padding: 30px 0;
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8
}
.article-content blockquote p {
margin: 0;
padding: 0
}
.article-content .blockquote-side {
display: block;
float: left;
color: #005f9b;
font-size: 2.2rem;
font-weight: 700;
width: 50%;
margin: 20px 35px 20px 0;
padding: 20px 0;
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
position: relative;
padding-left: 55px
}
.article-content .blockquote-side p {
margin: 0;
padding: 0
}
.article-content .blockquote-side:before {
position: absolute;
content: "“";
font-size: 7rem;
top: 20px;
left: 0;
line-height: 1
}
.article-content img {
max-width: 100%;
height: auto
}
.article-content .alignleft {
max-width: 100%;
height: auto;
margin: 20px 0
}
.article-content .alignleft img {
max-width: 100%;
height: auto
}
@media (min-width: 768px) {
.article-content .alignleft {
float: left;
max-width: 50%;
margin: 7px 20px 7px 0
}
}
.article-content .alignright {
max-width: 100%;
height: auto;
margin: 20px 0
}
.article-content .alignright img {
max-width: 100%;
height: auto
}
@media (min-width: 768px) {
.article-content .alignright {
float: right;
max-width: 50%;
margin: 7px 0 7px 20px
}
}
.article-content .alignnone {
float: none;
max-width: 100%;
height: auto;
margin: 20px 0
}
.article-content .alignnone img {
max-width: 100%;
height: auto
}
.article-content .aligncenter {
float: none;
max-width: 100%;
height: auto;
margin: 20px auto;
display: block
}
.article-content .aligncenter img {
max-width: 100%;
height: auto
}
.article-content figcaption {
font-size: 1.2rem;
color: #999;
font-style: italic;
text-align: left;
background: #fff;
padding: 8px 15px 20px
}
.article-content figure {
background: #f8f8f8
}
.article-content .embed-responsive {
background: #444
}
.article-content iframe {
max-width: 100%
}
@media (max-width: 767px) {
.article-content iframe {
width: 100%
}
}
.article-tags {
margin: 0px 0 8px;
}
.google-news {
margin: 0 0 5px;
}
.article-tag-border {
border-top: 1px solid;
border-color: #cccccc;
padding-top: 2px;
}
.google-news-border {
border-top: 1px solid;
border-color: #cccccc;
}
.article-tags:before,
.article-tags:after {
content: " ";
display: table
}
.article-tags:after {
clear: both
}
.article-tags:before,
.article-tags:after {
content: " ";
display: table
}
.article-tags:after {
clear: both
}
.article-tags span,
.article-tags a {
float: left;
display: block;
font-size: 16px;
line-height: 1;
color: #fff
}
.article-tags span {
color: #333333;
margin-right: 5px;
margin: 4px 5px 0 0;
position:relative;
padding: 4px 12px 0 0;
letter-spacing: -0.5px;
}
.article-tags span:before {
content: "";
position: absolute;
right: 0;
height: 80%;
bottom: 5%;
border-right: 1px solid;
border-color: #cccccc;
}
.article-tags a {
color: #1d6996;
margin: 4px 5px 0 0;
text-transform: uppercase;
position: relative;
font-weight: 600;
padding: 4px 8px 0;
letter-spacing: -0.5px;
}
.article-tags a:before {
content: "";
position: absolute;
right: -3px;
height: 80%;
bottom: 5%;
border-right: 1px solid;
border-color: #cccccc;
}
.article-tags a:last-child:before {
border:none!important;
}
.google-news:before,
.google-news:after {
content: " ";
display: table
}
.google-news:after {
clear: both
}
.google-news:before,
.google-news:after {
content: " ";
display: table
}
.google-news:after {
clear: both
}
.google-news span,
.google-news a {
float: left;
display: block;
font-size: 16px;
line-height: 22px;
color: #fff
}
.google-news span {
color: #333333;
margin-right: 5px;
margin: 2px 0 0 0;
position:relative;
padding: 4px 5px 0 0;
letter-spacing: -0.5px;
}
.google-news span:before {
content: "";
position: absolute;
right: 0;
bottom: 20%;
height: 60%;
}
.google-news a {
color: #000;
text-transform: uppercase;
position: relative;
padding: 4px 8px 0;
letter-spacing: -0.5px;
}
.google-news a:before {
content: "";
position: absolute;
right: 0;
bottom: 20%;
height: 60%;
border-right: 1px solid;
border-color: #cccccc;
}
.google-news a:last-child:before {
border:none!important;
}
.article-facebook-like {
padding: 8px 0;
letter-spacing: -0.5px;
}
.article-facebook-like h4 {
font-size: 16px;
margin: 0;
display: inline-block;
color: #333333;
font-weight: 400
}
.article-facebook-like h4 span {
color: #333333
}
.article-facebook-like .svgCnt {
display: inline-block;
vertical-align: top;
width: 16px;
height: 13px;
margin: 3px 8px 0
}
.article-facebook-like .likeCnt {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
margin-top: 7px
}
.articles-related {
margin: 20px 0;
padding: 30px;
}
.articles-related .articles-related-row-border {
display: none;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
margin: 0 auto;
height: 1px;
background-color: #d1d3d4
}
@media (min-width: 768px) {
.articles-related .articles-related-row-border {
display: block
}
}
.articles-related .articles-related-title {
font-size: 3rem;
margin: 0 0 10px;
color: #333333;
line-height: 1
}
.articles-related .articles-related-article {
margin-top: 15px;
padding-bottom: 15px
}
@media (min-width: 768px) {
.articles-related .articles-related-article-image {
padding-right: 0
}
}
.articles-related .articles-related-article-title {
margin: 5px 0 0 0;
font-size: 1.7rem;
line-height: 1.2
}
@media (min-width: 1000px) {
.articles-related .articles-related-article-title {
margin: 0
}
}
.articles-related .articles-related-article-title a {
color: #333333
}
.articles-related .printView.articles-related-article {
margin: 5px 0 0 0;
padding: 0
}
.article-bottom-ads {
padding-top: 40px;
padding-bottom: 40px
}
.article-bottom-ads .adSlot {
background: transparent;
}
.infinite-loader {
text-align: center;
height: 400px;
line-height: 400px
}
.infinite-loader img {
vertical-align: middle
}
.row.article-separator {
margin-bottom: 30px;
border-bottom: 5px solid #c00
}
.infinite-article-container .article-tags {
margin: 0;
padding: 8px 0;
}
.infinite-article-container .google-news {
margin: 0px 0px -5px 0px;
padding: 7px 0px 7px 0px;
}
.infinite-article-container .article-facebook-like {
border-bottom: 1px solid;
border-top: 1px solid;
border-color: #cccccc;
margin-bottom: 10px;
}
.nb-article-container .article-facebook-like {
border-bottom: 1px solid;
border-top: 1px solid;
border-color: #cccccc;
margin-bottom: 10px;
}
.infinite-article-container .article-bottom-ads {
padding-top: 20px
}
@media (min-width: 768px) {
.infinite-article-container .comment-respond #reply-title {
margin: 10px 30px 10px;
font-size: 16px;
}
}
.comments-container {
margin-top: 20px
}
.comments-list-wrap {
padding: 15px;
border: 1px solid #f7f7f7
}
.comments-list-wrap.no-comments {
border: none;
padding: 0
}
.comments-header {
margin-bottom: 30px
}
@media (max-width: 767px) {
.comments-count-container:before,
.comments-count-container:after {
content: " ";
display: table
}
.comments-count-container:after {
clear: both
}
.comments-count-container:before,
.comments-count-container:after {
content: " ";
display: table
}
.comments-count-container:after {
clear: both
}
}
.comment-count-number {
font-weight: 700;
font-size: 7.2rem;
color: #c00;
line-height: .8;
padding: 0;
margin: 0;
float: left
}
.comment-count-message {
font-weight: 700;
font-size: 3rem;
color: #333333;
line-height: 1;
padding: 0;
margin: 0 0 0 8px;
float: left
}
.comments-top-login {
margin-top: 5px
}
@media (max-width: 767px) {
.comments-top-login {
display: inline-block
}
.comments-top-login:before,
.comments-top-login:after {
content: " ";
display: table
}
.comments-top-login:after {
clear: both
}
.comments-top-login:before,
.comments-top-login:after {
content: " ";
display: table
}
.comments-top-login:after {
clear: both
}
}
.comments-top-login .commentArrowSvgWrap {
width: 100%;
height: 24px
}
.comments-top-login .commentArrowSvg {
margin: 1px 8px 0 0;
position: relative;
width: 31px;
height: 23px;
float: right
}
.comments-top-login .commentArrowSvg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.comments-top-login .comments-top-login-message {
margin-top: 20px;
float: right;
font-size: 1.3rem;
line-height: 1.2;
color: #000;
text-align: right;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.comments-top-login .comments-top-login-message a {
color: #2b90d6;
font-weight: 700
}
.comments-list {
margin: 0;
padding: 0;
list-style: none;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.comments-list .comment {
margin-bottom: 30px
}
.comments-list .comment .children {
padding: 0;
list-style: none;
margin: 25px 0 0 0
}
@media (min-width: 1024px) {
.comments-list .comment .children {
margin: 25px 0 0 60px
}
}
.comments-list .comment-meta {
border-bottom: 1px solid #d1d3d4;
position: relative;
margin-left: 60px;
line-height: 1;
padding-bottom: 1px
}
.comments-list .comment-meta:before,
.comments-list .comment-meta:after {
content: " ";
display: table
}
.comments-list .comment-meta:after {
clear: both
}
.comments-list .comment-meta:before,
.comments-list .comment-meta:after {
content: " ";
display: table
}
.comments-list .comment-meta:after {
clear: both
}
.comments-list .comment-meta .comment-author {
float: none
}
@media (min-width: 768px) {
.comments-list .comment-meta .comment-author {
float: left
}
}
.comments-list .comment-meta .comment-author .avatar {
position: absolute;
left: -60px;
top: -6px;
width: 43px;
height: 43px;
border-radius: 50%
}
.comments-list .comment-meta .comment-author .fn {
font-weight: 700;
font-size: 1.4rem;
color: #000
}
.comments-list .comment-meta .comment-author .says {
display: none
}
.comments-list .comment-meta .comment-metadata {
float: right;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase;
position: relative;
color: #bcbec0
}
@media (max-width: 767px) {
.comments-list .comment-meta .comment-metadata {
float: none;
padding: 5px 0
}
}
.comments-list .comment-meta .comment-metadata .edit-link {
position: absolute;
right: 0;
top: 20px
}
.comments-list .comment-meta .comment-metadata .edit-link a {
color: #c00
}
.comments-list .comment-meta-item {
margin: 10px 0 0 60px;
color: #8a0000
}
.comments-list .comment-content {
margin: 20px 0 0 0;
word-wrap: break-word
}
@media (min-width: 768px) {
.comments-list .comment-content {
margin: 20px 0 0 60px
}
}
.comments-list .comment-content p {
margin: 0;
font-size: 1.5rem;
color: #000
}
.comments-list .reply {
background-color: #f5f5f5;
margin: 10px 0 0 0;
position: relative;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase
}
@media (min-width: 768px) {
.comments-list .reply {
margin: 10px 0 0 60px
}
}
.comments-list .reply a {
padding: 6px 6px 6px 23px;
margin-left: 9px;
line-height: 1;
float: left;
color: #bcbec0;
display: block;
background: transparent url(../img/commentReply.png) 0 50% no-repeat
}
.comments-list .reply a:hover {
color: #c00
}
.comments-list .reply .notif {
position: absolute;
right: 0;
bottom: 23px;
background-color: #c00;
color: #fff;
font-size: 1.3rem;
font-weight: 400;
border: 1px solid #333;
z-index: 1;
width: 170px;
text-transform: none;
padding: 10px 20px
}
.comments-list .reply .notif a {
margin: 5px 0 0 0;
font-weight: 700;
color: #fff;
background: none;
padding: 0
}
.comments-list .reply .comments-vote {
float: right;
padding: 6px;
cursor: pointer;
line-height: 1;
font-weight: 400
}
.comments-list .reply .comments-vote i {
margin-right: 4px
}
.comments-list .reply .comments-vote i:before {
margin: 0;
padding: 0;
width: auto;
height: auto;
line-height: 1;
position: relative
}
.comments-list .reply .comments-vote.upvote {
color: #27a154;
margin-right: 5px
}
.comments-list .reply .comments-vote.upvote i:before {
top: -1px
}
.comments-list .reply .comments-vote.downvote {
color: #8a0000
}
.comments-list .reply .comments-vote.downvote i:before {
top: 1px
}
.comments-list .reply .comments-vote:hover {
font-weight: 700
}
.nav-comments {
margin: 0 -15px;
padding-top: 15px;
border-top: 1px solid #f7f7f7
}
@media (min-width: 768px) {
.nav-comments {
margin: 0 -30px;
padding-top: 30px
}
}
.nav-comments .page-numbers {
font-weight: 400
}
.comment-respond {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
position: relative;
}
.comment-respond input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #333!important;
}
.comment-respond input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333!important;
opacity: 1;
}
.comment-respond input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333!important;
opacity: 1;
}
.comment-respond input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333!important;
}
.comment-respond textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #333!important;
}
.comment-respond textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333!important;
opacity: 1;
}
.comment-respond textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333!important;
opacity: 1;
}
.comment-respond textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333!important;
}
.comment-respond #reply-title {
color: #333;
font-size: 14px;
font-weight: 400;
margin: 20px 0 15px
}
@media (min-width: 768px) {
.comment-respond #reply-title {
margin: 10px 30px 10px;
font-size: 16px;
}
}
.comment-respond #reply-title a {
color: #cc0000;
}
.comment-respond .comment-bubble {
width: 18px;
height: 14px;
background: #c00;
position: relative;
float: left;
display: block;
margin-top: 5px;
margin-right: 15px;
border-radius: 4px
}
.comment-respond .comment-bubble:before {
content: "";
position: absolute;
bottom: -4px;
right: 0;
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #c00;
z-index: -1
}
.comment-respond .comment-form {
position: relative;
padding: 25px;
font-size: 1.6rem
}
.comment-respond .comment-form .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent url('../img/NB_diagPattern.png');
opacity: .1;
filter: alpha(opacity=10);
z-index: 1
}
.comment-respond .comment-form p {
margin: 0;
position: relative;
z-index: 2
}
.comment-respond .comment-form p label {
display: block;
margin-bottom: 10px;
color: #1a2b4c
}
.comment-respond .comment-form p label span {
color: red
}
.comment-respond .comment-form p:before,
.comment-respond .comment-form p:after {
content: " ";
display: table
}
.comment-respond .comment-form p:after {
clear: both
}
.comment-respond .comment-form p:before,
.comment-respond .comment-form p:after {
content: " ";
display: table
}
.comment-respond .comment-form p:after {
clear: both
}
.comment-respond .comment-form p.marg-top {
margin-top: 20px
}
.comment-respond .comment-form input[type='text'],
.comment-respond .comment-form input[type='email'],
.comment-respond .comment-form textarea {
width: 100%;
font-size: 16px;
padding: 7px
}
.comment-respond .comment-form .comment-notes {
margin-bottom: 0
}
.comment-respond .comment-form .comment-form-comment {
position: relative
}
.comment-respond .comment-form .comment-form-comment label {
float: none
}
.comment-respond .comment-form .comment-form-comment textarea {
width: 100%
}
.comment-respond .comment-form #commentBoxCountChars {
float: right;
z-index: 5;
font-size: 1.3rem
}
.comment-respond .comment-form .form-allowed-tags {
display: none
}
@media (min-width: 1000px) {
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-email {
width: 100%;
margin-bottom: 15px
}
}
#commentform > p.comment-form-author > label {
display:none;
}
#commentform > p.comment-form-comment > label {
display:none;
}
#commentform > p.comment-form-comment > textarea {
border: 0;
outline: 0;
background: transparent;
border-bottom: 1px solid #333;
}
#commentform > p.comment-form-author > input {
border: 0;
outline: 0;
background: transparent;
border-bottom: 1px solid #333;
}
.comment-respond #author::-webkit-input-placeholder {
color:#1a2b4c
}
.comment-respond #author:-moz-placeholder {
color:#1a2b4c;
opacity: 1;
}
.comment-respond #author::-moz-placeholder {
color:#1a2b4c;
opacity: 1;
}
.comment-respond #author:-ms-input-placeholder {
color:#1a2b4c
}
.comment-respond #comment::-webkit-input-placeholder {
color:#1a2b4c
}
.comment-respond #comment:-moz-placeholder {
color:#1a2b4c;
opacity: 1;
}
.comment-respond #comment::-moz-placeholder {
color:#1a2b4c;
opacity: 1;
}
.comment-respond #comment:-ms-input-placeholder {
color:#1a2b4c
}
.comment-respond .comment-form p.note {
font-size: 1.4rem;
margin: 3px 0 5px
}
.comment-respond .comment-form p.note span {
color: red
}
.comment-respond .comment-form .comment-form-disclaimer {
float: right;
z-index: 2;
position: relative;
margin-top: 10px
}
.comment-respond .comment-form .comment-form-disclaimer a {
font-size: 14px;
line-height: 1.26;
color: #666;
}
.comment-respond .comment-form .comment-form-disclaimer a:hover {
color: #666
}
.comment-respond .comment-form .verify-email-message {
margin-top: 20px;
font-weight: 700;
color: #c00;
font-size: 1.5rem
}
.comment-respond .comment-form .verify-email-message a {
color: #8a0000
}
.comment-respond .submit {
float: right;
background-color: #fff;
border: none;
color: #cc0000;
padding: 3px 18px 3px 18px;
font-size: 16px;
border:1px solid;
border-color:#cc0000;
letter-spacing: -0.5px;
margin-top: 5px;
}
.comment-icon:before {
content:"";
position:absolute;
border-top:1.5px solid #ffc638;
width:22px;
transform: rotate(135deg);
top: 8px;
left: 10px;
}
.comment-quote:before {
content: "\201D";
position: absolute;
top: -11px;
left: 7px;
width: 0;
height: 0;
color: #ffc638;
font-size: 30px;
font-family: serif;
font-weight: 700;
}
.comment-respond .submit:hover {
background-color: #cc0000;
color:#fff
}
.comment-respond label.error {
display: block;
margin-top: 3px;
color: #c00 !important;
font-size: 1.2rem
}
.comment-respond .loading {
width: 100%;
margin-top: 20px;
text-align: center
}
.infinite-article-container .comments-list-wrap .comments-list {
display: none
}
.infinite-article-container .comments-list-wrap .comments-list.shown {
display: block
}
.more-comments {
width: 200px;
height: 40px;
vertical-align: middle;
line-height: 40px;
background: #1a2b4c;
text-align: center;
cursor: pointer;
margin: 0 auto;
color: #fff;
font-size: 16px
}
.more-comments:hover {
background: #c00
}
.nav-comments+.more-comments {
margin-top: 30px
}
.comment-respond .comment-form .comment-form-comment label {
display: inline-block
}
.comment-respond .comment-form #commentBoxCountChars {
float: right
}
.comment-respond .comment-form .comment-form-disclaimer {
float: none;
display: inline
}
.comment-respond .comment-form .form-submit {
float: right
}
.comment-respond .comment-form {
padding: 12px
}
.comment-respond .comment-form p label {
margin-bottom: 6px
}
@media (max-width: 767px) {
#sidebar {
display: none
}
#sidebar.keep-in-mobile {
display: block;
margin-top: 35px
}
}
.sidebar-item {
margin: 0 0 30px 0;
display: block;
position: relative
}
.sidebar-item h3 {
font-weight: 700;
font-size: 25px;
color: #333333;
line-height: 1;
text-align: center;
margin: 0 15px;
padding: 7px 0;
position: relative;
z-index: 2;
}
.sidebar-feed h3 {
border-bottom:1px solid #cccccc;
}
.sidebar-item .sidebar-item-content {
position: relative;
z-index: 2
}
.sidebar-item.bg .sidebar-item-content,
.sidebar-item.stripes .sidebar-item-content {
padding: 10px 15px 15px;
}
.sidebar-item:before,
.sidebar-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.sidebar-item.bg:before {
background: #1a2b4c;
z-index: 0
}
.sidebar-item.stripes:after {
z-index: 1;
opacity: .2;
filter: alpha(opacity=20)
}
.ie8 .sidebar-item.stripes:after {
background: none
}
.sidebar-add {
padding: 0
}
.main-sidebar .textwidget {
margin-bottom: 30px
}
@media (min-width: 1401px) {
.main-sidebar .textwidget {
padding: 25px;
}
}
.sidebar-user-settings.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-cat-menu.bg:before {
background: #f7f7f7
}
.sidebar-cat-menu.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-cat-menu .sidebar-cat-menu-title {
font-weight: 700;
font-size: 2.6rem;
color: #fff;
margin: 0;
text-align: center;
line-height: 1
}
.sidebar-cat-menu .sidebar-cat-menu-items:before,
.sidebar-cat-menu .sidebar-cat-menu-items:after {
content: " ";
display: table
}
.sidebar-cat-menu .sidebar-cat-menu-items:after {
clear: both
}
.sidebar-cat-menu .sidebar-cat-menu-items:before,
.sidebar-cat-menu .sidebar-cat-menu-items:after {
content: " ";
display: table
}
.sidebar-cat-menu .sidebar-cat-menu-items:after {
clear: both
}
.sidebar-cat-menu .sidebar-cat-menu-items a {
display: inline-block;
font-weight: 400;
font-size: 1.6rem;
color: #fff;
padding: 3px 6px;
border: 1px solid #005f9b;
background-color: #005f9b;
border-radius: 3px;
margin-bottom: 5px;
margin-right: 5px
}
.sidebar-cat-menu .sidebar-cat-menu-level-one,
.sidebar-cat-menu .sidebar-cat-menu-level-two {
margin-top: 15px;
text-align: center
}
.sidebar-cat-menu .sidebar-cat-menu-level-one:before,
.sidebar-cat-menu .sidebar-cat-menu-level-two:before,
.sidebar-cat-menu .sidebar-cat-menu-level-one:after,
.sidebar-cat-menu .sidebar-cat-menu-level-two:after {
content: " ";
display: table
}
.sidebar-cat-menu .sidebar-cat-menu-level-one:after,
.sidebar-cat-menu .sidebar-cat-menu-level-two:after {
clear: both
}
.sidebar-cat-menu .sidebar-cat-menu-level-one:before,
.sidebar-cat-menu .sidebar-cat-menu-level-two:before,
.sidebar-cat-menu .sidebar-cat-menu-level-one:after,
.sidebar-cat-menu .sidebar-cat-menu-level-two:after {
content: " ";
display: table
}
.sidebar-cat-menu .sidebar-cat-menu-level-one:after,
.sidebar-cat-menu .sidebar-cat-menu-level-two:after {
clear: both
}
.sidebar-cat-menu .sidebar-cat-menu-level-two a {
opacity: .6
}
.sidebar-most-commented-posts .sidebar-title {
margin-bottom: 0;
}
.sidebar-most-commented-posts.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-most-commented-posts .smcp-tab-cnt {
padding: 9px 15px 0;
width: 100%;
margin-top: 0;
position: relative
}
.sidebar-most-commented-posts .smcp-tab-cnt:before,
.sidebar-most-commented-posts .smcp-tab-cnt:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-cnt:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-cnt:before,
.sidebar-most-commented-posts .smcp-tab-cnt:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-cnt:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-cnt:first-child {
padding-top: 0;
border-top: none
}
.sidebar-most-commented-posts .smcp-tabs {
min-height: 400px
}
.sidebar-most-commented-posts .smcp-tab-count {
position: absolute;
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
padding: 3px;
border-radius: 3px;
min-width: 30px;
text-align: center
}
.sidebar-most-commented-posts .smcp-tab-count a {
color: #ffc638
}
.sidebar-most-commented-posts .smcp-tab-count:before {
content: "";
width: 35px;
height:50px;
border-bottom: 2px solid #ffc638;
-webkit-transform:
translateY(20px)
translateX(5px)
rotate(-45deg);
position: absolute;
top: -42px;
left: -10px;
}
.sidebar-most-commented-posts .smcp-tab-count:after {
content: "\201C";
position: absolute;
bottom: 8px;
right:0px;
width: 0;
height: 0;
color:#cccccc;
font-size:35px;
font-family: serif;
}
.sidebar-most-commented-posts .smcp-tab-head,
.sidebar-most-commented-posts .smcp-tab-title {
float: left;
margin-left: 60px
}
.sidebar-most-commented-posts .smcp-tab-head {
font-weight: 700;
font-size: 14px;
color: #cccccc;
line-height: 1
}
.sidebar-most-commented-posts .smcp-tab-head a {
color: #cccccc!important;
}
.sidebar-most-commented-posts .smcp-tab-head a {
background: transparent !important
}
.sidebar-most-commented-posts .smcp-tab-title {
font-weight: 700;
font-size: 18px;
line-height: 1.08;
margin-top: 5px;
padding-bottom: 9px;
border-bottom: 1px solid #e6e7e8;
}
.sidebar-most-commented-posts .smcp-tab-title a {
color: #333333
}
.sidebar-most-commented-posts .smcp-tab-feed-title {
font-weight: 700;
font-size: 1.7rem;
line-height: 1.08;
margin-bottom: 7px
}
.sidebar-most-commented-posts .smcp-tab-feed-title a {
color:#333333
}
.sidebar-most-commented-posts .smcp-tab-feed-cnt {
position: relative;
width: 100%;
border-bottom: 1px solid #e4eaea;
}
.sidebar-most-commented-posts .smcp-tab-feed-cnt:before,
.sidebar-most-commented-posts .smcp-tab-feed-cnt:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-feed-cnt:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-feed-cnt:before,
.sidebar-most-commented-posts .smcp-tab-feed-cnt:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-feed-cnt:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-feed-avatar {
position: absolute;
width: 40px;
height: 40px;
top: 0;
left: 0
}
.sidebar-most-commented-posts .smcp-tab-feed-avatar img {
width: 100%;
height: auto
}
.sidebar-most-commented-posts .smcp-tab-feed-header {
font-weight: 400;
font-size: 13px;
line-height: 1;
margin: 0 0 3px 50px;
padding: 5px 0 3px 0;
border-top: 1px solid #e4eaea;
color: #868686;
}
.sidebar-most-commented-posts .smcp-tab-feed-header:before,
.sidebar-most-commented-posts .smcp-tab-feed-header:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-feed-header:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-feed-header:before,
.sidebar-most-commented-posts .smcp-tab-feed-header:after {
content: " ";
display: table
}
.sidebar-most-commented-posts .smcp-tab-feed-header:after {
clear: both
}
.sidebar-most-commented-posts .smcp-tab-feed-header .smcp-tab-feed-header-name {
float: left
}
.sidebar-most-commented-posts .smcp-tab-feed-header .smcp-tab-feed-header-date {
float: right
}
.sidebar-most-commented-posts .smcp-tab-feed-comment {
font-weight: 400;
font-size: 15px;
margin-left: 50px
}
.sidebar-most-important .sidebar-title {
font-weight: 700;
font-size: 25px;
color: #333333;
line-height: 18px;
text-align: center;
margin: 0;
padding: 7px 0 11px;
position: relative;
z-index: 2;
}
.sidebar-most-important .sidebar-title b {
font-weight: 700
}
.sidebar-most-important .sidebar-most-important-list {
margin-top: 0;
width: 300px;
height: 300px;
overflow: hidden;
position: relative
}
@media (min-width: 1401px) {
.sidebar-most-important .sidebar-most-important-list {
width: 350px
}
}
.sidebar-most-important.bg:before {
background: #30353d
}
.sidebar-most-important.stripes:after {
opacity: 1;
filter: alpha(opacity=100)
}
.sidebar-most-important .sidebar-most-important-list-item {
position: relative;
width: 100%;
display: block;
margin-top: 7px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-top: 1px solid #cccccc;
padding-top: 7px
}
.important-energy:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.important-energy:after{
background: transparent url('../img/NB_diagPattern.png');
z-index: 1;
opacity: .2;
filter: alpha(opacity=20)
}
.important-energy .sidebar-most-important-list-item:first-child {
padding-top: 20px!important;
}
.important-energy .sidebar-most-important-list-item:last-child {
border-bottom: 1px solid #cccccc;
padding-bottom: 4px;
}
.important-energy .smcp-tab-pagination {
max-width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
@-moz-document url-prefix() {
.important-energy span {
font-size: 22px!important;
}
}
}
.important-energy .important-dfp-sponsor {
border:none!important;
padding-bottom: 14px;
}
.important-energy .sidebar-title{
padding: 6px 7px!important;
}
.important-energy .sidebar-title span{
font-weight: bold;
}
.important-energy .smcp-tab-pagination .pages .page.active,
.important-energy .smcp-tab-pagination .pages .page:hover{
border-radius: 50%;
width: 28px;
height: 28px;
}
.important-energy .smcp-tab-pagination .pages .page {
margin: 8px 7px 7px 0;
padding:5px;
min-width: 28px;
border:none;
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
.important-energy .important-dfp-sponsor{
position: relative;
left: -15px;
}
}
.important-energy .sidebar-item-content {
padding: 0 15px;
}
/* .important-energy .icon-pagarrleft:after {
content: '\e815';
font-family: "newsbeast";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 11px;
left: 15px;
} */
.important-energy .disable .icon-pagarrright {
background-image: url(/files/1/icons/arrowrg.png);
background-repeat: no-repeat;
}
.important-energy .disable .icon-pagarrleft {
background-image: url(/files/1/icons/arrowlg.png);
background-repeat: no-repeat;
}
.important-energy .sponsor-logo img {
padding-left:15px;
}
.important-energy .icon-pagarrright {
background-image: url(/files/1/icons/arrowr.png);
background-repeat: no-repeat;
}
.important-energy .icon-pagarrleft {
background-image: url(/files/1/icons/arrowl.png);
background-repeat: no-repeat;
}
.important-energy .icon-pagarrright:before {
content:"";
}
.important-energy .icon-pagarrleft:before {
content:"";
}
.important-energy .smcp-tab-pagination .pages .page.active,
.important-energy .smcp-tab-pagination .pages .page:hover {
color: #333333;
background-color: #ffcb08;
}
@media only screen and (max-width: 1400px){
.important-energy .important-dfp-sponsor .adSlot {
margin:0!important;
}
}
.important-energy .sidebar-most-important-list a {
border-top: 1px solid #cccccc;
}
.sidebar-most-important .sidebar-most-important-list-item:before,
.sidebar-most-important .sidebar-most-important-list-item:after {
content: " ";
display: table
}
.sidebar-most-important .sidebar-most-important-list-item:after {
clear: both
}
.sidebar-most-important .sidebar-most-important-list-item:before,
.sidebar-most-important .sidebar-most-important-list-item:after {
content: " ";
display: table
}
.sidebar-most-important .sidebar-most-important-list-item:after {
clear: both
}
.sidebar-most-important .sidebar-most-important-list-item:first-child {
margin-top: 0;
padding-top: 7px;
}
.sidebar-most-important .sidebar-most-important-list-item:last-child {
border-bottom: 1px solid #cccccc;
padding-bottom: 7px;
}
.sidebar-most-important .sidebar-most-important-list-item figure {
margin: auto;
float: left;
width: 34%;
overflow: hidden;
}
.sidebar-most-important .sidebar-most-important-list-item figure img {
width: 100%;
height: 72px;
word-break: break-all;
max-width:116px;
}
.sidebar-most-important .sidebar-most-important-list-item p {
margin: 0 auto;
float: left;
width: 66%;
padding: 0 7px;
font-size: 17px;
line-height: 1.143;
color: #333333;
font-weight: 700
}
.sidebar-most-important.sponsored.sponsored-transparent-list:before {
background: none
}
.sidebar-most-important.sponsored.sponsored-transparent-list:after {
opacity: .1;
-moz-opacity: .1
}
.sidebar-most-important.sponsored .sidebar-title {
text-align: left;
padding: 7px 7px
}
.sidebar-most-important.sponsored .sponsored-custom-color-text a,
.sidebar-most-important.sponsored .sponsored-custom-color-text p {
color: inherit
}
.sidebar-most-important.sponsored .important-dfp-sponsor {
padding-top: 7px;
margin-top: 7px
}
.sidebar-most-important.sponsored .important-dfp-sponsor .adSlot {
padding: 0;
background: none
}
@media (min-width: 768px) {
.sidebar-most-important.sponsored .important-dfp-sponsor .adSlot {
}
}
.sidebar-most-important.important-opap .sidebar-most-important-list-item {
border-color: #cbcbcb
}
.sidebar-most-important.important-opap .important-dfp-sponsor {
}
.sidebar-most-important.important-opap .sponsor-logo {
float: right;
margin-right: 5px
}
.sidebar-most-important.important-opap .sidebar-title {
line-height: 36px
}
@media (min-width: 768px) {
.sidebar-most-important.important-opap .sponsor-logo img {
width: 85px
}
}
.no-flexbox .sidebar-most-important-list-item p {
margin: 0;
float: none
}
.no-flexboxlegacy .sidebar-most-important .sidebar-most-important-list-item {
display: block
}
.no-flexboxlegacy .sidebar-most-important figure,
.no-flexboxlegacy .sidebar-most-important p {
margin: 0
}
.sidebar-feed.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-feed-list {
width: 270px;
height: 400px;
overflow: hidden
}
@media (min-width: 1401px) {
.sidebar-feed-list {
width: 320px
}
}
.sidebar-feed-list .sidebar-feed-item {
border-top: 1px solid #cccccc;
padding: 10px 0 0 0;
margin: 10px 0 0 0
}
.sidebar-feed-list .sidebar-feed-item:first-child {
border-top: none;
margin: 0;
padding: 0
}
.sidebar-feed-list .sidebar-feed-item-head {
line-height: 1;
font-weight: 700;
font-size: 1.3rem
}
.sidebar-feed-list .sidebar-feed-item-head:before,
.sidebar-feed-list .sidebar-feed-item-head:after {
content: " ";
display: table
}
.sidebar-feed-list .sidebar-feed-item-head:after {
clear: both
}
.sidebar-feed-list .sidebar-feed-item-head:before,
.sidebar-feed-list .sidebar-feed-item-head:after {
content: " ";
display: table
}
.sidebar-feed-list .sidebar-feed-item-head:after {
clear: both
}
.sidebar-feed-list .sidebar-feed-item-head .sidebar-feed-item-time,
.sidebar-feed-list .sidebar-feed-item-head .sidebar-feed-item-cat {
float: left
}
.sidebar-feed-list .sidebar-feed-item-head .sidebar-feed-item-time {
color: #868686;
font-size: 13px;
font-weight: normal;
}
.sidebar-feed-list .sidebar-feed-item-head .sidebar-feed-item-cat {
margin-left: 5px
}
.sidebar-feed-list .sidebar-feed-item-head .sidebar-feed-item-cat a {
background-color: transparent !important;
color: #868686!important;
font-size: 13px;
font-weight: normal;
}
.sidebar-feed-list .sidebar-feed-item-title {
display: block;
margin-top: 5px;
font-weight: 700;
font-size: 18px;
color: #333333;
line-height: 1.2
}
.smcp-tab-btns {
width: 100%;
text-align: center;
border-top: 1px solid;
border-bottom: 1px solid;
margin: 0 auto 10px 0;
border-color: #cccccc;
}
.smcp-tab-btns a:FIRST-CHILD >span{
border-left: 1px solid;
border-right: 1px solid #cc0000;
padding: 0px 10px;
float: right;
}
.smcp-tab-btns a:LAST-CHILD >span{
border-right: 1px solid;
padding: 0px 10px;
float: left;
}
.smcp-tab-btns a {
padding: 5px 0 0 0!important;
}
.smcp-tab-btns .active >span {
border-color: #cc0000!important;
}
.smcp-tab-btns:before,
.smcp-tab-btns:after {
content: " ";
display: table
}
.smcp-tab-btns:after {
clear: both
}
.smcp-tab-btns:before,
.smcp-tab-btns:after {
content: " ";
display: table
}
.smcp-tab-btns:after {
clear: both
}
.smcp-tab-btns .smcp-tab-btns-title {
margin: 0;
color: #d7d7d7;
font-weight: 400;
font-size: 1.7rem;
cursor: pointer;
line-height: 1.1;
padding: 5px 8px;
text-align: center;
text-decoration: none;
display:inline-block;
}
@media (min-width: 1401px) {
.smcp-tab-btns .smcp-tab-btns-title {
font-size: 16px
}
}
.smcp-tab-btns .smcp-tab-btns-title:first-child {
border-radius: 5px 0 0 5px
}
.smcp-tab-btns .smcp-tab-btns-title.active,
.smcp-tab-btns .smcp-tab-btns-title:hover {
color: #333333
}
.smcp-tab-btns .smcp-tab-btns-title.active {
cursor: default
}
.smcp-tabs {
width: 300px;
height: 270px;
position: relative;
overflow: hidden
}
@media (min-width: 1401px) {
.smcp-tabs {
width: 350px
}
}
.smcp-tab {
width: 300px;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 1
}
@media (min-width: 1401px) {
.smcp-tab {
width: 350px
}
}
.smcp-tab.active {
z-index: 2;
left: 0
}
.tab-cnt {
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width: 1401px) {
.tab-cnt {
width: 350px
}
}
.smcp-chunk {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
min-height: 427px;
width: 300px
}
@media (min-width: 1401px) {
.smcp-chunk {
width: 350px
}
}
.smcp-chunk.first {
z-index: 2;
opacity: 1;
filter: alpha(opacity=100)
}
.smcp-tab-pagination {
z-index: 2;
line-height: 44px;
height: 44px;
font-size: 1.9rem;
position: relative;
text-align: center;
max-width: 350px;
}
.important-energy .smcp-tab-pagination {
max-width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
.important-energy .sponsor-logo img{
width:100px
}
.important-energy span {
font-size: 24px;
}
}
.smcp-tab-pagination .prev,
.smcp-tab-pagination .next {
position: absolute;
padding: 0 12px;
margin: 0;
cursor: pointer;
color: #fff
}
.smcp-tab-pagination .prev i,
.smcp-tab-pagination .next i {
margin: 0;
padding: 0;
font-size: 14px;
}
.smcp-tab-pagination .prev i:before,
.smcp-tab-pagination .next i:before {
margin: 0;
padding: 0;
color:#666666;
}
.smcp-tab-pagination .prev.disable,
.smcp-tab-pagination .next.disable {
cursor: default;
color: #999
}
.smcp-tab-pagination .prev {
top: 0;
left: 0
}
.smcp-tab-pagination .next {
top: 0;
right: 0
}
.smcp-tab-pagination .pages {
display: inline-block
}
.smcp-tab-pagination .pages .page {
float: left;
cursor: pointer;
color: #999999;
line-height: 1;
padding: 4px;
font-weight: 400;
border: 1px solid;
width: 9px;
height: 9px;
border-radius: 50%;
margin: 0 10px;
}
.important-energy .smcp-tab-pagination .pages .page.active,
.important-energy .smcp-tab-pagination .pages .page:hover {
margin: 8px 7px 7px 0;
}
.smcp-tab-pagination .pages .page.active,
.smcp-tab-pagination .pages .page:hover {
background-color: #999999;
width: 9px;
height: 9px;
border-radius: 50%;
}
.important-opap .smcp-tab-pagination .pages .page.active,
.important-opap .smcp-tab-pagination .pages .page:hover {
color: #fff;
background-color: #083b72
}
.sidebar-social h3 {
font-size: 25px;
font-weight: 700;
background-color: transparent;
line-height: 1;
padding: 0
}
.sidebar-social h3 span {
font-weight: 400
}
@media (min-width:1401px) {
.sidebar-social .sidebar-social-inner {
padding: 0px 40px;
}
}
.sidebar-social .sidebar-social-inner {
margin: 10px -1px 0 -1px;
}
.sidebar-social .sidebar-social-inner:before,
.sidebar-social .sidebar-social-inner:after {
content: " ";
display: table
}
.sidebar-social .sidebar-social-inner:after {
clear: both
}
.sidebar-social .sidebar-social-inner:before,
.sidebar-social .sidebar-social-inner:after {
content: " ";
display: table
}
.sidebar-social .sidebar-social-inner:after {
clear: both
}
.sidebar-social .sidebar-social-inner .iconCnt {
float: left;
width: 25%;
padding: 0 1px;
display: block
}
.sidebar-social .sidebar-social-inner .iconCnt i {
font-size: 3.6rem;
padding: 0;
margin: 0;
line-height: 1
}
@media (min-width: 1401px) {
.sidebar-social .sidebar-social-inner .iconCnt i {
font-size: 4.16rem
}
}
.sidebar-social .sidebar-social-inner .iconCnt i:before {
line-height: 1;
padding: 0;
margin: 0
}
.sidebar-social .sidebar-social-inner .iconCnt i.icon-sidefacebook {
color: #305ca4
}
.sidebar-social .sidebar-social-inner .iconCnt i.icon-sidetwitter {
color: #00a0df
}
.sidebar-social .sidebar-social-inner .iconCnt i.icon-siderss {
color: #424143
}
.sidebar-social .sidebar-social-inner .iconCnt i.icon-sideemail {
color: #cb2027
}
.sidebar-social .sidebar-fbLike h3 {
font-size: 2.5rem;
margin-bottom: 5px;
font-weight: 700
}
.sidebar-social .sidebar-fbLike h3 span {
font-weight: 400
}
.sidebar-xa {
text-align: center
}
.sidebar-xa .sidebar-title {
padding: 7px 0 0;
}
.sidebar-xa h3 {
margin:0;
}
.sidebar-xa.stripes:after {
opacity: 0;
filter: alpha(opacity=0)
}
@media (min-width: 1401px) {
.sidebar-xa.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
}
.sidebar-xa.stripes .sidebar-item-content {
padding: 0
}
@media (min-width: 1401px) {
.sidebar-xa.stripes .sidebar-item-content {
padding: 20px 25px
}
}
.sidebar-xa iframe {
width: 300px;
height: 377px
}
.sidebar-xa iframe body {
overflow: hidden
}
.sidebar-search #sidebar-form-search:before,
.sidebar-search #sidebar-form-search:after {
content: " ";
display: table
}
.sidebar-search #sidebar-form-search:after {
clear: both
}
.sidebar-search #sidebar-form-search:before,
.sidebar-search #sidebar-form-search:after {
content: " ";
display: table
}
.sidebar-search #sidebar-form-search:after {
clear: both
}
.sidebar-search h3 {
font-size: 3rem
}
.sidebar-search .box {
margin-top: 15px;
border: 5px solid #bcbec0
}
.sidebar-search .box input {
font-weight: 400;
font-size: 1.4rem;
font-style: italic;
padding: 10px 15px;
border: none;
outline: none;
float: left;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px)
}
.sidebar-search .box .searchBtn {
cursor: pointer;
margin: 10px 15px 0 0;
float: right
}
.sidebar-search .box .searchBtn .svgCnt {
width: 21px;
height: 20px;
position: relative
}
.sidebar-search .box .searchBtn .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.sidebar-weather.stripes:after {
opacity: 0;
filter: alpha(opacity=0)
}
@media (min-width: 1401px) {
.sidebar-weather.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
}
.sidebar-weather.stripes .sidebar-item-content {
padding: 0
}
.sidebar-weather iframe {
width: 100%;
height: 200px;
display: block
}
.sidebar-weather iframe body {
overflow: hidden
}
.sidebar-widget-popular-list .sidebar-title {
margin-bottom: 0
}
.sidebar-widget-popular-list .smcp-tab-pagination {
border-top: 1px solid #cccccc;
margin-top:10px;
}
.sidebar-widget-popular-list.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-widget-popular-list .item-article {
position: relative;
width: 100%;
display: block;
margin-top: 7px;
border-top: 1px solid #e6e7e8;
padding-top: 7px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sidebar-widget-popular-list .item-article:before,
.sidebar-widget-popular-list .item-article:after {
content: " ";
display: table
}
.sidebar-widget-popular-list .item-article:after {
clear: both
}
.sidebar-widget-popular-list .item-article:before,
.sidebar-widget-popular-list .item-article:after {
content: " ";
display: table
}
.sidebar-widget-popular-list .item-article:after {
clear: both
}
.sidebar-widget-popular-list .item-article:first-child {
margin-top: 0;
border: none;
padding-top: 0
}
.sidebar-widget-popular-list .item-article figure {
margin: auto;
float: left;
width: 34%;
overflow: hidden
}
.sidebar-widget-popular-list .item-article figure img {
width: 100%;
height: 72px;
word-break: break-all;
font-size: .6rem;
color: #999;
max-width:116px;
}
.sidebar-widget-popular-list .item-article p {
margin: 0 auto;
float: left;
width: 66%;
padding: 0 7px;
font-size: 17px;
line-height: 1.143;
color: #333333;
font-weight: 700
}
.sidebar-widget-popular-list .item-article:hover p {
text-decoration: underline
}
.ie8 .sidebar-widget-popular-list .item-article figure,
.ie8 .sidebar-widget-popular-list .item-article p {
display: inline-block
}
.ie8 .sidebar-widget-popular-list .item-article p {
vertical-align: top
}
.no-flexbox .sidebar-widget-popular-list .item-article figure,
.no-flexbox .sidebar-widget-popular-list .item-article p {
float: none;
margin: 0;
display: inline-block
}
.no-flexbox .sidebar-widget-popular-list .item-article figure {
position: relative
}
.sidebar-widget-popular-now .sidebar-item-content {
padding-bottom:10px;
padding-top:10px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.sidebar-travel-widgets .leftCnt {
display: inline-block;
vertical-align: top
}
.sidebar-travel-widgets .rightCnt {
float: right
}
.sidebar-travel-widgets.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-travel-widgets h3 {
margin: 0;
line-height: 1;
background-color: transparent;
text-align: left;
padding: 0
}
.sidebar-travel-widgets .sidebar-travel-widget-list {
margin-top: 15px;
width: 270px;
overflow: hidden;
position: relative;
height: 300px
}
@media (min-width: 1401px) {
.sidebar-travel-widgets .sidebar-travel-widget-list {
width: 320px
}
}
.sidebar-travel-widgets .item {
display: block;
position: relative;
height: 70px;
margin-bottom: 2px
}
.sidebar-travel-widgets .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.sidebar-travel-widgets .titleCnt {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
color: #fff;
font-weight: 700;
line-height: 1;
background: rgba(0, 0, 0, 0.75);
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1)
}
.sidebar-travel-widgets .titleCnt .num,
.sidebar-travel-widgets .titleCnt .title {
float: left
}
.sidebar-travel-widgets .titleCnt .num {
font-size: 2rem;
text-align: center;
background-color: #c00;
padding: 6px
}
.sidebar-travel-widgets .titleCnt .title {
font-size: 1.6rem;
padding: 8px;
width: 86%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.sidebar-travel-widgets .item:hover .titleCnt {
background: rgba(0, 0, 0, 0.75)
}
.sidebar-travel-widgets .tab-pagination {
font-size: 1.2rem
}
.sidebar-travel-widgets .tab-pagination .page {
margin-top: 12px;
width: 5px;
height: 5px;
margin:0 2px;
}
.sidebar-travel-widgets .smcp-tab-pagination .pages .page.active,
.sidebar-travel-widgets .smcp-tab-pagination .pages .page:hover {
margin:0 2px;
}
.sidebar-100-proorismoi-widget .rightCnt {
margin: 2px 0 0 13px
}
.sidebar-100-proorismoi-widget h3 {
margin: 0;
line-height: 1;
background-color: transparent
}
.sidebar-100-proorismoi-widget h3 .hundred {
font-size: 5rem;
font-weight: 700;
color: #8a0000;
display: inline-block;
letter-spacing: -2px
}
.sidebar-100-proorismoi-widget h3 .destinations {
font-weight: 700;
font-size: 2rem;
line-height: .9;
margin-left: 5px;
color: #1a2b4c;
display: inline-block;
text-align: left
}
.sidebar-100-proorismoi-widget .bg {
background-image: url('../img/100ProorismoiSprite.jpg')
}
.sidebar-99-krymena-mystika-widget .rightCnt {
margin-top: 6px
}
.sidebar-99-krymena-mystika-widget .nine {
font-size: 5.6rem;
font-weight: 700;
color: #c00;
display: inline-block
}
.sidebar-99-krymena-mystika-widget .secrets {
font-weight: 700;
font-size: 2.4rem;
line-height: .9;
margin-left: 5px;
color: #1a2b4c;
display: inline-block;
text-align: left
}
.sidebar-99-krymena-mystika-widget h4 {
margin: 0;
font-size: 1.1rem;
color: #1a2b4c;
font-weight: 400;
letter-spacing: .4rem
}
.sidebar-99-krymena-mystika-widget .bg {
background-image: url('../img/99KrymenaSprite.jpg')
}
.sidebar-99-common-items-widget .rightCnt {
position: absolute;
top: 14px;
right: 15px;
float: none
}
.sidebar-99-common-items-widget .nine {
font-size: 5.6rem;
font-weight: 700;
color: #c00;
display: inline-block
}
.sidebar-99-common-items-widget .secrets {
font-weight: 700;
font-size: 2.4rem;
line-height: .9;
margin-left: 5px;
color: #1a2b4c;
display: inline-block;
text-align: left
}
.sidebar-99-common-items-widget h4 {
margin: 0;
font-size: 1.1rem;
color: #1a2b4c;
font-weight: 400;
letter-spacing: .4rem
}
.sidebar-99-common-items-widget .bg {
background-size: cover;
background-position: 50% 50%
}
.sidebar-newspapers-widget.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-newspapers-widget .btnCnt {
font-weight: 500
}
.sidebar-newspapers-widget .btnCnt:before,
.sidebar-newspapers-widget .btnCnt:after {
content: " ";
display: table
}
.sidebar-newspapers-widget .btnCnt:after {
clear: both
}
.sidebar-newspapers-widget .btnCnt:before,
.sidebar-newspapers-widget .btnCnt:after {
content: " ";
display: table
}
.sidebar-newspapers-widget .btnCnt:after {
clear: both
}
.sidebar-newspapers-widget .btnCnt a {
padding: 4px 0px;
display: inline-block;
color: #d7d7d7;
text-align: center;
font-size: 16px;
border-color: #333333;
}
.sidebar-newspapers-widget .btnCnt a:hover,
.sidebar-newspapers-widget .btnCnt a.active {
color: #333333
}
.sidebar-newspapers-widget .btnCnt a:FIRST-CHILD {
}
.sidebar-newspapers-widget .datesCnt {
font-weight: 700;
text-align: center;
background-color: #ffcd05;
max-width: 292px;
margin: 0 auto 10px;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #cccccc;
}
.sidebar-newspapers-widget .datesCnt .dateTab {
padding: 7px 6px 3px 10px;
display: inline-block;
color: #cfa604;
cursor: pointer;
line-height: 17px;
position: relative;
z-index : 1;
}
.sidebar-newspapers-widget .datesCnt .dateTab:before {
content: "";
position: absolute;
left: 0;
bottom: 20%;
height: 60%;
width: 1px;
border-right: 1px solid;
}
.sidebar-newspapers-widget .datesCnt .dateTab .num {
font-size: 20px;
}
.sidebar-newspapers-widget .datesCnt .dateTab .month {
font-size: 15px;
font-weight: 400
}
.sidebar-newspapers-widget .datesCnt .dateTab:hover,
.sidebar-newspapers-widget .datesCnt .dateTab.active {
color: #fff;
background-color: #e5b907;
}
.sidebar-newspapers-widget .datesCnt .dateTab:hover:before{
border:none;
}
.sidebar-newspapers-widget .datesCnt .dateTab.active:before{
border:none;
}
.sidebar-newspapers-widget .datesCnt .dateTab:FIRST-CHILD:before {
border:none;
}
.sidebar-newspapers-widget .carousel-papers {
margin: 0 auto;
position: relative;
min-height: 343px
}
.sidebar-newspapers-widget .carousel-papers .owl-carousel {
z-index: 1
}
.sidebar-newspapers-widget .carousel-papers .owl-carousel .note {
padding-top: 20px;
font-size: 1.9rem;
text-align: center;
font-weight: 700
}
.sidebar-newspapers-widget .carousel-papers .owl-carousel .item {
text-align: left;
max-width: 292px;
min-height: 343px;
margin: 0 auto
}
.sidebar-newspapers-widget .carousel-papers .owl-carousel .item a {
display: block
}
.sidebar-newspapers-widget .carousel-papers .owl-carousel .item a img {
display: block;
width: 100%
}
.sidebar-newspapers-widget .carousel-papers .owl-plsWait {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff url("../img/nb-papers-loader.gif") no-repeat 50% 50%;
display: none;
z-index: 2
}
.sidebar-newspapers-widget .controls {
position: relative;
max-width: 292px;
margin: 5px auto;
padding: 3px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
font-weight: normal;
display: none
}
.sidebar-newspapers-widget .controls .owl-prev,
.sidebar-newspapers-widget .controls .owl-next {
display: inline-block;
vertical-align: top
}
.sidebar-newspapers-widget .controls .arrows {
cursor: pointer;
position: absolute;
z-index: 2;
top: 4px
}
.sidebar-newspapers-widget .controls .arrows.paperWidgetLeft {
left: 4px
}
.sidebar-newspapers-widget .controls .arrows.paperWidgetRight {
right: 4px
}
.sidebar-newspapers-widget .controls .arrows .svgCnt {
width: 20px;
height: 20px
}
.sidebar-newspapers-widget .controls .paginCnt {
color: #333333;
text-align: center;
position: relative;
z-index: 1;
font-size: 1.5rem;
margin: 0 15px
}
.sidebar-newspapers-widget .controls .paginCnt .dash {
margin: 0 3px
}
.sidebar-newspapers-widget .newspapers-widget-editor {
font-weight: 500;
font-size: 14px;
color: #333333;
line-height: 1;
text-align: center;
margin: 0;
padding: 7px 0;
position: relative;
z-index: 2
}
.sidebar-newspapers-widget .newspapers-widget-editor a {
color: inherit
}
.ie8 .arrows .arrowLeftSvg {
background-image: url("../img/arrowRoundLeft.png")
}
.ie8 .arrows .arrowRightSvg {
background-image: url("../img/arrowRoundRight.png")
}
.sidebar-newsletter.bg:before {
background-color: #3a4965
}
.sidebar-newsletter h3 {
color: #ffc638;
background: #1a2b4c
}
.sidebar-newsletter h4 {
text-align: center;
margin: 0 0 10px;
color: #fff;
font-size: 1.8rem;
line-height: 1.1;
font-weight: 700
}
.sidebar-newsletter h4 span {
color: #ffc638
}
.sidebar-newsletter .box {
margin-top: 15px;
position: relative
}
.sidebar-newsletter .box:before,
.sidebar-newsletter .box:after {
content: " ";
display: table
}
.sidebar-newsletter .box:after {
clear: both
}
.sidebar-newsletter .box:before,
.sidebar-newsletter .box:after {
content: " ";
display: table
}
.sidebar-newsletter .box:after {
clear: both
}
.sidebar-newsletter .box input {
font-weight: 400;
font-size: 1.3rem;
padding: 10px 50px 10px 15px;
border: none;
outline: none;
width: 100%;
color: #58595b;
border: 1px solid transparent
}
.sidebar-newsletter .box input:focus {
border: 1px solid #ffc638
}
.sidebar-newsletter .box .submitBtn {
cursor: pointer;
top: 8px;
right: 0;
padding: 1px 9px;
position: absolute;
color: #c00;
border-left: 1px solid #939598;
font-size: 1.5rem
}
.sidebar-newsletter .box .submitBtn i:before {
margin: 0;
padding: 0;
line-height: 1
}
.sidebar-newsletter .box .submitBtn:hover {
color: #ffc638
}
.sidebar-newsletter .div-resp {
display: none;
margin-top: 10px;
line-height: 1;
color: #fff;
font-size: 1.3rem
}
.sidebar-newsletter .div-resp.active {
display: block;
}
@media (min-width: 1401px){
.nb-sidebar-text-widget{
padding:25px;
}
}
.nb-sidebar-text-widget .nb-sidebar-text-widget-inner {
width: 100%;
overflow: hidden
}
.nb-sidebar-text-widget .nb-sidebar-text-widget-inner > div:first-of-type {
height:0!important;
}
.sidebar-fbLike {
text-align: center
}
.sidebar-fbLike.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-fbLike .sidebar-title {
background:none;
}
.sidebar-fbLike .sidebar-title span {
font-weight: 400
}
.sidebar-fbLike .fb-like-box-cnt {
background: #fff;
display: inline-block;
padding: 20px
}
@media (min-width: 1401px) {
.sidebar-fbLike .fb-like-box-cnt {
padding: 20px 45px
}
}
.sidebar-otinanai.bg:before {
background-color: #f7f7f7
}
.sidebar-otinanai.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-otinanai .row {
margin-top: 15px
}
.sidebar-otinanai .row.first {
margin-top: 0
}
.sidebar-otinanai h3 {
color: #fff
}
.sidebar-otinanai a.col-sm-6 {
padding: 0 15px 0 7px
}
.sidebar-otinanai a.col-sm-6:first-child {
padding: 0 7px 0 15px
}
.sidebar-otinanai a figure {
width: 100%
}
.sidebar-otinanai a h3 {
font-size: 1.6rem;
padding: 0;
text-align: left;
background-color: transparent
}
.sidebar-otinanai a h3 span {
background-color: #f95807;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 0 2px 0 #f95807, 0 -2px 0 #f95807;
position: relative;
top: 4px;
padding: 0 3px;
line-height: 1.3
}
.ie .sidebar-otinanai a h3 span {
display: inline-block;
position: static;
padding: 3px 5px;
box-shadow: none;
line-height: 1.1
}
.sidebar-karcher.bg:before {
background-color: #f7f7f7
}
.sidebar-karcher.stripes:after {
opacity: .08;
filter: alpha(opacity=8)
}
.sidebar-karcher a {
margin-bottom: 15px
}
.sidebar-karcher .title {
padding-left: 0;
margin: 0;
line-height: 1.1;
color: #333;
font-size: 1.6rem;
font-weight: 400
}
.sidebar-karcher h4 {
margin: 0
}
.post-format-icon {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 30px;
font-size: 4rem;
color: #ffc638;
padding: 0;
margin: 0;
line-height: 1
}
.post-format-icon i:before {
padding: 0;
margin: 0;
width: auto;
height: auto;
line-height: 1;
display: block;
position: relative;
z-index: 1
}
.post-format-icon:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
overflow: hidden;
margin: 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
#sidebar .post-format-icon,
.section-nb-suggestions .post-format-icon {
bottom: 5px;
left: 5px;
font-size: 2rem
}
.pswp.nb-popup-container {
border-top: 6px solid #1a2b4c;
box-shadow: 0 0 100px #000;
position: absolute !important;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
margin: -150px 0 0 -150px
}
.pswp.nb-popup-container .pswp__nbModal {
position: absolute;
width: 100%;
bottom: 0;
top: 45px;
left: 0;
overflow-y: auto;
overflow-x: hidden;
z-index: 2
}
.pswp.nb-popup-container .pswp__nbModal .inner {
position: relative;
width: 100%
}
.pswp.nb-popup-container #Recaptcha {
margin-left: -40px;
margin-bottom: 10px
}
@media (min-width: 768px) {
.pswp.nb-popup-container #Recaptcha {
margin-left: 0
}
}
.pswp.nb-popup-container .pswp__bg {
background-color: #efefef
}
.pswp.nb-popup-container .pswp__ui--idle .pswp__top-bar {
opacity: 1 !important;
background: rgba(0, 0, 0, 0.4)
}
@media (min-width: 768px) {
.pswp.nb-popup-container {
position: fixed !important
}
}
.pswp.nb-popup-container .nb-popup-inner {
padding: 15px 40px 40px
}
.pswp.nb-popup-container .nb-popup-inner .logo {
font-size: 3.53rem;
line-height: 1;
color: #333
}
@media (min-width: 768px) {
.pswp.nb-popup-container .nb-popup-inner .logo.wide {
font-size: 4.92rem
}
}
.pswp.nb-popup-container .nb-popup-inner .logo i:before {
width: auto;
margin: 0;
padding: 0;
height: auto
}
.pswp.nb-popup-container .nb-popup-inner h3 {
color: #1a2b4c;
margin: 15px 0 0 0;
font-size: 2.3rem;
font-weight: 700
}
.pswp.nb-popup-container .nb-popup-inner form {
margin-top: 25px
}
.pswp.nb-popup-container .nb-popup-inner .form-group {
position: relative
}
.pswp.nb-popup-container .nb-popup-inner .form-group:before,
.pswp.nb-popup-container .nb-popup-inner .form-group:after {
content: " ";
display: table
}
.pswp.nb-popup-container .nb-popup-inner .form-group:after {
clear: both
}
.pswp.nb-popup-container .nb-popup-inner .form-group:before,
.pswp.nb-popup-container .nb-popup-inner .form-group:after {
content: " ";
display: table
}
.pswp.nb-popup-container .nb-popup-inner .form-group:after {
clear: both
}
.pswp.nb-popup-container .nb-popup-inner label {
font-weight: 700;
font-size: 1.4rem;
width: 100%;
margin: 0 0 3px 0;
display: block
}
.pswp.nb-popup-container .nb-popup-inner label:before,
.pswp.nb-popup-container .nb-popup-inner label:after {
content: " ";
display: table
}
.pswp.nb-popup-container .nb-popup-inner label:after {
clear: both
}
.pswp.nb-popup-container .nb-popup-inner label:before,
.pswp.nb-popup-container .nb-popup-inner label:after {
content: " ";
display: table
}
.pswp.nb-popup-container .nb-popup-inner label:after {
clear: both
}
.pswp.nb-popup-container .nb-popup-inner label.error {
font-weight: 700;
line-height: 1;
margin: -3px 0 3px;
font-size: 1rem;
color: red
}
.pswp.nb-popup-container .nb-popup-inner input[type=text],
.pswp.nb-popup-container .nb-popup-inner input[type=email],
.pswp.nb-popup-container .nb-popup-inner input[type=password],
.pswp.nb-popup-container .nb-popup-inner textarea {
width: 100%;
margin-bottom: 8px
}
.pswp.nb-popup-container .nb-popup-inner input[type="submit"] {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
vertical-align: baseline;
float: right;
background: #005f9b;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
color: #fff;
border-radius: 3px;
border-width: 1px;
border-style: solid;
margin: 0;
position: relative;
z-index: 2
}
.pswp.nb-popup-container .nb-popup-inner input[type="submit"]:disabled {
background-color: #999;
color: #777;
cursor: default;
border-color: transparent
}
.pswp.nb-popup-container .nb-popup-inner input[type="submit"]:hover {
background: #002035
}
.pswp.nb-popup-container .nb-popup-inner .preload {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100px;
height: 24px;
background: transparent url('../img/preload.gif') center center no-repeat
}
.pswp.nb-popup-container .nb-popup-inner .notice.warning {
color: red
}
.pswp.nb-popup-edit-profile-form {
width: 300px;
height: 480px;
margin: -240px 0 0 -150px
}
.pswp.nb-popup-edit-profile-form .nb-popup-edit-profile-form-inner {
padding-bottom: 15px
}
.pswp.nb-popup-email-form {
width: 300px;
height: 750px;
margin: -260px 0 0 -150px
}
@media (min-width: 768px) {
.pswp.nb-popup-email-form {
position: fixed !important;
width: 725px;
height: 480px;
margin: -240px 0 0 -357px
}
}
.pswp.nb-popup-password-change-form {
width: 300px;
height: 500px;
margin: -250px 0 0 -150px
}
.pswp.nb-popup-reset-password {
width: 310px;
height: 500px;
margin: -250px 0 0 -155px
}
.pswp.nb-popup-reset-password #Recaptcha {
margin-left: -36px
}
.pswp.nb-popup-email-form {
width: 300px;
height: 750px;
margin: -260px 0 0 -150px
}
.pswp.nb-popup-email-form #Recaptcha {
margin-left: -40px
}
@media (min-width: 768px) {
.pswp.nb-popup-email-form #Recaptcha {
margin-left: 0
}
}
@media (min-width: 768px) {
.pswp.nb-popup-email-form {
position: fixed !important;
width: 725px;
height: 480px;
margin: -240px 0 0 -357px
}
}
.pswp.nb-popup-email-form .preload {
right: 0 !important;
left: auto !important
}
.pswp.nb-popup-email-form .nb-popup-email-submit {
float: left !important
}
#nb-popup-login-wrap {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0
}
#nb-popup-login {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
text-align: center;
white-space: nowrap
}
#nb-popup-login:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
#nb-popup-login i:before {
width: auto;
height: auto;
padding: 0;
margin: 0
}
#nb-popup-login .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: .3;
filter: alpha(opacity=30);
z-index: 1
}
#nb-popup-login .nb-popup-login-inner {
display: inline-block;
vertical-align: middle;
white-space: normal;
text-align: left;
position: relative;
width: 320px;
min-height: 250px;
background-color: #fff;
z-index: 2;
padding: 20px 15px;
-webkit-box-shadow: 0 0 30px #000;
-moz-box-shadow: 0 0 30px #000;
box-shadow: 0 0 30px #000
}
@media (min-width: 768px) {
#nb-popup-login .nb-popup-login-inner {
width: 380px
}
}
@media (min-width: 768px) {
#nb-popup-login .nb-popup-login-inner {
border-radius: 5px
}
}
#nb-popup-login .nb-popup-login-inner .close-popup {
position: absolute;
cursor: pointer;
font-size: 4rem;
z-index: 3;
color: #c00;
top: 0;
right: 15px
}
#nb-popup-login .nb-popup-login-inner .close-popup:hover {
color: #8a0000
}
@media (min-width: 768px) {
#nb-popup-login .nb-popup-login-inner .close-popup {
top: -29px;
right: -21px
}
}
#nb-popup-login .nb-popup-login-inner .close-popup:after {
content: "";
position: absolute;
z-index: -1;
background-color: #fff;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px
}
#nb-popup-login .nb-popup-login-inner .nb-popup-login-container {
color: #333
}
#nb-popup-login .logo {
text-align: center;
font-size: 2rem;
color: #1a2b4c
}
#nb-popup-login .loading {
font-size: 1.8rem;
text-align: center;
margin: 30px 0;
display: none
}
#nb-popup-login .loading img {
width: 70px;
height: 70px
}
#nb-popup-login .tabs {
width: 100%;
margin: 20px 0
}
#nb-popup-login .tabs .tab {
width: 49%;
margin: 0 0 0 1%;
background: #f2f2f2;
color: #1a2b4c;
text-align: center;
padding: 15px 0;
font-weight: 400;
font-size: 1.7rem;
letter-spacing: 2px;
float: left;
line-height: 1;
cursor: pointer
}
#nb-popup-login .tabs .tab:first-child {
margin: 0 1% 0 0
}
#nb-popup-login .tabs .tab.active,
#nb-popup-login .tabs .tab.active:hover {
background: #1a2b4c;
color: #fff;
cursor: default
}
#nb-popup-login .tabs .tab:hover {
background-color: #d9d9d9
}
#nb-popup-login .tabs .tab.hide {
display: none
}
#nb-popup-login .box {
display: none;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.g-recaptcha div:first-child {
margin:auto;
}
#nb-popup-login .box.active {
display: block
}
#nb-popup-login .box p {
font-size: 1.4rem;
color: #000;
text-align: center
}
#nb-popup-login .box p.footer {
font-size: 1.2rem;
color: #666;
margin-top: 25px
}
#nb-popup-login .box a {
color: #2b90d6
}
#nb-popup-login .box a:hover {
color: #2174ad
}
#nb-popup-login .box .input-wrap {
width: 100%;
margin: 15px 0
}
#nb-popup-login .box .input-wrap-group .input-wrap {
margin: 5px 0
}
#nb-popup-login .box .input-wrap-group .input-wrap:first-child {
margin-top: 15px
}
#nb-popup-login .box .input-wrap-group .input-wrap:last-child {
margin-bottom: 15px
}
#nb-popup-login .box input[type="text"],
#nb-popup-login .box input[type="email"],
#nb-popup-login .box input[type="password"] {
width: 100%;
border: 1px solid #888;
padding: 10px;
font-size: 1.7rem
}
#nb-popup-login .box input[type="text"].error,
#nb-popup-login .box input[type="email"].error,
#nb-popup-login .box input[type="password"].error {
border-color: #8a0000
}
#nb-popup-login .box input[type="text"]:focus,
#nb-popup-login .box input[type="email"]:focus,
#nb-popup-login .box input[type="password"]:focus {
border-color: #005f9b
}
#nb-popup-login .box input[type="checkbox"] {
margin: 0 10px
}
#nb-popup-login .box input[type="submit"] {
width: 100%;
text-align: center;
color: #fff;
background-color: #c00;
font-weight: 400;
padding: 10px 0;
font-size: 1.6rem;
border: none
}
#nb-popup-login .box input[type="submit"]:hover {
background-color: #8a0000
}
#nb-popup-login .box label {
cursor: pointer
}
#nb-popup-login .box label.error {
color: #8a0000;
cursor: default;
font-family: 'Roboto Condensed', sans-serif
}
#nb-popup-login .social-login {
text-align: center
}
#nb-popup-login .social-login .inner {
display: inline-block
}
#nb-popup-login .social-login .inner>div {
width: 50px;
height: 50px;
text-align: center;
background-color: #f2f2f2;
float: left;
font-size: 2.3rem;
cursor: pointer;
margin: 0 4px
}
#nb-popup-login .social-login .inner>div i {
position: relative;
top: 8px
}
#nb-popup-login .social-login .inner>div[data-social="facebook"] {
color: #456eb0
}
#nb-popup-login .social-login .inner>div[data-social="twitter"] {
color: #15b9f6
}
#nb-popup-login .social-login .inner>div[data-social="google"] {
color: #e3401a
}
#nb-popup-login .social-login .inner>div[data-social="linkedin"] {
color: #1585b3
}
#nb-popup-login .social-login .inner>div:hover {
background-color: #fff
}
#nb-popup-login .box[data-box='register'] p,
#nb-popup-login .box[data-box='register'] label {
font-size: 1.25rem
}
#nb-popup-login .message {
display: none;
font-size: 2.4rem;
margin: 30px 20px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
#nb-popup-login .message.success {
color: #429c66
}
#nb-popup-login .message.error {
color: #8a0000
}
#nb-popup-login .message a {
color: #2b90d6;
font-weight: 400
}
#nb-popup-login .message a:hover {
color: #2174ad
}
#nb-popup-login .message p {
font-size: 1.4rem;
color: #000;
margin: 45px 20px;
font-weight: 400
}
#nb-popup-login .message .bullet {
text-align: center;
font-size: 1.4rem;
color: #1a2b4c;
margin: 20px 0
}
#nb-popup-login .message ul {
padding: 0;
margin: 0
}
#nb-popup-login .message ul li {
border-top: 1px solid #efefef;
font-size: 1.6rem;
line-height: 1;
text-align: center;
padding: 10px 0;
list-style: none
}
#nb-popup-login .message ul li:first-child {
border: none
}
#nb-popup-login .message ul li:after {
content: ">";
font-size: 1.2rem;
line-height: 1;
margin-left: 10px;
color: #c00;
font-weight: 700
}
#nb-notifications-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.nb-notifications {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
text-align: center;
white-space: nowrap
}
.nb-notifications:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
.nb-notifications .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: .3;
filter: alpha(opacity=30);
z-index: 1
}
.nb-notifications .inner {
display: inline-block;
vertical-align: middle;
white-space: normal;
text-align: left;
position: relative;
width: 320px;
min-height: 250px;
background-color: #fff;
z-index: 2;
border-radius: 5px;
padding: 20px 15px;
-webkit-box-shadow: 0 0 30px #000;
-moz-box-shadow: 0 0 30px #000;
box-shadow: 0 0 30px #000
}
@media (min-width: 768px) {
.nb-notifications .inner {
width: 380px
}
}
.nb-notifications .inner .close {
position: absolute;
cursor: pointer;
font-size: 4rem;
z-index: 3;
color: #c00;
top: 0;
right: 15px
}
.nb-notifications .inner .close:hover {
color: #8a0000
}
@media (min-width: 768px) {
.nb-notifications .inner .close {
top: -29px;
right: -21px
}
}
.nb-notifications .inner .close:after {
content: "";
position: absolute;
z-index: -1;
background-color: #fff;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px
}
.nb-notifications .inner .loading {
font-size: 1.8rem;
text-align: center;
margin: 30px 0;
display: none
}
.nb-notifications .inner .loading img {
width: 70px
}
.nb-notifications .inner .message {
color: #429c66;
font-size: 1.8rem;
text-align: center;
margin: 30px 0;
display: none;
font-family: 'Roboto', sans-serif;
font-weight: 400
}
.nb-notifications .inner .message.error {
color: #c00
}
.nb-news-alert-cnt {
margin-bottom: 25px;
position: relative
}
@media (max-width: 767px) {
.nb-news-alert-cnt {
margin: 4px 0;
background-color: #c00
}
.nb-news-alert-cnt:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent url('../img/NB_diagPattern.png');
z-index: 1;
opacity: .2;
filter: alpha(opacity=20);
display: block
}
}
.nb-news-alert {
color: #fff;
line-height: 1;
position: relative;
width: 100%;
padding: 10px 20px 8px 0
}
@media (min-width: 768px) {
.nb-news-alert {
min-height: 40px;
background-color: #cc0000;
padding: 12px 20px 12px 0
}
.nb-news-alert:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: .2;
filter: alpha(opacity=20);
display: block
}
}
.nb-news-alert .nb-news-alert-title {
display: none
}
.nb-news-alert .nb-news-alert-title {
display: none;
font-weight: 700;
font-size: 1.7rem;
line-height: 1;
position: relative;
z-index: 2
}
@media (min-width: 768px) {
.nb-news-alert .nb-news-alert-title {
display: block;
float: left;
margin-right: 10px;
margin-left: 10px
}
}
.nb-news-alert .nb-news-alert-list {
white-space: nowrap;
line-height: 1;
position: relative;
z-index: 2;
overflow: hidden
}
@media (min-width: 768px) and (max-width: 999px) {
.nb-news-alert .nb-news-alert-list {
margin-left: 10px
}
}
.nb-news-alert .nb-news-alert-list-item {
display: none;
color: #fff;
font-weight: 700;
font-size: 1.5rem;
line-height: 1;
text-overflow: ellipsis
}
.nb-news-alert .nb-news-alert-list-item.init {
display: inline-block
}
@media (max-width: 767px) {
.nb-news-alert .nb-news-alert-list-item {
width: 95%;
overflow: hidden;
white-space: nowrap
}
}
.nb-news-alert .nb-news-alert-nav {
display: none;
position: absolute;
top: 0;
right: 0;
padding: 10px;
background: #c00;
z-index: 3;
font-size: 2.5rem
}
@media (min-width: 768px) {
.nb-news-alert .nb-news-alert-nav {
display: block;
font-size: 2rem
}
.nb-news-alert .nb-news-alert-nav:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #c00 url('../img/NB_diagPattern.png');
z-index: 1;
opacity: .2;
filter: alpha(opacity=20);
display: block
}
.nb-news-alert .nb-news-alert-nav:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #c00 url('../img/NB_diagPattern.png');
z-index: 1;
opacity: .2;
filter: alpha(opacity=20);
display: block
}
}
.nb-news-alert .nb-news-alert-nav i {
cursor: pointer;
position: relative;
z-index: 4;
opacity: .7;
filter: alpha(opacity=70)
}
.nb-news-alert .nb-news-alert-nav i:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.nb-news-alert .nb-news-alert-nav i:before {
width: auto;
height: auto;
padding: 0;
margin: 0;
line-height: 1
}
.nb-news-alert .nb-news-alert-nav i:first-child {
margin-right: 5px
}
#wrap.skin .nb-news-alert-title {
margin-left: 15px
}
@media (min-width: 768px) and (max-width: 999px) {
#wrap.skin .nb-news-alert-list {
margin-left: 10px
}
}
.section-nb-suggestions {
padding-bottom: 35px;
width: 100%;
position: relative;
z-index: 1;
background-color: #fff
}
.section-nb-suggestions .section-nb-suggestions-title {
font-size: 34px;
font-weight: 400;
line-height: 1;
width: 100%;
text-align: center;
color: #333333;
letter-spacing: -1px;
padding: 25px 0 9px;
margin-bottom: 0
}
.section-nb-suggestions .section-nb-suggestions-title b {
font-weight: 700;
letter-spacing: -1px
}
@media (min-width: 768px) {
.section-nb-suggestions .snbs-inner-row:first-child .snbs-article {
border-top: none;
margin-top: 0;
padding-top: 0
}
}
@media (min-width: 1000px) {
.home .section-nb-suggestions .snbs-inner-column {
height: 260px;
overflow: hidden;
padding-left: 13px!important;
padding-right: 13px!important;
}
}
.home .sgstrow {
margin: 0 -13px!important;
}
@media (min-width: 1000px) {
.nbsgstsclm {
height: 260px;
}
}
@media (min-width: 768px) and (max-width:999px) {
.nbsgstsclm {
height: 230px;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.home .section-nb-suggestions .snbs-inner-column {
height: 234px;
overflow: hidden;
}
}
@media (min-width: 768px) {
#wrap.skin .section-nb-suggestions-title {
margin-left: auto;
margin-right: auto;
width: 720px
}
#wrap.skin .section-nb-suggestions-title .outter-container {
width: 720px
}
}
@media (min-width: 1000px) {
#wrap.skin .section-nb-suggestions-title {
width: 980px
}
#wrap.skin .section-nb-suggestions-title .outter-container {
width: 980px
}
}
@media (min-width: 1401px) {
#wrap.skin .section-nb-suggestions-title {
width: 1100px
}
#wrap.skin .section-nb-suggestions-title .outter-container {
width: 1100px
}
}
@media (min-width: 768px) {
#wrap.skin .section-nb-suggestions .outter-container {
padding-left: 0;
padding-right: 0
}
}
.snbs-article .snbs-article-img {
width: 100%
}
@media (min-width:1401px) {
.snbs-article .snbs-article-img img {
height:158px;
}
}
.snbs-article .snbs-article-img img {
width: 100%
}
.nb-choosetitle .snbs-article-img img{
max-height:155px;
}
.snbs-article .snbs-article-head {
margin-top: 15px;
line-height: 1
}
.snbs-article .snbs-article-head:before,
.snbs-article .snbs-article-head:after {
content: " ";
display: table
}
.snbs-article .snbs-article-head:after {
clear: both
}
.snbs-article .snbs-article-head:before,
.snbs-article .snbs-article-head:after {
content: " ";
display: table
}
.snbs-article .snbs-article-head:after {
clear: both
}
.snbs-article .snbs-article-head .snbs-article-date,
.snbs-article .snbs-article-head .snbs-article-cat {
float: left;
line-height: 1;
font-weight: 700;
font-size: 1.1rem;
color: #414042
}
.snbs-article .snbs-article-title,
.snbs-article .snbs-article-excerpt,
.snbs-article .snbs-article-subtitle {
margin: 15px 0 0 0;
font-weight: 700;
line-height: 1.2
}
.snbs-article .snbs-article-title {
font-size: 2rem;
color: #c00
}
.snbs-article .snbs-article-subtitle {
font-size: 1.5rem;
color: #333;
}
.snbs-article .snbs-article-excerpt {
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-top: 20px;
font-size: 1.6rem
}
.snbs-article-small {
border-top: 1px solid #e6e7e8;
margin-top: 20px;
padding-top: 20px
}
.snbs-article-small:before,
.snbs-article-small:after {
content: " ";
display: table
}
.snbs-article-small:after {
clear: both
}
.snbs-article-small:before,
.snbs-article-small:after {
content: " ";
display: table
}
.snbs-article-small:after {
clear: both
}
.snbs-article-small .snbs-article-img {
width: 40%;
float: left
}
.snbs-article-small .snbs-article-content {
width: 60%;
float: left;
padding: 0 10px
}
.snbs-article-small .snbs-article-head {
margin-top: 0
}
.snbs-article-small .snbs-article-title {
font-size: 1.6rem;
line-height: 1.1875
}
@media (min-width:1401px) {
.snbs-article-small .snbs-article-img {
width: 136px
}
.snbs-article-small .snbs-article-content {
width: 61%
}
.snbs-left-column.col-sm-4 .snbs-article .snbs-article-img img {
width: 353px
}
.snbs-right-column.col-sm-8 {
padding-left: 20px
}
.snb-market-column.snb-market-column-3.col-sm-4 {
padding-left: 8px;
padding-right: 8px
}
.snb-market-column.snb-market-column-3.col-sm-4 .snb-market-article .snb-market-img img {
width: 353px
}
}
@media (min-width:768px) and (max-width:1400px){
.sgstrow .snbs-right-column {
margin:0;
}
}
.infinite-article-container .section-nb-suggestions {
margin-bottom: 50px !important;
border-bottom: 5px solid #c00;
padding-left:0px!important;
}
.category-geuseis .infinite-article-container .section-nb-suggestions {
border-bottom:none;
}
.infinite-article-container .section-nb-suggestions .section-nb-suggestions-title {
margin-bottom: 8px !important;
padding: 10px 0 !important
}
.section-nb-suggestions .row{
margin:0;
}
.nbsuggest .container {
padding:0;
}
.infinite-article-container .nbsuggest .container .snbs-right-column {
padding: 0;
}
.section-nb-market {
z-index: 1;
width: 100%;
padding-bottom: 35px;
position: relative;
border-top: 3px solid #005f9b;
background-color: #ffb705
}
.section-nb-market:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
display: block;
z-index: -1
}
@media (min-width: 768px) {
.skin .section-nb-market {
margin-left: auto;
margin-right: auto;
width: 720px
}
.skin .section-nb-market .outter-container {
width: 720px
}
}
@media (min-width: 1000px) {
.skin .section-nb-market {
width: 980px
}
.skin .section-nb-market .outter-container {
width: 980px
}
}
@media (min-width: 1401px) {
.skin .section-nb-market {
width: 1100px
}
.skin .section-nb-market .outter-container {
width: 1100px
}
}
.section-nb-market-title {
color: #005f9b;
font-size: 5rem;
font-weight: 700;
text-align: center;
line-height: 1;
padding: 25px 0
}
@media (min-width: 768px) {
.snb-market-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.snb-market-column {
position: relative
}
@media (max-width: 767px) {
.snb-market-column {
margin-top: 10px
}
.snb-market-column:first-child {
margin-top: 0
}
}
.snb-market-column .snb-market-article-border {
position: absolute;
top: 0;
left: 8px;
bottom: 0;
right: 8px
}
.snb-market-column .snb-market-article-bg {
position: absolute;
top: 0;
left: 8px;
bottom: 0;
right: 8px
}
.snb-market-article {
padding: 7px 0;
height: 100%;
position: relative;
display: block
}
.snb-market-article:before,
.snb-market-article:after {
content: " ";
display: table
}
.snb-market-article:after {
clear: both
}
.snb-market-article:before,
.snb-market-article:after {
content: " ";
display: table
}
.snb-market-article:after {
clear: both
}
.snb-market-article .snb-market-img {
position: relative;
float: left;
width: 50%;
border: 3px solid rgba(255, 255, 255, 0.9)
}
.snb-market-article .snb-market-img img {
width: 100%;
color: #9f7200
}
.snb-market-article .snb-market-content {
position: relative;
float: left;
width: 50%
}
.snb-market-article .snb-market-title {
margin: 10px 0 0 0;
padding: 0;
font-weight: 700;
font-size: 2rem;
color: #1a2b4c;
line-height: 1.1
}
.snb-market-article .blueArrowRightSvg {
margin: 0;
bottom: 10px;
right: 0;
position: absolute;
display: none;
width: 9px;
height: 14px
}
.snb-market-article .blueArrowRightSvg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.snb-market-article .blueArrowRightSvg svg polyline {
stroke: #005f9b
}
.snb-market-column-1 .snb-market-img {
width: 50%
}
@media (max-width: 767px) {
.snb-market-column-1 .snb-market-img {
width: 100%
}
}
.snb-market-column-1 .snb-market-content {
width: 50%
}
@media (max-width: 767px) {
.snb-market-column-1 .snb-market-content {
width: 100%
}
}
.snb-market-column-1 .snb-market-title {
padding: 0 0 22px 15px
}
@media (min-width: 1000px) {
.snb-market-column-1 .snb-market-title {
margin: 0;
font-size: 2.5rem;
line-height: 2.8rem
}
}
@media (max-width: 767px) {
.snb-market-column-1 .snb-market-title {
padding: 0 10px 22px 0
}
}
.snb-market-column-2 .snb-market-img,
.snb-market-column-3 .snb-market-img {
width: 100%
}
.snb-market-column-2 .snb-market-content,
.snb-market-column-3 .snb-market-content {
width: 100%
}
.snb-market-column-2 .snb-market-title,
.snb-market-column-3 .snb-market-title {
padding: 0 10px 0 0
}
.snb-market-column-2 .blueArrowRightSvg,
.snb-market-column-3 .blueArrowRightSvg {
margin-top: 10px
}
.section-nb-click-of-the-day {
position: relative;
z-index: 1;
background-color: #1a1a1a;
}
.clicktoplayer:after {
content:"";
border-bottom:1px solid;
border-color:#cccccc
}
.clicktoplayer .section-nb-click-of-the-day {
background-color: #fff;
}
.section-nb-click-of-the-day:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: alpha(opacity=8);
z-index: 0
}
.section-nb-click-of-the-day>.container {
position: relative;
z-index: 1
}
.section-nb-click-of-the-day .snbcotd-img {
width: 100%
}
.section-nb-click-of-the-day .snbcotd-img img {
object-fit: cover;
object-position: center;
max-height: 680px;
max-width: 1100px;
width: 100%;
height: auto;
}
.section-nb-click-of-the-day .snbcotd-supertitle {
font-weight: 700;
font-size: 3.4rem;
line-height: 1;
margin: 10px 0 0 0;
color: #2f2f2f
}
@media (min-width: 768px) {
.section-nb-click-of-the-day .snbcotd-supertitle {
margin: 0
}
}
.section-nb-click-of-the-day .snbcotd-title {
font-weight: 700;
font-size: 2.4rem;
line-height: 1.1;
margin: 25px 0 0 0
}
.section-nb-click-of-the-day .snbcotd-title a {
color: #333333;
font-size: 2.4rem;
}
.section-nb-click-of-the-day .snbcotd-title a:hover {
text-decoration: none;
color: #333333
}
@media (min-width: 1000px) {
.section-nb-click-of-the-day .snbcotd-title {
margin: 35px 0 0 0
}
}
.section-nb-click-of-the-day .snbcotd-subtitle {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 1.6rem;
line-height: 1.3;
margin: 10px 0;
}
.section-nb-click-of-the-day .snbcotd-subtitle a {
color: #333333;
font-size: 1.6rem;
}
.section-nb-click-of-the-day .article-top-social {
margin-top: 25px
}
.cnb-click-of-the-day .addthis_inline_share_toolbox_9a8m {
padding-top: 10px;
clear:none!important;
}
.addthis_inline_share_toolbox_9a8m .at-share-btn-elements a {
border: 1px solid;
border-color: #666666;
background: none!important;
}
.addthis_inline_share_toolbox_vdnn .at-share-btn-elements a {
border: 1px solid;
border-color: #666666;
background: none;
}
.article-facebook-like .at-style-responsive .at-share-btn{
padding:0;
}
.article-facebook-like .addthis_inline_share_toolbox_vdnn .at-share-btn-elements a {
border: none;
}
.article-facebook-like .addthis_inline_share_toolbox_vdnn .at-share-btn-elements a > span > svg {
border: 1px solid;
border-color: #666666;
}
.section-nb-click-of-the-day .row {
margin:0;
padding: 25px 0 25px;
border-bottom: 2px solid;
border-color: #cccccc;
}
.section-nb-weekend {
width: 100%;
background: #1d2f47;
padding: 20px 0 0;
position: relative;
margin-bottom: 4px
}
@media (min-width: 768px) {
.section-nb-weekend {
margin-bottom: 35px
}
}
.section-nb-weekend.no-background-pattern:before {
background: none !important
}
.section-nb-weekend .mobile-show-element {
display: none
}
@media (max-width: 767px) {
.section-nb-weekend .mobile-show-element {
display: block
}
.section-nb-weekend .desktop-show-element {
display: none
}
}
.section-nb-weekend .sectionWeekendSpecial .head {
height: 47px
}
.ie8 .section-nb-weekend:before {
background: none
}
/* Promo tags (PPN ads) hidden height space */
div[id*='promo'] {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
/* Weekend promo position title & tint hide
body > section > div > div.container.outter-container > div > div.col-sm-3.col3 > a.desktop-show-element > div.title {
display: none !important;
}
#wrap > section > div > div.container.outter-container > div > div.col-sm-3.col3 > a:nth-child(1) > div.tint {
display: none !important;
}
body > section > div > div.container.outter-container > div > div.col-sm-3.col3 > a.desktop-show-element > div.tint {
display: none !important;
}
#wrap > section > div > div.container.outter-container > div > div.col-sm-3.col3 > a:nth-child(1) > div.title {
display: none !important;
}
*/
.sectionWeekendSpecial {
position: relative;
z-index: 2;
width: 100%;
margin: 0 auto
}
.sectionWeekendSpecial .head {
width: 100%;
margin: 0 auto 8px
}
@media (min-width: 768px) {
.sectionWeekendSpecial .head {
width: 320px
}
}
.sectionWeekendSpecial .head:before,
.sectionWeekendSpecial .head:after {
content: " ";
display: table
}
.sectionWeekendSpecial .head:after {
clear: both
}
.sectionWeekendSpecial .head:before,
.sectionWeekendSpecial .head:after {
content: " ";
display: table
}
.sectionWeekendSpecial .head:after {
clear: both
}
.sectionWeekendSpecial .head .svgCnt {
width: 100%;
height: 0;
padding-bottom: 14.5511%;
position: relative;
text-align: center;
}
.sectionWeekendSpecial .head .svgCnt span{
font-size: 40px;
color: #fff;
font-weight: lighter;
}
.sectionWeekendSpecial .head .svgCnt svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.sectionWeekendSpecial .snbw-row {
margin: 0
}
.sectionWeekendSpecial figure,
.sectionWeekendSpecial .tint {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.sectionWeekendSpecial figure {
background-size: cover;
background-position: center center
}
.sectionWeekendSpecial .tint {
background-color: #000;
opacity: .25;
filter: alpha(opacity=25)
}
.sectionWeekendSpecial .title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
color: #fff;
text-shadow: 0 1px 0 #000;
font-weight: 700;
font-size: 2.2rem;
line-height: 1.2;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
}
.sectionWeekendSpecial .outter-container {
padding:0px!important;
}
@media (min-width: 768px) {
.sectionWeekendSpecial .title {
font-size: 1.5rem;
line-height: 1.1
}
}
@media (min-width: 1000px) {
.sectionWeekendSpecial .title {
padding: 10px;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.68);
margin: 10px;
}
}
.sectionWeekendSpecial a {
display: block;
width: 100%;
height: 0;
padding-bottom: 80%;
overflow: hidden;
position: relative
}
.sectionWeekendSpecial a:hover .tint {
opacity: 0;
filter: alpha(opacity=0)
}
.sectionWeekendSpecial .col1,
.sectionWeekendSpecial .col2,
.sectionWeekendSpecial .col3 {
padding: 0
}
@media (min-width: 768px) {
.sectionWeekendSpecial .col2 .title {
font-size: 2.4rem
}
}
@media (min-width: 1000px) {
.sectionWeekendSpecial .col2 .title {
font-size: 24px;
}
}
.sectionWeekendSpecial .weekend-readmore-cnt {
width: 100%
}
@media (min-width: 1000px) {
.sectionWeekendSpecial .weekend-readmore-cnt {
text-align: center;
position:absolute;
top:10px;
margin-left: 385px;
max-width: 320px;
}
}
@media (min-width: 1401px){
.sectionWeekendSpecial .weekend-readmore-cnt {
margin-left: 442px;
}
}
@media (min-width: 768px) and (max-width:999px) {
.sectionWeekendSpecial .weekend-readmore-cnt {
text-align: center;
position:absolute;
top:10px;
max-width: 200px;
margin-left: 320px;
}
.sectionWeekendSpecial .weekend-readmore-cnt a {
font-size:14px!important;
}
}
@media (max-width: 767px) {
.sectionWeekendSpecial .weekend-readmore-cnt {
display:none;
}
}
.sectionWeekendSpecial .weekend-readmore-cnt .lnk-read-more {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 1;
display: block;
text-align: center;
padding:0;
height: auto;
margin-top: 15px
}
.nb-kentrikh-eidhsh {
position: relative;
width: 100%;
margin-bottom: 4px;
padding-bottom: 15px;
text-align: center
}
@media (min-width: 768px) {
.nb-kentrikh-eidhsh {
margin-bottom: 15px
}
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-column {
margin: 0 auto;
position: relative;
z-index: 3
}
.nb-kentrikh-eidhsh a.nb-kentrikh-eidhsh-photo-link {
display: block;
line-height: 1;
position: relative
}
.nb-kentrikh-eidhsh h3 {
position: relative;
font-size: 3rem;
font-weight: 700;
line-height: 1.1;
z-index: 1
}
@media (max-width: 499px) {
.nb-kentrikh-eidhsh h4 {
display:none;
}
}
@media (max-width: 767px) {
.nb-kentrikh-eidhsh a.nb-kentrikh-eidhsh-photo-link {
margin: 0 -15px
}
.nb-kentrikh-eidhsh h3 {
position:relative;
z-index:1;
margin: 10px 0;
font-size: 25px;
}
.nb-kentrikh-eidhsh h3 span {
color: #fff;
padding: 4px 12px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone
}
.nb-central {
margin: 0;
position: absolute;
text-align: center;
left: 9%;
right: 9%;
font-size: 4rem;
bottom: 20px;
z-index: 2;
}
.nb-kentrikh-eidhsh h4 {
position:relative;
z-index:1;
}
.nb-kentrikh-eidhsh h4 a {
color: #fff
}
.nb-kentrikh-eidhsh h4 {
font-size: 19px;
margin: 0;
position:relative;
z-index:1;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta {
position:relative;
z-index:1;
margin-bottom: -20px;
font-size: 13px;
}
.nb-kentrikh-eidhsh h4 a {
color: #fff;
}
.nb-kentrikh-eidhsh-meta-cat {
position:relative;
}
.nb-kentrikh-eidhsh-meta-time {
position:relative;
padding-right: 5px;
}
.nb-kentrikh-eidhsh-meta-cat:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-time:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-cat a {
color:#fff!important;
padding-right: 5px;
font-weight: 700;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-time {
color: #fff;
}
}
@media (min-width: 768px) {
.nb-kentrikh-eidhsh h3 {
position:relative;
z-index:1;
margin: 10px 0;
}
.nb-kentrikh-eidhsh h3 span {
color: #fff;
padding: 4px 12px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone
}
.nb-central {
margin: 0;
position: absolute;
text-align: center;
left: 9%;
right: 9%;
font-size: 4rem;
bottom: 20px;
z-index: 2;
}
}
@media (min-width: 1000px) {
.nb-kentrikh-eidhsh h3 {
font-size: 46px;
margin: 0px 0 15px;
}
.nb-central {
margin: 0;
position: absolute;
text-align: center;
left: 9%;
right: 9%;
font-size: 4rem;
bottom: 50px;
z-index: 2;
}
}
.nb-kentrikh-eidhsh h4 {
font-weight: 700
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
.nb-kentrikh-eidhsh h4 {
font-size: 19px;
margin: 0;
position:relative;
z-index:1;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta {
position:relative;
z-index:1;
margin-bottom: -20px;
font-size: 13px;
}
.nb-kentrikh-eidhsh h4 a {
color: #fff;
}
.nb-kentrikh-eidhsh-meta-cat {
position:relative;
}
.nb-kentrikh-eidhsh-meta-time {
position:relative;
padding-right: 5px;
}
.nb-kentrikh-eidhsh-meta-cat:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-time:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-cat a {
color:#fff!important;
padding-right: 5px;
font-weight: 700;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-time {
color: #fff;
}
}
@media (min-width: 1000px) {
.nb-kentrikh-eidhsh h4 {
font-size: 19px;
margin: 0;
position:relative;
z-index:1;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta {
position:relative;
z-index:1;
margin-bottom: -10px;
}
.nb-kentrikh-eidhsh h4 a {
color: #fff;
}
.nb-kentrikh-eidhsh-meta-cat {
position:relative;
}
.nb-kentrikh-eidhsh-meta-time {
position:relative;
padding-right: 5px;
}
.nb-kentrikh-eidhsh-meta-cat:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-time:before {
content: "";
position: absolute;
left: 100%;
bottom: 15%;
height: 75%;
width: 1px;
border-right: 1px solid #fff;
}
.nb-kentrikh-eidhsh-meta-cat a {
padding-right: 5px;
font-weight: 700;
color:#fff!important;
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-time {
color: #fff;
}
}
.nb-kentrikh-eidhsh figure {
position: relative;
width: 100%;
overflow: hidden
}
.nb-central-image {
position:relative;
}
.nb-central-image:before {
content:'';
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
opacity: 1;
z-index: 1;
width: 100%;
height: 66%;
}
}
.nb-kentrikh-eidhsh figure img {
margin-top: -5%
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta {
font-size: 15px;
display: inline-block
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:before,
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:after {
content: " ";
display: table
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:after {
clear: both
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:before,
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:after {
content: " ";
display: table
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta:after {
clear: both
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta>div {
float: left;
text-align: left;
line-height: 1;
margin-left: 5px
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta>div:first-child {
margin-left: 0
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta>div a {
display: block;
background-color: transparent !important
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-comments {
margin: -1px 15px 0 7px;
background: #c00;
font-size: 13px;
padding: 2px 4px 2px 4px;
border-radius: 2px;
position: relative;
font-weight: 700
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-comments:after {
content: "";
position: absolute;
bottom: -5px;
right: 3px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid #c00;
z-index: -1
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-comments a {
color: #fff
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-link {
display: none
}
@media (min-width: 768px) {
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-link {
display: block
}
}
.nb-kentrikh-eidhsh .nb-kentrikh-eidhsh-meta .nb-kentrikh-eidhsh-meta-link a {
color: #808285
}
.ie8 .nb-kentrikh-eidhsh:before {
background: none
}
.skin .nb-kentrikh-eidhsh:before {
left: 10px;
right: 10px
}
.no-csscalc .nb-kentrikh-eidhsh h3 span {
padding: 0 2px 12px;
box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;
line-height: 1.3
}
.main-footer {
position: relative;
z-index: 1;
margin: 0;
padding: 20px 0 25px;
width: 100%;
background-color: #1a2b4c
}
.main-footer .footer-logo-cnt {
text-align: center
}
@media (min-width: 768px) {
.main-footer .footer-logo-cnt {
text-align: center;
padding-bottom: 20px;
}
}
.main-footer .footer-logo {
color: #fff;
font-size: 4.6rem;
text-align: center
}
.main-footer .footer-logo i:before {
margin: 0;
padding: 0;
width: auto;
height: auto;
line-height: 1
}
@media (min-width: 768px) {
.main-footer .footer-logo {
font-size: 38px;
text-align: left
}
.main-footer .footer-logo i {
line-height: 1;
height: 0;
display: inline-block;
}
}
@media (max-width: 767px) {
.main-footer .footer-search {
margin-top: 20px
}
}
.main-footer .footer-search .top-banner-flyout-search {
display: block;
width: 100%;
position: relative;
background: transparent;
margin: auto;
}
@media (min-width: 1401px) {
.main-footer .footer-search .top-banner-flyout-search {
display: block;
width: 40%;
position: relative;
background: transparent;
margin: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
.main-footer .footer-search .top-banner-flyout-search {
display: block;
width: 60%;
position: relative;
background: transparent;
margin: auto;
}
}
@media (max-width: 767px) {
.main-footer .footer-search .top-banner-flyout-search {
top: 0;
left: 0
}
}
.main-footer .footer-search .top-banner-flyout-search form {
border: 1px solid;
border-color: #fff;
}
.main-footer .footer-search .top-banner-flyout-search input {
margin: 0;
height: 54px;
background:none;
border:none;
padding:20px;
top: -3px;
}
.main-footer .footer-search .top-banner-flyout-search input[type="text"] {
width: 100%;
width: -webkit-calc(100% - 48px);
width: -moz-calc(100% - 48px);
width: calc(100% - 48px);
}
.main-footer .footer-search .top-banner-flyout-search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
.main-footer .footer-search .top-banner-flyout-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
.main-footer .footer-search .top-banner-flyout-search::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.main-footer .footer-search .top-banner-flyout-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
}
.main-footer .footer-search .top-banner-flyout-search input[type="submit"] {
top: 0
}
.main-footer .footer-search .top-banner-flyout-search .searchiconborder:before {
content: "";
position: absolute;
bottom: 25%;
height: 50%;
width: 1px;
border-left: 1px solid;
border-color:#fff
}
@media (min-width: 768px) {
.main-footer .main-footer-links {
margin: 40px 0 30px;
}
}
@media (max-width: 767px) {
.main-footer .footer-menu {
display:none
}
}
.main-footer .footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
@media (max-width: 767px) {
.main-footer .footer-menu ul {
margin-top: 30px;
text-align: center
}
}
.main-footer .footer-menu li {
font-weight: 700;
font-size: 18px;
line-height: 1;
margin-top: 10px;
display: inline-block;
}
.main-footer .footer-menu li:before {
}
.main-footer .footer-menu li a {
color: #fff;
padding: 0 10px;
border-right: 1px solid;
}
.main-footer .footer-menu li:last-child a {
border:none;
}
.main-footer .footer-menu a:before {
}
.main-footer .footer-menu li a:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.main-footer .footer-menu li:first-child {
margin-top: 0
}
.main-footer .footer-spacer {
margin-top: 30px
}
.main-footer .footer-spacer .footer-line {
height: 1px;
background: #fff
}
.main-footer .bottom-footer {
position: relative;
padding-top: 13px;
color: #fff;
font-size: 12px;
line-height: 1
}
.main-footer .bottom-footer a {
color: inherit
}
.main-footer .bottom-footer span {
color: inherit;
display: inline-block;
margin: 0 4px
}
.main-footer .bottom-footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #e6e7e8;
opacity: .1;
filter: alpha(opacity=10)
}
@media (max-width: 767px) {
.main-footer .bottom-footer>div {
text-align: center;
margin-top: 15px
}
}
.no-csscalc .main-footer .footer-search .top-banner-flyout-search input[type="text"] {
width: 98%
}
.no-csscalc .main-footer .footer-logo {
background-image: url("../img/logoSmall.png?v1");
width: 230px;
height: 49px;
display: block
}
@media (max-width: 767px) {
.no-csscalc .main-footer .footer-logo {
display: inline-block;
margin: 0 auto
}
}
.no-csscalc .main-footer .footer-logo i {
display: none
}
.jspContainer {
overflow: hidden;
position: relative
}
.jspPane {
position: absolute
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 9px;
height: 100%;
background: transparent
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 9px;
background: transparent
}
.jspCap {
display: none
}
.jspHorizontalBar .jspCap {
float: left
}
.jspTrack {
background: #e6e7e8;
position: relative
}
.sidebar-feed-list .jspTrack {
background:none!important;
}
.jspDrag {
background: #005f9b;
position: relative;
top: 0;
left: 0;
cursor: pointer
}
.sidebar-feed-list .jspDrag {
background: #c0c0c0;
border-radius:10px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d
}
.jspVerticalBar .jspArrow {
height: 9px
}
.jspHorizontalBar .jspArrow {
width: 9px;
float: left;
height: 100%
}
.jspVerticalBar .jspArrow:focus {
outline: none
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%
}
/*!
* Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr
}
.datepicker-inline {
width: 220px
}
.datepicker.datepicker-rtl {
direction: rtl
}
.datepicker.datepicker-rtl table tr td span {
float: right
}
.datepicker-dropdown {
top: 0;
left: 0
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px
}
.datepicker-dropdown.datepicker-orient-top:before {
top: -7px
}
.datepicker-dropdown.datepicker-orient-top:after {
top: -6px
}
.datepicker-dropdown.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999
}
.datepicker-dropdown.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff
}
.datepicker>div {
display: none
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
display: block
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
color: #000;
background-color: #ffdb99;
border-color: #ffb733
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
color: #000;
background-color: #ffcd70;
border-color: #f59e00
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
background-image: none
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
background-color: #ffdb99;
border-color: #ffb733
}
.datepicker table tr td.today:hover:hover {
color: #000
}
.datepicker table tr td.today.active:hover {
color: #fff
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
border-radius: 0
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
color: #000;
background-color: #f7ca77;
border-color: #f1a417;
border-radius: 0
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
color: #000;
background-color: #f4bb51;
border-color: #bf800c
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
background-image: none
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
background-color: #f7ca77;
border-color: #f1a417
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
color: #fff;
background-color: #999;
border-color: #555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
color: #fff;
background-color: #858585;
border-color: #373737
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
background-image: none
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
background-color: #999;
border-color: #555
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
color: #fff;
background-color: #3276b1;
border-color: #285e8e
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
background-image: none
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
background-color: #428bca;
border-color: #357ebd
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px
}
.datepicker table tr td span:hover {
background: #eee
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #3276b1;
border-color: #285e8e
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
background-image: none
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
background-color: #428bca;
border-color: #357ebd
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999
}
.datepicker .datepicker-switch {
width: 145px
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
cursor: pointer
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
background: #eee
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle
}
.datepicker thead tr:first-child .cw {
cursor: default;
background-color: transparent
}
.input-group.date .input-group-addon {
cursor: pointer
}
.input-daterange {
width: 100%
}
.input-daterange input {
text-align: center
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: solid #ccc;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333;
font-size: 13px;
line-height: 1.42857143
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 0 5px
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-box-shadow: none;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
outline: none;
opacity: .9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(plugins/photoswipe/default-skin/default-skin.png?v=1.1) 0 0 no-repeat;
background-size: 163px 70px;
width: 42px;
height: 42px
}
@media (-webkit-min-device-pixel-ratio:1.1),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(plugins/photoswipe/default-skin/default-skin.svg?v=1.1)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 9px -41px
}
.pswp__button--share {
background-position: -38px -41px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block;
background-position: 9px 11px
}
.pswp--fs .pswp__button--fs {
background-position: -39px 11px
}
.pswp__button--zoom {
display: none;
background-position: -87px 10px
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -135px 10px
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #bbb
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #ccc
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
will-change: opacity
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(plugins/photoswipe/default-skin/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0
}
@media screen and (max-width:1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5)
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
/*!
* FullCalendar v2.3.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2015 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left
}
.fc-rtl {
text-align: right
}
body .fc {
font-size: 1em
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
border-color: #ddd
}
.fc-unthemed .fc-popover {
background-color: #fff
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
background: #eee
}
.fc-unthemed .fc-popover .fc-header .fc-close {
color: #666
}
.fc-unthemed .fc-today {
background: #fcf8e3
}
.fc-highlight {
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30)
}
.fc-bgevent {
background: #8fdf82;
opacity: .3;
filter: alpha(opacity=30)
}
.fc-nonbusiness {
background: #d7d7d7
}
.fc-icon {
display: inline-block;
width: 1em;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace
}
.fc-icon:after {
position: relative;
margin: 0 -1em
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: 700;
font-size: 200%;
top: -7%;
left: 3%
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: 700;
font-size: 200%;
top: -7%;
left: -3%
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
font-size: 160%;
top: -7%
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
font-size: 160%;
top: -7%
}
.fc-icon-left-triangle:after {
content: "\25C4";
font-size: 125%;
top: 3%;
left: -2%
}
.fc-icon-right-triangle:after {
content: "\25BA";
font-size: 125%;
top: 3%;
left: 2%
}
.fc-icon-down-triangle:after {
content: "\25BC";
font-size: 125%;
top: 2%
}
.fc-icon-x:after {
content: "\000D7";
font-size: 200%;
top: 6%
}
.fc button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
height: 2.1em;
padding: 0 .6em;
font-size: 1em;
white-space: nowrap;
cursor: pointer
}
.fc button::-moz-focus-inner {
margin: 0;
padding: 0
}
.fc-state-default {
border: 1px solid
}
.fc-state-default.fc-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.fc-state-default.fc-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.fc button .fc-icon {
position: relative;
top: -0.05em;
margin: 0 .2em;
vertical-align: middle
}
.fc-state-default {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
color: #333;
background-color: #e6e6e6
}
.fc-state-hover {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear
}
.fc-state-active,
.fc-state-down {
background-color: #ccc;
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.fc-state-disabled {
cursor: default;
background-image: none;
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none
}
.fc-button-group {
display: inline-block
}
.fc .fc-button-group>* {
float: left;
margin: 0 0 0 -1px
}
.fc .fc-button-group>:first-child {
margin-left: 0
}
.fc-popover {
position: absolute;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
}
.fc-popover .fc-header {
padding: 2px 4px
}
.fc-popover .fc-header .fc-title {
margin: 0 2px
}
.fc-popover .fc-header .fc-close {
cursor: pointer
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
float: left
}
.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
float: right
}
.fc-unthemed .fc-popover {
border-width: 1px;
border-style: solid
}
.fc-unthemed .fc-popover .fc-header .fc-close {
font-size: .9em;
margin-top: 2px
}
.fc-popover>.ui-widget-header+.ui-widget-content {
border-top: 0
}
.fc-divider {
border-style: solid;
border-width: 1px
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
border-width: 1px 0
}
.fc-clear {
clear: both
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-bg {
bottom: 0
}
.fc-bg table {
height: 100%
}
.fc table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em
}
.fc th {
text-align: center
}
.fc td,
.fc th {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top
}
.fc td.fc-today {
border-style: double
}
.fc .fc-row {
border-style: solid;
border-width: 0
}
.fc-row table {
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
border-bottom: 0 hidden transparent
}
.fc-row:first-child table {
border-top: 0 hidden transparent
}
.fc-row {
position: relative
}
.fc-row .fc-bg {
z-index: 1
}
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
bottom: 0
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
height: 100%
}
.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
border-color: transparent
}
.fc-row .fc-bgevent-skeleton {
z-index: 2
}
.fc-row .fc-highlight-skeleton {
z-index: 3
}
.fc-row .fc-content-skeleton {
position: relative;
z-index: 4;
padding-bottom: 2px
}
.fc-row .fc-helper-skeleton {
z-index: 5
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
background: 0 0;
border-color: transparent;
border-bottom: 0
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
border-top: 0
}
.fc-scroller {
overflow-y: scroll;
overflow-x: hidden
}
.fc-scroller>* {
position: relative;
width: 100%;
overflow: hidden
}
.fc-event {
position: relative;
display: block;
font-size: .85em;
line-height: 1.3;
border-radius: 3px;
border: 1px solid #3a87ad;
background-color: #3a87ad;
font-weight: 400
}
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
color: #fff;
text-decoration: none
}
.fc-event.fc-draggable,
.fc-event[href] {
cursor: pointer
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
cursor: not-allowed
}
.fc-event .fc-bg {
z-index: 1;
background: #fff;
opacity: .25;
filter: alpha(opacity=25)
}
.fc-event .fc-content {
position: relative;
z-index: 2
}
.fc-event .fc-resizer {
position: absolute;
z-index: 3
}
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-h-event .fc-resizer {
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
width: 5px
}
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer:before {
right: auto;
cursor: w-resize
}
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer:before {
left: auto;
cursor: e-resize
}
.fc-day-grid-event {
margin: 1px 2px 0;
padding: 0 1px
}
.fc-day-grid-event .fc-content {
white-space: nowrap;
overflow: hidden
}
.fc-day-grid-event .fc-time {
font-weight: 700
}
.fc-day-grid-event .fc-resizer {
left: -3px;
right: -3px;
width: 7px
}
a.fc-more {
margin: 1px 3px;
font-size: .85em;
cursor: pointer;
text-decoration: none
}
a.fc-more:hover {
text-decoration: underline
}
.fc-limited {
display: none
}
.fc-day-grid .fc-row {
z-index: 1
}
.fc-more-popover {
z-index: 2;
width: 220px
}
.fc-more-popover .fc-event-container {
padding: 10px
}
.fc-toolbar {
text-align: center;
margin-bottom: 1em
}
.fc-toolbar .fc-left {
float: left
}
.fc-toolbar .fc-right {
float: right
}
.fc-toolbar .fc-center {
display: inline-block
}
.fc .fc-toolbar>*>* {
float: left;
margin-left: .75em
}
.fc .fc-toolbar>*>:first-child {
margin-left: 0
}
.fc-toolbar h2 {
margin: 0
}
.fc-toolbar button {
position: relative
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
z-index: 2
}
.fc-toolbar .fc-state-down {
z-index: 3
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
z-index: 4
}
.fc-toolbar button:focus {
z-index: 5
}
.fc-view-container *,
.fc-view-container:after,
.fc-view-container:before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.fc-view,
.fc-view>table {
position: relative;
z-index: 1
}
.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
padding-top: 1px;
padding-bottom: 1em
}
.fc-basic-view .fc-body .fc-row {
min-height: 4em
}
.fc-row.fc-rigid {
overflow: hidden
}
.fc-row.fc-rigid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
padding: 0 2px
}
.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
padding-top: 2px;
padding-bottom: 2px
}
.fc-basic-view .fc-week-number {
text-align: center
}
.fc-basic-view .fc-week-number span {
display: inline-block;
min-width: 1.25em
}
.fc-ltr .fc-basic-view .fc-day-number {
text-align: right
}
.fc-rtl .fc-basic-view .fc-day-number {
text-align: left
}
.fc-day-number.fc-other-month {
opacity: .3;
filter: alpha(opacity=30)
}
.fc-agenda-view .fc-day-grid {
position: relative;
z-index: 2
}
.fc-agenda-view .fc-day-grid .fc-row {
min-height: 3em
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-top: 1px;
padding-bottom: 1em
}
.fc .fc-axis {
vertical-align: middle;
padding: 0 4px;
white-space: nowrap
}
.fc-ltr .fc-axis {
text-align: right
}
.fc-rtl .fc-axis {
text-align: left
}
.ui-widget td.fc-axis {
font-weight: 400
}
.fc-time-grid,
.fc-time-grid-container {
position: relative;
z-index: 1
}
.fc-time-grid {
min-height: 100%
}
.fc-time-grid table {
border: 0 hidden transparent
}
.fc-time-grid>.fc-bg {
z-index: 1
}
.fc-time-grid .fc-slats,
.fc-time-grid>hr {
position: relative;
z-index: 2
}
.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-time-grid .fc-bgevent-skeleton {
z-index: 3
}
.fc-time-grid .fc-highlight-skeleton {
z-index: 4
}
.fc-time-grid .fc-content-skeleton {
z-index: 5
}
.fc-time-grid .fc-helper-skeleton {
z-index: 6
}
.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0
}
.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted
}
.fc-time-grid .fc-slats .ui-widget-content {
background: 0 0
}
.fc-time-grid .fc-highlight-container {
position: relative
}
.fc-time-grid .fc-highlight {
position: absolute;
left: 0;
right: 0
}
.fc-time-grid .fc-bgevent-container,
.fc-time-grid .fc-event-container {
position: relative
}
.fc-ltr .fc-time-grid .fc-event-container {
margin: 0 2.5% 0 2px
}
.fc-rtl .fc-time-grid .fc-event-container {
margin: 0 2px 0 2.5%
}
.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
position: absolute;
z-index: 1
}
.fc-time-grid .fc-bgevent {
left: 0;
right: 0
}
.fc-v-event.fc-not-start {
border-top-width: 0;
padding-top: 1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.fc-v-event.fc-not-end {
border-bottom-width: 0;
padding-bottom: 1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fc-time-grid-event {
overflow: hidden
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
padding: 0 1px
}
.fc-time-grid-event .fc-time {
font-size: .85em;
white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-content {
white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
display: inline-block;
vertical-align: top
}
.fc-time-grid-event.fc-short .fc-time span {
display: none
}
.fc-time-grid-event.fc-short .fc-time:before {
content: attr(data-start)
}
.fc-time-grid-event.fc-short .fc-time:after {
content: "\000A0-\000A0"
}
.fc-time-grid-event.fc-short .fc-title {
font-size: .85em;
padding: 0
}
.fc-time-grid-event .fc-resizer {
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
line-height: 8px;
font-size: 11px;
font-family: monospace;
text-align: center;
cursor: s-resize
}
.fc-time-grid-event .fc-resizer:after {
content: "="
}
.sidebar-item-content.eduLink,
.sidebar-item-content.portLink a,
.sidebar-item-content.usedLink {
padding: 0 !important
}
.eduwidget {
background: url("/files/education/newsbeast_education_bg.png") no-repeat center;
height: 260px;
max-width:300px;
}
@media (min-width:1401px) {
.eduwidget {
margin: 0 25px 20px;
}
}
.eduwidget h3 {
padding: 30px 0 15px;
border: none;
}
.sidebar-item-content.eduLink a,
.sidebar-item-content.portLink a,
.sidebar-item-content.usedLink a {
display: block;
padding: 0 15px;
font-weight: bold;
color: #1b2b4c;
font-size: 20px;
line-height: 1.1em;
text-align:center;
}
.sidebar-item-content.usedLink a {
padding: 5px 15px
}
.sidebar-item-content.eduLink a span {
font-weight: 400;
color: #1b2b4c;
font-size: 17px;
line-height: 26px;
padding-right: 5px;
margin: -3px 0 0;
position:relative;
min-width: 121px;
display: inline-grid;
}
.sidebar-item-content.eduLink a span:before {
content:"";
border-bottom:1px solid #8a6a02;
position: absolute;
bottom: -2px;
width: 100%;
}
.sidebar-item-content.eduLink a span:last-child:before {
border:none;
}
.sidebar-item-content.portLink a span {
color: #666
}
.sidebar-item-content.portLink a img {
float: right;
max-width: 50%;
margin: -45px -14px;
height: auto
}
.sidebar-item-content.usedLink a img,
.sidebar-item-content.localLink a img {
max-width: 100%;
height: auto
}
.sidebar-title.redBg {
background-color: #d63333;
color: #fff;
text-align: left;
text-indent: 15px
}
sidebar-item.stripes:after {
background: transparent url('http://s.nbst.gr/wp-content/themes/newsbeast/img/NB_diagPattern.png') !important
}
@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px)
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px)
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px)
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
30% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.dropzone,
.dropzone * {
box-sizing: border-box
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px
}
.dropzone.dz-clickable {
cursor: pointer
}
.dropzone.dz-clickable * {
cursor: default
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
cursor: pointer
}
.dropzone.dz-started .dz-message {
display: none
}
.dropzone.dz-drag-hover {
border-style: solid
}
.dropzone.dz-drag-hover .dz-message {
opacity: .5
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px
}
.dropzone .dz-preview:hover {
z-index: 1000
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1
}
.dropzone .dz-preview.dz-image-preview {
background: white
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 .4em;
border-radius: 3px
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px)
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10
}
.dropzone .dz-preview .dz-image img {
display: block
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
-moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
-ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
-o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
-moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
-ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
-o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity .4s ease-in;
-moz-transition: opacity .4s ease-in;
-ms-transition: opacity .4s ease-in;
-o-transition: opacity .4s ease-in;
transition: opacity .4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: .5em 1.2em;
color: white
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626
}
@font-face {
font-family: 'flexslider-icon';
src: url('fonts/flexslider-icon.eot');
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal
}
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline: none
}
.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none
}
.flex-pauseplay span {
text-transform: capitalize
}
.flexslider {
margin: 0;
padding: 0
}
.flexslider .slides>li {
display: none;
-webkit-backface-visibility: hidden
}
.flexslider .slides img {
width: 100%;
display: block
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .flexslider .slides {
display: block
}
* html .flexslider .slides {
height: 1%
}
.no-js .flexslider .slides>li:first-child {
display: block
}
.flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2)
}
.flexslider .slides {
zoom: 1
}
.flexslider .slides img {
height: auto
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.loading .flex-viewport {
max-height: 300px
}
.carousel li {
margin-right: 5px
}
.flex-direction-nav {
*height: 0
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3)
}
.flex-direction-nav a.flex-next:before {
content: '\f002'
}
.flex-direction-nav .flex-prev {
left: -50px
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: .7;
left: 10px
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: .7;
right: 10px
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004'
}
.flex-pauseplay a:hover {
opacity: 1
}
.flex-pauseplay a.flex-play:before {
content: '\f003'
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px
}
}
#tribute-posts {
margin-bottom: 30px;
margin-left: 1%;
width: 100%;
overflow: hidden;
display: block;
position: relative
}
#tribute-posts .tribute-post.fea-1,
#tribute-posts .tribute-post.fea-3,
#tribute-posts .tribute-post.fea-4,
#tribute-posts .tribute-post.fea-5,
#tribute-posts .tribute-posts-single-slide .tribute-post,
#tribute-posts .tribute-posts-single-slide-fake .tribute-post {
display: block
}
@media (min-width:1401px) {
#tribute-posts .tribute-post.fea-1,
#tribute-posts .tribute-post.fea-2,
#tribute-posts .tribute-post.fea-3,
#tribute-posts .tribute-post.fea-4,
#tribute-posts .tribute-post.fea-5,
#tribute-posts .tribute-posts-single-slide .tribute-post,
#tribute-posts .tribute-posts-single-slide-fake .tribute-post {
display: block
}
}
#tribute-posts .tribute-post {
display: none;
float: left;
position: relative;
overflow: hidden;
}
#tribute-posts .tribute-post-inner {
height: 228px;
position: relative;
line-height: 0;
color: #fff;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
#tribute-posts .tribute-post-2 .tribute-post-inner {
height: 365px;
position: relative;
line-height: 0;
color: #fff;
background: none;
background-position: center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
overflow: hidden
}
#tribute-posts .tribute-post img {
max-width: 100%;
height: auto
}
.tribute-post.tribute-post-2.fea-2 {
padding-left: 12px;
margin-bottom: 8px;
}
#tribute-posts .tribute-post.tribute-post-1,
#tribute-posts .tribute-post.tribute-post-3 {
padding-left: 0
}
.tribute-post-1 {
width: 55.5%;
}
@media (min-width: 1441px) {
.tribute-post-1 {
width: 632px;
}
.tribute-post-2 {
width: 42% !important;
}
}
@media (min-width:768px) and (max-width:1400px){
.tribute-post-1 {
width: 100%;
padding-left: 5px!important;
padding-right: 5px!important;
}
}
.tribute-post-2 {
width: 43%;
padding: 0 0;
}
@media (min-width:768px) and (max-width:1400px){
.tribute-post-2 {
width: 100%;
}
}
@media (min-width:768px) {
.tribute-post-3,
.tribute-post-4,
.tribute-post-5 {
width: 19%;
padding-top: 0px;
margin-top: -133px;
}
}
@media (min-width:1401px) {
.tribute-post-4,
.tribute-post-5 {
margin-left: 5.5px;
}
.tribute-post-3 .tribute-post-inner,
.tribute-post-4 .tribute-post-inner,
.tribute-post-5 .tribute-post-inner {
max-width: 203px;
}
}
@media (min-width:768px) and (max-width:1400px){
.tribute-post-3,
.tribute-post-4,
.tribute-post-5 {
width: 33.333%;
padding-left: 5px!important;
padding-right: 5px!important;
}
}
@media (min-width:768px) {
.tribute-post-3 .tribute-post-inner,
.tribute-post-4 .tribute-post-inner,
.tribute-post-5 .tribute-post-inner {
/* AFIEROMA section bugfix - height:175px!important; */
background-size: 100% 125px!important;
background-position: top!important;
background-repeat: no-repeat;
}
.tribute-post-3 .tribute-post-cover,
.tribute-post-4 .tribute-post-cover,
.tribute-post-5 .tribute-post-cover {
height:126px!important;
width:203px!important;
background:none!important;
}
.tribute-post-3 .tribute-post-title,
.tribute-post-4 .tribute-post-title,
.tribute-post-5 .tribute-post-title {
bottom: 0;
left: -10px;
padding: 0 10px;
bottom: 5px;
}
.tribute-post-3 .tribute-post-title h2,
.tribute-post-4 .tribute-post-title h2,
.tribute-post-5 .tribute-post-title h2 {
font-size:17px;
text-shadow:none;
line-height: 18px;
}
.tribute-post-3 .tribute-post-title a,
.tribute-post-4 .tribute-post-title a,
.tribute-post-5 .tribute-post-title a {
color:#333333;
}
}
.tribute-post-3 .tribute-post-title h3,
.tribute-post-4 .tribute-post-title h3,
.tribute-post-5 .tribute-post-title h3 {
display:none;
}
@media (min-width: 1119px) and (max-width: 1281px) {
.tribute-post-3 .tribute-post-inner,
.tribute-post-4 .tribute-post-inner,
.tribute-post-5 .tribute-post-inner {
background-size: 100% !important;
background-position: top !important;
background-repeat: no-repeat;
}
.tribute-post-3 .tribute-post-title, .tribute-post-2 .tribute-post-title, .tribute-post-4 .tribute-post-title, .tribute-post-5 .tribute-post-title {
margin-top: 90px;
}
#tribute-posts .tribute-post-inner {
height: 328px;
}
#tribute-posts .tribute-post-2 .tribute-post-inner {
margin-top: 15% !important;
margin-left: -1% !important;
}
}
@media (min-width:768px) and (max-width:1400px) {
.tribute-posts-single-slide .tribute-post-2 {
display:none!important;
}
.tribute-post-3, .tribute-post-4, .tribute-post-5 {
margin-top:10px;
}
.tribute-posts-single-slide-fake .tribute-post-2 {
margin-top: 165px;
}
.tribute-posts-single-slide-fake .tribute-post-3,
.tribute-posts-single-slide-fake .tribute-post-4,
.tribute-posts-single-slide-fake .tribute-post-5 {
display:none!important;
}
#tribute-posts .tribute-post-2 .tribute-post-inner {
height:220px;
min-width: 765px;
margin-top: 10%;
margin-left: -4%;
}
.tribute-block-subtitle, .tribute-block-subtitle a {
padding: 10px 0 20px;
}
}
.tribute-post-cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .5;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%)
}
.tribute-post-cover a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1
}
.tribute-post-cover a span {
display: none
}
#tribute-posts .tribute-post-inner:hover .tribute-post-cover {
opacity: 1
}
.tribute-post-title {
position: absolute;
width: 100%;
bottom: -60px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
line-height: 20px;
padding: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media (min-width:768px) {
.tribute-post-title h2 {
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.6) 0 0 5px;
font-size: 20px;
line-height: 26px
}
}
.tribute-post-title h3 {
font-size: 12pt;
opacity: 0;
min-height: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 10px 0
}
.tribute-post-title a {
color: #ffffff;
/* padding-left: 2%; */
/* text-overflow: ellipsis; */
/* display: -webkit-box; */
/* -webkit-box-orient: vertical; */
/* -webkit-line-clamp: 2; */
/* line-height: 1.3; */
}
#tribute-posts .flex-direction-nav a {
width: 40px;
height: 40px;
margin: 0;
color: #fff;
display: block;
position: absolute;
top: 5px;
right: 0;
cursor: pointer;
opacity: 0;
z-index: 2;
background: #222
}
#tribute-posts.tribute-posts-disable-nav .flex-direction-nav {
display: none
}
#tribute-posts .flex-direction-nav .flex-next {
right: 5px !important
}
#tribute-posts .flex-direction-nav .flex-prev {
right: 50px !important;
left: auto !important
}
#tribute-posts:hover .flex-next,
#tribute-posts:hover .flex-prev {
opacity: .8
}
#tribute-posts .flex-next:hover,
#tribute-posts .flex-prev:hover {
background: #f88c00
}
#tribute-posts .tribute-post-inner:hover .tribute-post-title {
bottom: 0
}
#tribute-posts .tribute-post-inner:hover .tribute-post-title h3 {
opacity: .8
}
.section-nb-tribute {
width: 100%;
position: relative;
z-index: 1;
border-top: 2px solid;
border-color: #cccccc;
background-color: #efefef;
padding-top: 10px;
background-size: cover;
}
.section-nb-tribute .container {
position: relative;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
@media (max-width:1399px) & (min-width:760px) {
.section-nb-tribute {
background-color: #efefef;
background-size: cover;
}
.tribute-posts-single-slide-fake .tribute-post-2 {
display:block!important;
}
#tribute-posts .tribute-post.tribute-post-2 {
padding-top: 100px;
}
.section-nb-tribute .container {
position: relative;
padding-left: 30px;
padding-right: 30px;
margin: auto;
}
}
.section-nb-tribute .container .row {
margin: 0
}
.tribute-block-title,
.tribute-block-title a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 34px;
line-height: 1;
width: 100%;
text-align: center;
color: #1a1a1a;
letter-spacing: -1px;
padding-top: 20px;
}
.tribute-block-subtitle,
.tribute-block-subtitle a {
font-weight: 400;
font-size: 16px;
line-height: 1;
width: 100%;
text-align: center;
color: #666666;
letter-spacing: 0;
padding: 10px 0;
}
.tribute-navigation {
position: absolute;
top: 10px;
right: 15px
}
.tribute-navigation a {
color: #aaa39a;
background: #dadada;
display: inline-block;
padding: 4px;
font-size: 20px
}
.tribute-navigation a:hover {
color: #fff;
background: #aaa39a
}
.tribute-post-mobile {
display: none !important
}
.tribute-posts-single-slide-fake {
display: block;
width: 100%;
float: left;
margin-right: -100%;
position: relative
}
.tribute-posts-single-slide-fake .tribute-post.tribute-post-1,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-3,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-4,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-5 {
z-index: 1
}
.tribute-posts-single-slide-fake .tribute-post.tribute-post-2 {
z-index: 10
}
@media (max-width:767px) {
.tribute-post-desktop {
display: none !important
}
.tribute-post-mobile {
display: block !important
}
#tribute-posts .tribute-post {
width: 50%
}
#tribute-posts .tribute-post.tribute-post-1 {
padding-top: 1px;
padding-bottom: 0
}
#tribute-posts .tribute-post.tribute-post-2 {
width: 100%;
padding-left: 0
}
#tribute-posts .tribute-post.tribute-post-4 {
padding-left: 0
}
#tribute-posts .tribute-post.tribute-post-3,
#tribute-posts .tribute-post .tribute-post-5 {
padding-left: 1px
}
.tribute-block-title {
font-size: 3rem
}
.tribute-block-subtitle {
font-size: 1.7rem
}
.tribute-navigation {
position: relative;
top: 0;
left: 0;
text-align: center;
margin-top: 10px;
margin-bottom: 20px
}
}
@media (max-width:640px) {
#tribute-posts .tribute-post {
width: 100%
}
#tribute-posts .tribute-post.tribute-post-1,
#tribute-posts .tribute-post.tribute-post-2 {
width: 100%
}
#tribute-posts .tribute-post.tribute-post-2 {
padding-left: 0
}
#tribute-posts .tribute-post.tribute-post-1 {
padding-top: 1px
}
}
.tribute-adSlot {
text-align: center;
position: absolute;
/* margin-left: 50%;
left: -330px */
}
@media (max-width:1400px) {
.tribute-adSlot {
width:100%;
}
}
@media (max-width:767px) {
#tribute-posts {
padding-bottom: 250px;
overflow: hidden;
display: block;
position: relative
}
#tribute-posts .tribute-post.fea-1,
#tribute-posts .tribute-post.fea-2,
#tribute-posts .tribute-post.fea-3,
#tribute-posts .tribute-post.fea-4,
#tribute-posts .tribute-post.fea-5,
#tribute-posts .tribute-posts-single-slide .tribute-post,
#tribute-posts .tribute-posts-single-slide-fake .tribute-post {
display: block
}
#tribute-posts .tribute-post {
display: none;
float: left;
position: relative;
overflow: hidden;
padding-left: 1px
}
#tribute-posts .tribute-post-inner {
position: relative;
line-height: 0;
color: #fff;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom: 50px;
}
.tribute-post-3 .tribute-post-title h3,
.tribute-post-4 .tribute-post-title h3,
.tribute-post-5 .tribute-post-title h3 {
display:none;
}
#tribute-posts .tribute-post-2 .tribute-post-inner {
height: 215px;
position: relative;
line-height: 0;
color: #fff;
background: none;
background-position: center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
overflow: hidden;
}
#tribute-posts .tribute-post img {
max-width: 100%;
height: auto
}
#tribute-posts .tribute-post.tribute-post-1,
#tribute-posts .tribute-post.tribute-post-3 {
padding-left: 0
}
.tribute-post-1,
.tribute-post-2 {
width: 50%
}
.tribute-post-3,
.tribute-post-4,
.tribute-post-5 {
width: 33.33333333%;
padding-top: 1px
}
.tribute-post-cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .5;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%)
}
.tribute-post-cover a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1
}
.tribute-post-cover a span {
display: none
}
#tribute-posts .tribute-post-inner:hover .tribute-post-cover {
opacity: 1
}
.tribute-post-title {
position: absolute;
width: 100%;
bottom: -70px;
line-height: 20px;
padding: 20px 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
min-height: 100px;
}
.tribute-post-title h2 {
margin-bottom: 10px;
font-size: 17px;
line-height: 18px
}
.tribute-post-title h3 {
font-size: 12pt;
opacity: 0;
min-height: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 10px 0
}
.tribute-post-title a {
color: #333333
}
#tribute-posts .flex-direction-nav a {
width: 40px;
height: 40px;
margin: 0;
color: #fff;
display: block;
position: absolute;
top: 5px;
right: 0;
cursor: pointer;
opacity: 0;
z-index: 2;
background: #222
}
#tribute-posts.tribute-posts-disable-nav .flex-direction-nav {
display: none
}
#tribute-posts .flex-direction-nav .flex-next {
right: 5px !important
}
#tribute-posts .flex-direction-nav .flex-prev {
right: 50px !important;
left: auto !important
}
#tribute-posts:hover .flex-next,
#tribute-posts:hover .flex-prev {
opacity: .8
}
#tribute-posts .flex-next:hover,
#tribute-posts .flex-prev:hover {
background: #f88c00
}
.section-nb-tribute {
width: 100%;
position: relative;
z-index: 1;
background: #f2f3f7;
border-top: 2px solid #cccccc;
background-color: #efefef;
background-size: auto 100%;
margin-bottom: -30px;
}
.section-nb-tribute .container {
position: relative;
padding-left: 60px;
padding-right: 60px;
}
.tribute-posts-single-slide-fake .tribute-post-3,
.tribute-posts-single-slide-fake .tribute-post-4,
.tribute-posts-single-slide-fake .tribute-post-5 {
display:none!important;
}
.section-nb-tribute .container .row {
margin: 0
}
.tribute-block-title,
.tribute-block-title a {
font-weight: 400;
font-size: 3.2rem;
line-height: 1;
width: 100%;
text-align: center;
color: #333;
letter-spacing: 0;
padding-top: 10px
}
.tribute-block-subtitle,
.tribute-block-subtitle a {
font-weight: 400;
font-size: 14px;
line-height: 1;
width: 100%;
text-align: center;
color: #666666;
letter-spacing: 0;
padding: 10px 0
}
.tribute-navigation {
position: absolute;
top: 18px;
right: 15px
}
.tribute-navigation a {
color: #aaa39a;
background: #dadada;
display: inline-block;
padding: 4px;
font-size: 20px
}
.tribute-navigation a:hover {
color: #fff;
background: #aaa39a
}
.tribute-post-mobile {
display: none !important
}
.tribute-posts-single-slide-fake {
display: block;
width: 100%;
float: left;
margin-right: -100%;
position: relative
}
.tribute-posts-single-slide-fake .tribute-post.tribute-post-1,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-3,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-4,
.tribute-posts-single-slide-fake .tribute-post.tribute-post-5 {
z-index: 1
}
.tribute-posts-single-slide-fake .tribute-post.tribute-post-2 {
z-index: 10
}
.tribute-post-desktop {
display: none !important
}
.tribute-post-mobile {
display: block !important
}
#tribute-posts .tribute-post {
width: 100%
}
#tribute-posts .tribute-post.tribute-post-1 {
padding-top: 1px;
padding-bottom: 0
}
#tribute-posts .tribute-post.tribute-post-2 {
width: 100%;
padding-left: 0;
display:none;
}
#tribute-posts .tribute-posts-single-slide-fake .tribute-post-2 {
display:block!important;
position: relative;
top: 680px;
}
#tribute-posts .tribute-post.tribute-post-4 {
padding-left: 0
}
#tribute-posts .tribute-post.tribute-post-3,
#tribute-posts .tribute-post .tribute-post-5 {
padding-left: 1px
}
.tribute-block-title {
font-size: 3rem
}
.tribute-block-subtitle {
font-size: 1.7rem
}
.tribute-navigation {
position: relative;
top: 0;
left: 0;
text-align: center;
margin-top: 10px;
margin-bottom: 20px
}
.tribute-adSlot {
text-align: center;
position: relative;
}
}
@media (max-width:640px) {
#tribute-posts .tribute-post {
width: 100%
}
#tribute-posts .tribute-post.tribute-post-1,
#tribute-posts .tribute-post.tribute-post-2 {
width: 100%
}
#tribute-posts .tribute-post.tribute-post-2 {
padding-left: 0
}
#tribute-posts .tribute-post.tribute-post-1 {
padding-top: 1px
}
}
@media (max-width:400px) {
#tribute-posts .tribute-post-2 .tribute-post-inner {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width:320px) and (max-width:374px) {
#tribute-posts .tribute-post-inner {
height:125px;
}
}
@media (min-width:375px) and (max-width:413px) {
#tribute-posts .tribute-post-inner {
height:160px;
}
#tribute-posts .tribute-posts-single-slide-fake .tribute-post-2 {
padding-top: 200px;
}
}
@media (min-width:414px) and (max-width:600px) {
#tribute-posts .tribute-post-inner {
height:180px;
}
#tribute-posts .tribute-posts-single-slide-fake .tribute-post-2 {
padding-top: 200px;
}
}
@media (min-width:601px) and (max-width:768px) {
#tribute-posts .tribute-post-inner {
height:350px;
}
#tribute-posts .tribute-posts-single-slide-fake .tribute-post-2 {
margin-top: 170px;
margin-left: -4.5px;
}
}
#euro-posts {
margin-bottom: 18px;
overflow: hidden;
display: block;
position: relative
}
#euro-posts .euro-post.fea-1,
#euro-posts .euro-post.fea-2,
#euro-posts .euro-post.fea-3,
#euro-posts .euro-post.fea-4,
#euro-posts .euro-post.fea-5,
#euro-posts .euro-posts-single-slide .euro-post,
#euro-posts .euro-posts-single-slide-fake .euro-post {
display: block
}
#euro-posts .euro-post {
display: none;
float: left;
position: relative;
overflow: hidden;
padding-left: 1px
}
#euro-posts .euro-post-inner {
height: 215px;
position: relative;
line-height: 0;
color: #fff;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
#euro-posts .euro-post-2 .euro-post-inner {
height: 215px;
position: relative;
line-height: 0;
color: #fff;
background: none;
background-position: center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
overflow: hidden
}
#euro-posts .euro-post img {
max-width: 100%;
height: auto
}
#euro-posts .euro-post.euro-post-1,
#euro-posts .euro-post.euro-post-3 {
padding-left: 0
}
.euro-post-1,
.euro-post-2 {
width: 50%
}
.euro-post-3,
.euro-post-4,
.euro-post-5 {
width: 33.33333333%;
padding-top: 1px
}
.euro-post-cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .5;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, #000 100%)
}
.euro-post-cover a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1
}
.euro-post-cover a span {
display: none
}
#euro-posts .euro-post-inner:hover .euro-post-cover {
opacity: 1
}
.euro-post-title {
position: absolute;
width: 100%;
bottom: -60px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
line-height: 20px;
padding: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.euro-post-title h2 {
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.6) 0 0 5px;
font-size: 20px;
line-height: 26px
}
.euro-post-title h3 {
font-size: 12pt;
opacity: 0;
min-height: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 10px 0
}
.euro-post-title a {
color: #fff
}
#euro-posts .flex-direction-nav a {
width: 40px;
height: 40px;
margin: 0;
color: #fff;
display: block;
position: absolute;
top: 5px;
right: 0;
cursor: pointer;
opacity: 0;
z-index: 2;
background: #222
}
#euro-posts.euro-posts-disable-nav .flex-direction-nav {
display: none
}
#euro-posts .flex-direction-nav .flex-next {
right: 5px !important
}
#euro-posts .flex-direction-nav .flex-prev {
right: 50px !important;
left: auto !important
}
#euro-posts:hover .flex-next,
#euro-posts:hover .flex-prev {
opacity: .8
}
#euro-posts .flex-next:hover,
#euro-posts .flex-prev:hover {
background: #f88c00
}
#euro-posts .euro-post-inner:hover .euro-post-title {
bottom: 0
}
#euro-posts .euro-post-inner:hover .euro-post-title h3 {
opacity: .8
}
.section-nb-euro {
padding-bottom: 0;
width: 100%;
position: relative;
z-index: 1;
background: #0b305a url("../img/euro_top.jpg") repeat-y center top;
padding-top: 10px;
margin-bottom: 20px
}
.section-nb-euro .container {
position: relative
}
.section-nb-euro .container .row {
margin: 0
}
.home .section-nb-euro {
margin-bottom: 0
}
.euro-block-title,
.euro-block-title a {
font-weight: 700;
font-size: 3.2rem;
line-height: 1;
width: 100%;
text-align: center;
color: #fff;
letter-spacing: 0;
padding-top: 10px
}
.euro-block-subtitle,
.euro-block-subtitle a {
font-weight: 700;
font-size: 2rem;
line-height: 1;
width: 100%;
text-align: center;
color: #fbfdff;
letter-spacing: 0;
padding: 10px 0
}
.euro-navigation {
position: absolute;
top: 18px;
right: 15px
}
.euro-navigation a {
color: #aaa39a;
background: #dadada;
display: inline-block;
padding: 4px;
font-size: 20px
}
.euro-navigation a:hover {
color: #fff;
background: #aaa39a
}
.euro-post-mobile {
display: none !important
}
.euro-posts-single-slide-fake {
display: block;
width: 100%;
float: left;
margin-right: -100%;
position: relative
}
.euro-posts-single-slide-fake .euro-post.euro-post-1,
.euro-posts-single-slide-fake .euro-post.euro-post-3,
.euro-posts-single-slide-fake .euro-post.euro-post-4,
.euro-posts-single-slide-fake .euro-post.euro-post-5 {
z-index: 1
}
.euro-posts-single-slide-fake .euro-post.euro-post-2 {
z-index: 10
}
@media (max-width:768px) {
.euro-post-desktop {
display: none !important
}
.euro-post-mobile {
display: block !important
}
#euro-posts .euro-post {
width: 50%
}
#euro-posts .euro-post.euro-post-1 {
width: 100%;
float: none;
padding-top: 1px;
padding-bottom: 0
}
#euro-posts .euro-post.euro-post-2 {
width: 50%;
padding-left: 0
}
#euro-posts .euro-post.euro-post-4 {
padding-left: 0
}
#euro-posts .euro-post.euro-post-3,
#euro-posts .euro-post .euro-post-5 {
padding-left: 1px
}
.euro-block-title {
font-size: 3rem
}
.euro-block-subtitle {
font-size: 1.7rem
}
.euro-navigation {
position: relative;
top: 0;
left: 0;
text-align: center;
margin-top: 10px;
margin-bottom: 20px
}
}
@media (max-width:640px) {
#euro-posts .euro-post {
width: 100%
}
#euro-posts .euro-post.euro-post-1,
#euro-posts .euro-post.euro-post-2 {
width: 100%
}
#euro-posts .euro-post.euro-post-2 {
padding-left: 0
}
#euro-posts .euro-post.euro-post-1 {
padding-top: 1px
}
}
.euro-adSlot {
text-align: center;
position: absolute;
margin-left: 50%;
left: -330px
}
@media (max-width:1400px) {
.euro-adSlot {
left: -280px
}
}
@media (max-width:999px) {
.euro-adSlot {
left: -200px
}
}
@media (max-width:768px) {
.euro-adSlot {
left: -400px
}
}
@media (max-width:720px) {
.euro-adSlot {
left: -360px
}
}
@media (max-width:640px) {
.euro-adSlot {
left: -320px
}
}
@media (max-width:560px) {
.euro-adSlot {
left: -280px
}
}
@media (max-width:480px) {
.euro-adSlot {
left: -240px
}
}
@media (max-width:400px) {
.euro-adSlot {
left: -200px
}
}
.sticky-banner-header {
width: 100%;
position: fixed;
top: 0;
z-index: 20;
transition: top 1s ease;
text-align: center;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.sticky-banner-footer {
width: 100%;
position: fixed;
bottom: 0;
z-index: 20;
transition: bottom 1s ease;
text-align: center;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.hide-header-banner {
top: -200px;
transition: top .5s ease
}
.hide-footer-banner {
bottom: -200px;
transition: bottom .5s ease
}
.sticky-handler-wrapper {
position: realtive
}
.sticky-handler {
width: 100%
}
#powerTip {
cursor: default;
background-color: #333;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
color: #fff;
display: none;
padding: 10px;
position: absolute;
white-space: nowrap;
z-index: 2147483647
}
#powerTip:before {
content: "";
position: absolute
}
#powerTip.n:before,
#powerTip.s:before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px
}
#powerTip.e:before,
#powerTip.w:before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%
}
#powerTip.n:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px
}
#powerTip.e:before {
border-right: 10px solid #333;
border-right: 10px solid rgba(0, 0, 0, 0.8);
left: -10px
}
#powerTip.s:before {
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
top: -10px
}
#powerTip.w:before {
border-left: 10px solid #333;
border-left: 10px solid rgba(0, 0, 0, 0.8);
right: -10px
}
#powerTip.ne:before,
#powerTip.se:before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px
}
#powerTip.nw:before,
#powerTip.sw:before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px
}
#powerTip.ne:before,
#powerTip.nw:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px
}
#powerTip.se:before,
#powerTip.sw:before {
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
top: -10px
}
#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: 10px
}
#powerTip.ne-alt:before {
left: auto;
right: 10px
}
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
border-top: none;
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
bottom: auto;
top: -10px
}
#powerTip.se-alt:before {
left: auto;
right: 10px
}
.popover {
border: 1px solid #ddd;
padding: 30px;
z-index: 999;
position: absolute;
min-width: 200px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px
}
.nb-tooltip {
display: inline-block;
position: relative
}
.hover-effect {
-moz-opacity: .8;
-khtml-opacity: .8;
-webkit-opacity: .8;
opacity: .8;
filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"
}
.hover-effect:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"
}
.close-tooltip {
float: right;
color: #2f2f2f;
font-size: 14px;
margin-top: -24px;
margin-right: -24px;
cursor: pointer
}
.popover {
background: #fff
}
.popover.n>div {
position: relative
}
.popover.n>div:after {
content: "";
position: absolute;
bottom: -45px;
left: 50%;
border-style: solid;
border-width: 15px 15px 0;
border-color: #fff rgba(0, 0, 0, 0);
display: block;
width: 0;
z-index: 1;
margin-left: -15px
}
.popover.n>div:before {
content: "";
position: absolute;
left: 50%;
border-style: solid;
border-width: 16px 16px 0;
border-color: #ddd rgba(0, 0, 0, 0);
display: block;
width: 0;
z-index: 0;
bottom: -46px;
margin-left: -16px
}
.popover.masoutis {
border: 2px solid #e70104 !important;
text-align: center;
background: #e2e9ec;
background: -moz-linear-gradient(-45deg, #e2e9ec 1%, #eaeff1 59%, #fff 100%);
background: -webkit-linear-gradient(-45deg, #e2e9ec 1%, #eaeff1 59%, #fff 100%);
background: linear-gradient(135deg, #e2e9ec 1%, #eaeff1 59%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e9ec', endColorstr='#ffffff', GradientType=1);
padding: 1px
}
.popover.masoutis>div {
position: relative
}
.popover.masoutis>div:after {
border-color: #e70104 rgba(0, 0, 0, 0)
}
.popover.masoutis .close-tooltip {
color: #e70104;
float: none;
position: absolute;
right: 4px;
top: 4px;
margin-top: 0;
margin-right: 0
}
.popover.masoutis>div:after {
bottom: -16px
}
.popover.masoutis>div:before {
bottom: -17px
}
.popover.masoutis .popover-text {
margin-top: 10px
}
.popover.masoutis .popover-text a {
font-size: 22px;
font-weight: bold
}
/*! Hint.css (base version) - v1.3.4 - 2015-02-28
* http://kushagragour.in/lab/hint/
* Copyright (c) 2015 Kushagra Gour; Licensed MIT */
.hint,
[data-hint] {
position: relative;
display: inline-block
}
.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms
}
.hint:hover:before,
.hint:hover:after,
.hint:focus:before,
.hint:focus:after,
[data-hint]:hover:before,
[data-hint]:hover:after,
[data-hint]:focus:before,
[data-hint]:focus:after {
visibility: visible;
opacity: 1
}
.hint:hover:before,
.hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms
}
.hint:before,
[data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001
}
.hint:after,
[data-hint]:after {
content: attr(data-hint);
background: #383838;
color: #fff;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap
}
.hint--top:before {
border-top-color: #383838
}
.hint--bottom:before {
border-bottom-color: #383838
}
.hint--left:before {
border-left-color: #383838
}
.hint--right:before {
border-right-color: #383838
}
.hint--top:before {
margin-bottom: -12px
}
.hint--top:after {
margin-left: -18px
}
.hint--top:before,
.hint--top:after {
bottom: 100%;
left: 50%
}
.hint--top:hover:after,
.hint--top:hover:before,
.hint--top:focus:after,
.hint--top:focus:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--bottom:before {
margin-top: -12px
}
.hint--bottom:after {
margin-left: -18px
}
.hint--bottom:before,
.hint--bottom:after {
top: 100%;
left: 50%
}
.hint--bottom:hover:after,
.hint--bottom:hover:before,
.hint--bottom:focus:after,
.hint--bottom:focus:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.hint--right:before {
margin-left: -12px;
margin-bottom: -6px
}
.hint--right:after {
margin-bottom: -14px
}
.hint--right:before,
.hint--right:after {
left: 100%;
bottom: 50%
}
.hint--right:hover:after,
.hint--right:hover:before,
.hint--right:focus:after,
.hint--right:focus:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.hint--left:before {
margin-right: -12px;
margin-bottom: -6px
}
.hint--left:after {
margin-bottom: -14px
}
.hint--left:before,
.hint--left:after {
right: 100%;
bottom: 50%
}
.hint--left:hover:after,
.hint--left:hover:before,
.hint--left:focus:after,
.hint--left:focus:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.hint--always:after,
.hint--always:before {
opacity: 1;
visibility: visible
}
.hint--always.hint--top:after,
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--always.hint--bottom:after,
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.hint--always.hint--left:after,
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.hint--always.hint--right:after,
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.td_wrapper_player .parsed-video {
width:100%;
height:100%;
}
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
.cnb-click-of-the-day{
text-align: center;
}
.cnb-click-of-the-day:before{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,ffffff+50,ffffff+70&1+30,0.2+50,1+70 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.cnb-click-of-the-day:after{
content:"";
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}
.bottom-add-sintages{
z-index:3!important
}
.orangeflame {
position:relative;
top:-5px;
color:#ff9500
}
.redflame {
position:relative;
top:-5px;
color:red
}
.cstbtnCnt {
text-align:center;
border-top: 1px solid;
max-width: 292px;
margin: 0 auto;
border-color: #cccccc;
}
.sidebar-newspapers-widget .btnCnt a:FIRST-CHILD >span {
border-left:1px solid;
border-right:1px solid #cc0000;
padding:0px 10px;
}
.sidebar-newspapers-widget .btnCnt a:LAST-CHILD>span {
border-right:1px solid;
padding:0px 10px;
}
.cstbtnCnt .active >span {
border-color:#cc0000!important;
}
.svgCnt .icon-pagarrleft:before{
color:#666666;
}
.svgCnt .icon-pagarrright:before{
color:#666666;
}
.nbsgtstsimg {
margin-top: 20px;
}
.nbsgtsts .snbs-article-title {
margin:0;
line-height: 0.9;
margin-top: 5px;
}
@media only screen and (max-width: 1367px) and (min-width: 1365px) {
.nbsgtsts .snbs-article-title {
max-width: 90%;
}
}
@media only screen and (max-width: 1281px) and (min-width: 1279px) {
.nbsgtsts .snbs-article-title {
max-width: 90%;
}
}
@media (min-width:768px) {
.nbsgtsts .snbs-article-img img{
max-height: 164px;
}
}
.nbsgtsts .snbs-article-head {
margin:0;
}
.nbsgtsts .snbs-article-title a {
color:#333333;
font-size: 17px;
}
@media (min-width:1200px) {
.nbsgtsts .snbs-article-title a {
line-height: 18px;
}
}
.nb-choose{
background-color: #efefef;
}
.nb-choose .row {
margin-left:-5px;
margin-right:-5px;
}
.nb-choose .col-sm-6 {
padding-left: 14px!important;
padding-right: 14px!important;
}
@media (max-width:1199px) {
.nb-choose-col .snbs-article {
background-color: #fff;
height: 365px;
padding: 10px;
margin: 0 -10px 10px;
}
}
@media (max-width:767px) {
.nb-choose-col .snbs-article {
height: auto;
}
}
@media (min-width:1200px) {
.nb-choose-col .snbs-article {
background-color: #fff;
height: 360px;
padding: 8px;
margin: 0 -10px;
overflow: hidden;
}
}
.nb-choosetitle {
margin-bottom: 15px!important;
font-size:34px!important;
}
.nb-choose-col .nbchoose-article-head{
margin-top: 10px;
}
.nb-choose-col .nbchoose-article-head .nbchoose-article-cat{
font-size: 12px;
font-weight: 400;
color:#999999;
}
.nb-choose-col .nbchoose-article-title{
font-size:19px;
margin: 9px 0 0 0;
}
.nb-choose-col .nbchoose-article-subtitle{
font-weight: 400;
margin: 7px 0 0 0;
font-size:16px;
}
#article-container .row .nb-choose {
margin: auto;
padding-left: 0!important;
padding-right: 0!important;
margin-bottom: 15px!important;
border:0;
}
@media (min-width:1401px) {
.sidebar-weather {
padding: 0 25px;
background-color: #f3f3f3;
}
}
@media (max-width:1400px) {
.portpostimg img {
max-height: 155px!important;
}
}
.portpostimg {
width:70%;
line-height: 200px;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
max-width: 210px;
overflow: hidden;
text-indent: -5%;
height:200px;
}
.portpostimg img {
max-height: 155px;
}
@media (max-width:1400px) {
.portposttitle{
padding: 0px 25px 5px 25px!important;
}
}
.portposttitle{
text-align:center;
position: absolute;
width: 100%;
display: block;
max-width: 350px;
padding: 0px 25px 5px 25px;
}
.portposttitle a{
font-size: 16px;
line-height: 1;
color: #333333;
}
.sidebar-inportraits{
position: relative;
background-image: url(/files/portraits/portrait_bg.png);
background-repeat: no-repeat;
background-position: center -70px;
text-align: center;
min-height: 335px;
margin: 0 0 30px 0;
max-width: 300px;
margin: auto;
margin-bottom: 20px;
}
.iconportrait{
font-size: 9rem!important;
}
.iconportrait:before{
font-size: smaller;
}
.sidebar-inportraits .icon-pagarrleft:before {
position: relative;
top: 3pt;
content: "";
display: inline-block;
/* By using an em scale, the arrows will size with the font */
width: 0.4em;
height: 0.4em;
border-right: 2px solid #666666;
border-top: 2px solid #666666;
transform: rotate(225deg);
margin-right: 0.5em;
}
.sidebar-inportraits .icon-pagarrright:before {
position: relative;
top: 3pt;
content: "";
display: inline-block;
/* By using an em scale, the arrows will size with the font */
width: 0.4em;
height: 0.4em;
border-right: 2px solid #666666;
border-top: 2px solid #666666;
transform: rotate(45deg);
margin-right: 0.5em;
}
.sidebar-inportraits .smcp-tab-pagination .prev,
.sidebar-inportraits .smcp-tab-pagination .next{
padding: 0px 4%;
}
.inport-title{
font-weight: 700;
font-size: 25px;
color: #333333;
line-height: 1;
text-align: center;
margin: 0;
padding: 20px 0 6px;
}
.nbclicklayer .addthis_inline_share_toolbox_9a8m {
float:none;
}
@media (min-width: 1000px) {
.article-facebook-like .addthis_inline_share_toolbox_9a8m {
float: right;
margin: 0;
}
}
.article-facebook-like {
padding: 6px 0px 0px 0px;
letter-spacing: -0.5px;
}
.section-nb-click-title {
font-size: 34px;
font-weight: 400;
line-height: 1;
width: 100%;
text-align: center;
color: #333333;
letter-spacing: -2px;
margin-bottom: 25px;
}
.sidebar-widget-popular-list-tabs-cnt .smcp-tab-btns{
font-weight: 500;
text-align: center;
border-top: 1px solid;
max-width: 292px;
margin: 0 auto;
border-color: #efefef;
}
.inportraits .smcp-tab-pagination {
position: relative;
bottom: 160px;
max-width: 350px;
}
.commntsbtns .smcp-tab-btns-title {
padding: 5px 0 0 0;
}
.commentcenter > div:FIRST-CHILD >span{
border-left: 1px solid;
border-right: 1px solid #cc0000;
padding: 0px 9px;
float: right;
}
.commentcenter > div:LAST-CHILD >span{
border-right: 1px solid;
padding: 0px 9px;
float: left;
}
.nbclicklayer {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 30%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.smcp-tab-feed-diagonal {
content: "";
width: 35px;
height: 50px;
border-bottom: 2px solid #ffc638;
-webkit-transform: translateY(20px) translateX(5px) rotate(-45deg);
position: absolute;
top: -35px;
left: -16px;
}
.smcp-tab-feed-topquote:before{
content: "\201C";
position: absolute;
bottom:100%;
right: 98%;
width: 0;
height: 0;
color: #ffc638;
font-size: 35px;
font-family: serif;
font-weight: 700;
}
.smcp-tab-feed-bottomquote:before{
content: "\201D";
position: absolute;
bottom: 66%;
right: 92%;
width: 0;
height: 0;
color: #dcdcdc;
font-size: 35px;
font-family: serif;
font-weight: 700;
}
.sidepagenumber {
display:none
}
.important-energy .sidepagenumber {
display:inherit
}
.graylayer {
position: absolute;
width: 100%;
height: 100%;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
top: 0;
opacity: 0.22;
}
.graylayer:before {
content:"";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,ffffff+50,ffffff+70&1+30,0.2+50,1+70 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 5%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.7) 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.7) 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.7) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.sidebar-ingifts {
position: relative;
background-image: url(//www.newsbeast.gr/files/1/2017/12/Xmas_Wiget_NB_2.png);
background-repeat: no-repeat;
background-position: center;
text-align: center;
min-height: 380px;
margin: 0 0 30px 0;
max-width: 300px;
margin: auto;
margin-bottom: 20px;
}
.ingift-title{
font-weight: 700;
font-size: 26px;
color: #fff;
line-height: 1;
text-align: center;
margin: 0;
padding: 35px 0 5px 0;
}
.ingift-subtitle{
font-weight: 100;
font-size: 16px;
color: #fff;
text-align: center;
margin: 0;
}
.portgiftimg {
width: 70%;
line-height: 170px;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
max-width: 215px;
height: 200px;
}
.portgiftimg img {
border:3px solid #fff;
max-height: 136px;
}
.ingifts {
min-height: 380px;
position: relative;
}
.ingifts .smcp-tab-pagination {
position: absolute;
width: 100%;
display: block;
bottom: 13px;
}
.icongift {
font-size: 35px!important;
}
#arrow-left-gift{
padding: 0 13px;
position: absolute;
top: -175px;
}
#arrow-right-gift{
padding: 0 13px;
position: absolute;
top: -175px;
}
.sidebar-ingifts .icon-pagarrleft:before {
position: relative;
content: "";
display: inline-block;
/* By using an em scale, the arrows will size with the font */
width: 0.8em;
height: 0.8em;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
transform: rotate(225deg);
margin-right: 0.5em;
}
.sidebar-ingifts .icon-pagarrright:before {
position: relative;
content: "";
display: inline-block;
/* By using an em scale, the arrows will size with the font */
width: 0.8em;
height: 0.8em;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
transform: rotate(45deg);
margin-right: 0.5em;
}
.giftposttitle {
text-align: center;
position: absolute;
width: 100%;
display: block;
max-width: 300px;
padding: 0px 25px 5px 25px;
margin-top:-27px;
line-height: 18px;
max-height: 75px;
overflow: hidden;
}
.giftposttitle a {
font-size: 18px;
font-weight:700;
color: #fff;
}
.sidebar-ingifts .smcp-tab-pagination .pages .page.active, .smcp-tab-pagination .pages .page:hover {
background-color: #fff;
}
.sidebar-ingifts .smcp-tab-pagination .pages .page {
color:#fff;
}
#sidebar > section.sidebar-item.sidebar-newspapers-widget > div.sidebar-item-content > div.datesCnt
body > ol
{left:10000px!important; opacity:0!important}
#article-container .section-nb-suggestions {
}
.contentBox1 {
background-color: transparent!important;
}
.popularstats {
display:none;
}
.page-id-2448686 .post-format-icon{
font-size: 2rem!important;
}
.page-id-2448686 .popularstats {
display:block;
}
@-moz-document url-prefix() {
.comment-form-comment {padding-bottom: 5px;}
}
.infinite-article-container .comment-respond #reply-title {
margin: 10px 30px 10px;
}
@media not all { @media
{
.smcp-tab-feed-bottomquote:before {
right:90%!important;
}
}}
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
.smcp-tab-feed-bottomquote:before {
bottom:70%!important;
}
}}
body > ol
{left:10000px!important; opacity:0!important}
.nivea-banner {
margin-top: -95px!important;
}
/* AFIEROMA section bugfix */
.tribute-post-cover {
position: relative;
}
.tribute-post-title {
position: relative;
}
.tribute-post-1 .tribute-post-title {
position: absolute;
}
@media (max-width:767px) {
.tribute-post-1 .tribute-post-title {
position: relative;
}
#tribute-posts .tribute-post-inner {
height: 100%;
background-size: 100% 125px;
background-repeat: no-repeat;
background-position: top;
margin-bottom: 20px;
}
.tribute-post-cover {
position: relative;
height: 125px;
}
.tribute-post-title {
position: relative;
bottom: 0;
padding: 0;
min-height: auto;
}
}
@media (min-width: 1339px) and (max-width: 1441px) {
.tribute-post-3, .tribute-post-4, .tribute-post-5 {
width: 18.2%;
padding-top: 0px;
margin-top: -139px;
}
}
/* End of AFIEROMA section bugfix */
/* Customer care CSS */
.keimenoaxiologisis {
color: #ffffff;
font-size:16px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
padding-left: 4%;
}
a.linkaxiologisis:focus {
text-decoration: none !important;
}
.nt-container #cc_survey {
margin-left: -195px;
width: calc(100% + 195px);
}
#cc_survey {
background: url(/wp-content/plugins/nb-cc/images/rating-banner-735.png);
height: 50px;
padding-top: 1%;
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
}
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
.nt-container #cc_survey {
margin-left: -125px !important;
width: calc(100% + 125px) !important;
}
}
@media only screen and (max-width: 1400px) and (min-width: 981px) {
#cc_survey {
background: url(/wp-content/plugins/nb-cc/images/rating-banner-720.png) !important;
background-repeat: no-repeat !important;
padding-top: 0.7%;
background-position: center top;
background-size: 100% !important;
}
}
@media only screen and (max-width: 980px) and (min-width: 735px) {
#cc_survey {
background: url(/wp-content/plugins/nb-cc/images/rating-banner-468.png) !important;
background-repeat: no-repeat !important;
background-position: center top;
background-size: 100% !important;
}
}
@media only screen and (max-width: 535px) and (min-width: 374px) {
#cc_survey {
background: url(/wp-content/plugins/nb-cc/images/rating-banner-320.png) !important;
background-repeat: no-repeat !important;
background-position: center top;
padding-top: 3%;
margin-left: 0px !important;
width: 100% !important;
background-size: 100% !important;
}
}
@media only screen and (max-width: 375px) and (min-width: 250px) {
#cc_survey {
background: url(/wp-content/plugins/nb-cc/images/rating-banner-320.png) !important;
background-repeat: no-repeat !important;
padding-top: 2.5%;
margin-left: 0px !important;
width: 100% !important;
background-position: center top;
background-size: 100% !important;
}
}
/* End of customer care CSS */
@media only screen and (max-width: 481px) and (min-width: 479px) {
.home .img-responsive {
width: 65% !important;
}
}
@media only screen and (max-width: 601px) and (min-width: 599px) {
.home .img-responsive {
width: 85% !important;
}
}
@media only screen and (max-width: 321px) and (min-width: 319px) {
.home .img-responsive {
width: 85% !important;
}
}
@media screen and (min-width: 1023px) {
.article-content iframe, object, embed {
width: 100%;
}
.embedwrapper iframe {
width: 100%;
min-height: 400px;
}
.fb_iframe_widget_fluid > span {
width: 100%;
}
#player-iframe-45092618309810300 {
height: auto;
width: auto;
}
@media only screen and (max-width: 1400px) and (min-width: 1000px) {
.snbs-article-img.feed-article-figure a {
width: 225px !important;
}
}
}
@media only screen and (max-width: 1400px) and (min-width: 768px) {
.snbs-article-content {
width: 90% !important;
}
}
}