html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after {
content: '';
content: none;
}
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font: 12px Arial, Helvetica, sans-serif;
}
.heading1 {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 55px;
line-height: 57px;
text-transform: uppercase;
display: block;
}
.heading1:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.heading1:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.heading1 {
font-size: 35px;
line-height: 37px;
}
}
.heading2 {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
}
.heading2:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.heading2:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.heading2 {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
.heading-component {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
color: #e8112d;
margin: 0 10px 10px;
}
.heading-component:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.heading-component {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
@media (max-width: 767px) {
.heading-component {
margin-left: 20px;
margin-right: 20px;
}
}
.heading3 {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
}
.heading3:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.heading3:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.heading3 {
font-size: 12px;
line-height: 13px;
margin-bottom: 13px;
}
}
.heading4 {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
}
.heading4:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.heading4:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.heading4 {
font-size: 25px;
line-height: 27px;
}
}
.red {
color: #e8112d;
}
.white {
color: #fff !important;
}
.gill_base_big {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
text-transform: none;
}
.gill_base_big:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.gill_base_big {
font-size: 25px;
line-height: 27px;
}
}
.gill_base_big .red {
text-transform: uppercase;
}
.gill_base_big p {
margin: 0 0 15px;
}
@media (max-width: 767px) {
.gill_base_big p {
margin: 0 0 10px;
}
}
.gill_base {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
line-height: 22px;
}
@media (max-width: 767px) {
.gill_base {
font-size: 15px;
line-height: 19px;
}
}
.gill_base p {
margin: 0 0 10px;
}
.gill_base:lang(sr-Latn-RS),
.gill_base_big:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline" !important;
}
.gill_base b,
.gill_base strong,
.gill_base th,
.gill_base_big b,
.gill_base_big strong,
.gill_base_big th {
font-weight: bold;
}
.gill_base i,
.gill_base cite,
.gill_base em,
.gill_base var,
.gill_base dfn,
.gill_base address,
.gill_base_big i,
.gill_base_big cite,
.gill_base_big em,
.gill_base_big var,
.gill_base_big dfn,
.gill_base_big address {
font-style: italic;
}
.gill_base u,
.gill_base ins,
.gill_base_big u,
.gill_base_big ins {
text-decoration: underline;
}
.gill_base s,
.gill_base strike,
.gill_base del,
.gill_base_big s,
.gill_base_big strike,
.gill_base_big del {
text-decoration: line-through;
}
.gill_base table,
.gill_base caption,
.gill_base tbody,
.gill_base tfoot,
.gill_base thead,
.gill_base tr,
.gill_base th,
.gill_base td,
.gill_base_big table,
.gill_base_big caption,
.gill_base_big tbody,
.gill_base_big tfoot,
.gill_base_big thead,
.gill_base_big tr,
.gill_base_big th,
.gill_base_big td {
border-collapse: collapse;
border-spacing: 0;
}
.gill_base th,
.gill_base td,
.gill_base_big th,
.gill_base_big td {
border: 1px solid #ccc;
padding: 3px 7px;
text-align: left;
vertical-align: top;
}
.gill_base th,
.gill_base_big th {
border-color: #999;
text-align: center;
vertical-align: middle;
}
.gill_base ul li,
.gill_base ol li,
.gill_base_big ul li,
.gill_base_big ol li {
list-style-position: inside;
}
.gill_base ul li,
.gill_base_big ul li {
list-style-type: disc;
}
.gill_base ol li,
.gill_base_big ol li {
list-style-type: decimal;
}
.gill_base ul,
.gill_base ol,
.gill_base dl,
.gill_base p,
.gill_base h1,
.gill_base h2,
.gill_base h3,
.gill_base h4,
.gill_base h5,
.gill_base h6,
.gill_base table,
.gill_base_big ul,
.gill_base_big ol,
.gill_base_big dl,
.gill_base_big p,
.gill_base_big h1,
.gill_base_big h2,
.gill_base_big h3,
.gill_base_big h4,
.gill_base_big h5,
.gill_base_big h6,
.gill_base_big table {
margin: 0 0 20px;
}
.gill_base sub,
.gill_base_big sub {
vertical-align: sub;
}
.gill_base sup,
.gill_base_big sup {
vertical-align: super;
}
.gill_base sub,
.gill_base sup,
.gill_base_big sub,
.gill_base_big sup {
font-size: 0.5em;
line-height: 100%;
}
.more {
font: 12px Arial, Helvetica, sans-serif;
font-weight: 900;
}
.small-caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #666;
}
b {
font-weight: bold;
}
i {
font-style: italic;
}
.uppercase {
text-transform: uppercase;
}
/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
/* Browsers have different default form fonts */
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
/* Remove the stupid outer glow in Webkit */
input:focus,
textarea:focus {
outline: 0;
}
/* Text Inputs
-----------------------------------------------*/
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
background: #fff;
}
::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
:-moz-placeholder {
color: #999;
opacity: 1;
}
::-moz-placeholder {
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
opacity: 1;
}
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
width: 13px;
height: 13px;
}
/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
-webkit-appearance: none;
border-radius: 0;
}
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
display: none;
}
/* Buttons
-----------------------------------------------*/
/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
padding: 0;
border: 0;
background: none;
}
/* Textarea
-----------------------------------------------*/
textarea {
/* Move the label to the top */
vertical-align: top;
/* Turn off scroll bars in IE unless needed */
overflow: auto;
}
/* Selects
-----------------------------------------------*/
select[multiple] {
/* Move the label to the top */
vertical-align: top;
}
.form-section {
padding-bottom: 10px;
}
.form-group {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 0;
}
.form-group,
.content-form {
/* Text Inputs
-----------------------------------------------*/
}
.form-group fieldset,
.content-form fieldset {
margin: 0;
padding: 0;
border-style: none;
}
.form-group legend,
.content-form legend {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
color: #e8112d;
padding-bottom: 10px;
margin: 0;
}
.form-group legend:lang(sr-Latn-RS),
.content-form legend:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.form-group legend,
.content-form legend {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
.form-group .control-label,
.content-form .control-label {
display: inline-block;
line-height: 1.6;
margin-bottom: 5px;
}
.form-group input[type=date],
.form-group input[type=datetime],
.form-group input[type=datetime-local],
.form-group input[type=email],
.form-group input[type=month],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=range],
.form-group input[type=search],
.form-group input[type=tel],
.form-group input[type=text],
.form-group input[type=time],
.form-group input[type=url],
.form-group input[type=week],
.form-group textarea,
.content-form input[type=date],
.content-form input[type=datetime],
.content-form input[type=datetime-local],
.content-form input[type=email],
.content-form input[type=month],
.content-form input[type=number],
.content-form input[type=password],
.content-form input[type=range],
.content-form input[type=search],
.content-form input[type=tel],
.content-form input[type=text],
.content-form input[type=time],
.content-form input[type=url],
.content-form input[type=week],
.content-form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1;
color: #000;
background: #f2f2f2;
border: 1px solid #bbb;
width: 100%;
height: 37px;
padding: 10px;
}
::-webkit-input-placeholder {
text-transform: uppercase;
color: #999;
}
:-moz-placeholder {
text-transform: uppercase;
color: #999;
}
::-moz-placeholder {
text-transform: uppercase;
color: #999;
}
:-ms-input-placeholder {
text-transform: uppercase;
color: #999;
}
#main > *:nth-child(2n) .form-group input[type=date],
#main > *:nth-child(2n)
.form-group input[type=datetime],
#main > *:nth-child(2n)
.form-group input[type=datetime-local],
#main > *:nth-child(2n)
.form-group input[type=email],
#main > *:nth-child(2n)
.form-group input[type=month],
#main > *:nth-child(2n)
.form-group input[type=number],
#main > *:nth-child(2n)
.form-group input[type=password],
#main > *:nth-child(2n)
.form-group input[type=range],
#main > *:nth-child(2n)
.form-group input[type=search],
#main > *:nth-child(2n)
.form-group input[type=tel],
#main > *:nth-child(2n)
.form-group input[type=text],
#main > *:nth-child(2n)
.form-group input[type=time],
#main > *:nth-child(2n)
.form-group input[type=url],
#main > *:nth-child(2n)
.form-group input[type=week],
#main > *:nth-child(2n)
.form-group textarea,
#main > *:nth-child(2n)
.content-form input[type=date],
#main > *:nth-child(2n)
.content-form input[type=datetime],
#main > *:nth-child(2n)
.content-form input[type=datetime-local],
#main > *:nth-child(2n)
.content-form input[type=email],
#main > *:nth-child(2n)
.content-form input[type=month],
#main > *:nth-child(2n)
.content-form input[type=number],
#main > *:nth-child(2n)
.content-form input[type=password],
#main > *:nth-child(2n)
.content-form input[type=range],
#main > *:nth-child(2n)
.content-form input[type=search],
#main > *:nth-child(2n)
.content-form input[type=tel],
#main > *:nth-child(2n)
.content-form input[type=text],
#main > *:nth-child(2n)
.content-form input[type=time],
#main > *:nth-child(2n)
.content-form input[type=url],
#main > *:nth-child(2n)
.content-form input[type=week],
#main > *:nth-child(2n)
.content-form textarea {
background: #fff;
}
.form-group textarea,
.content-form textarea {
resize: vertical;
height: 140px;
}
.form-group input[type=submit],
.form-group input[type=button],
.content-form input[type=submit],
.content-form input[type=button] {
text-transform: uppercase;
border-radius: 5px;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 12px;
font-weight: 900;
text-decoration: none;
color: #fff;
line-height: 22px;
padding: 10px;
margin: 0;
width: 240px;
display: block;
text-align: center;
background: #e8112d;
cursor: pointer;
}
.form-group .hf-warning,
.content-form .hf-warning {
max-width: 100%;
color: #e8112d;
font-size: 14px;
line-height: 18px;
padding: 10px;
margin-bottom: -16px;
position: relative;
}
.form-group .hf-invalid,
.content-form .hf-invalid {
border-color: #e8112d !important;
}
.form-group input[type=date],
.form-group input[type=datetime],
.form-group input[type=datetime-local],
.form-group input[type=email],
.form-group input[type=month],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=range],
.form-group input[type=search],
.form-group input[type=tel],
.form-group input[type=text],
.form-group input[type=time],
.form-group input[type=url],
.form-group input[type=week] {
height: 44px;
}
.form-group .radio {
padding-bottom: 5px;
}
.form-group .hf-warning,
.form-group .field-validation-error {
margin: 0;
padding: 0;
line-height: 1.6;
display: block;
}
.form-group .field-validation-error {
line-height: 2;
}
.form-group .hf-invalid {
background: #ffd4da !important;
}
.halfSection {
width: 50%;
}
@media (max-width: 1042px) {
.halfSection {
width: 100% !important;
}
}
@media (max-width: 767px) {
.thirdAvailableWidth,
.halfAvailableWidth {
width: 100% !important;
}
}
@media (max-width: 767px) {
.form-submit-border .btn {
width: 100% !important;
}
}
.rtl .side-paddings {
padding-left: 11px;
padding-right: 10px;
}
@media (max-width: 1042px) {
.rtl .side-paddings {
padding-left: 8px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.rtl .side-paddings {
padding-left: 20px;
padding-right: 20px;
}
}
.rtl .sub-title-holder {
direction: rtl;
}
.rtl .breadcrumbs ul {
direction: rtl;
}
.rtl .breadcrumbs ul li {
float: right;
padding: 0 0 0 13px;
}
.rtl .breadcrumbs ul li a:before,
.rtl .breadcrumbs ul li em:before {
left: 1px;
right: auto;
transform: rotate(180deg);
}
.rtl .tags {
direction: rtl;
}
.rtl .tags .article-social-date {
float: right;
}
.rtl .tags .article-social {
float: right;
margin-right: 10px;
}
.rtl .tags .article-social ul {
display: flex;
}
.rtl .socialIconsBottom .article-social ul {
float: right;
display: flex;
flex-direction: row-reverse;
}
body {
color: #000;
background: #fff;
}
#header,
#header *,
.nav-holder,
.nav-holder *,
#wrap,
#main,
#main *,
#footer,
#footer *,
.red_cookies_line,
.red_cookies_line * {
box-sizing: border-box;
}
#wrap {
background: #000;
}
#main {
margin: 0 auto;
max-width: 1200px;
background: #fff;
}
#main:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.page_editor {
overflow-x: hidden;
}
a {
color: #e8112d;
text-decoration: none;
transition: color linear 0.2s, background-color linear 0.2s;
}
a:hover {
text-decoration: underline;
}
p {
margin-bottom: 10px;
}
.wrapper-centered {
max-width: 1044px;
margin: 0 auto;
}
.wrapper-centered-extend {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.wrapper-centered-extend {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.wrapper-centered-extend {
padding-right: 0;
padding-left: 0;
}
}
.wrapper-centered-extend-padding {
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.wrapper-centered-extend-padding {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.wrapper-centered-extend-padding {
padding-right: 20px;
padding-left: 20px;
}
}
.mask {
width: 100%;
overflow: hidden;
position: relative;
}
.slideset {
position: relative;
display: flex;
}
.slideset::after {
content: "";
display: table;
clear: both;
}
.side-paddings {
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.side-paddings {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.side-paddings {
padding-right: 20px;
padding-left: 20px;
}
}
#main > *:nth-child(2n) {
background: #f2f2f2;
}
.sub-title-holder {
max-width: 1044px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 1042px) {
.sub-title-holder {
padding-left: 37px;
padding-right: 38px;
padding-top: 18px;
padding-bottom: 18px;
}
}
@media (max-width: 767px) {
.sub-title-holder {
padding-left: 20px;
padding-right: 20px;
}
}
.hidden {
display: none;
}
.greyBg {
background: #f2f2f2;
}
.blackBg {
background: #000 !important;
}
.redBg {
background: #e8112d !important;
color: #fff !important;
}
.redBg a {
color: #000;
}
.redBg .btn-holder a,
.redBg .big-btn a,
.redBg .btn,
.redBg .btn-bordered {
color: #fff !important;
}
@media (max-width: 1042px) {
.redBg .btn-holder a,
.redBg .big-btn a,
.redBg .btn,
.redBg .btn-bordered {
background: #fff !important;
color: #e8112d !important;
}
}
.redBg .heading2 {
color: #000 !important;
}
.holder-breadcrumbs {
background-color: #ffffff;
}
.holder-breadcrumbs.announcement {
background-color: #f2f2f2;
}
.holder-breadcrumbs .breadcrumbs,
.holder-breadcrumbs .breadcrumbs-disabled {
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.holder-breadcrumbs .breadcrumbs,
.holder-breadcrumbs .breadcrumbs-disabled {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.holder-breadcrumbs .breadcrumbs,
.holder-breadcrumbs .breadcrumbs-disabled {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.holder-breadcrumbs .breadcrumbs,
.holder-breadcrumbs .breadcrumbs-disabled {
padding-right: 38px;
padding-left: 37px;
}
}
@media (max-width: 767px) {
.holder-breadcrumbs .breadcrumbs,
.holder-breadcrumbs .breadcrumbs-disabled {
padding-right: 20px;
padding-left: 20px;
}
}
.holder-breadcrumbs .breadcrumbs.announcement,
.holder-breadcrumbs .announcement.breadcrumbs-disabled {
background-color: #f2f2f2 !important;
}
.breadcrumbs ul,
.breadcrumbs-disabled ul {
font-size: 12px;
line-height: 16px;
font-weight: bold;
text-transform: uppercase;
color: #e8112d;
padding: 10px 0;
overflow: hidden;
}
.breadcrumbs ul li,
.breadcrumbs-disabled ul li {
position: relative;
float: left;
padding: 0 13px 0 0;
}
.breadcrumbs ul li a,
.breadcrumbs-disabled ul li a {
color: #000;
text-decoration: none;
}
.breadcrumbs ul li a:hover,
.breadcrumbs-disabled ul li a:hover {
text-decoration: underline;
}
.breadcrumbs ul li a:before,
.breadcrumbs-disabled ul li a:before,
.breadcrumbs ul li em:before,
.breadcrumbs-disabled ul li em:before {
width: 10px;
height: 10px;
content: " ";
position: absolute;
right: 1px;
top: 2px;
background: url(/Content/images/breadcrumb-arrow.svg) no-repeat 50% 50%;
}
.breadcrumbs-disabled ul {
color: #a4a4a4;
}
.tags {
color: #999;
font: 10px "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
padding-bottom: 15px;
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.tags {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.tags {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.tags {
padding-right: 38px;
padding-left: 37px;
padding-bottom: 15px;
}
}
@media (max-width: 767px) {
.tags {
padding-bottom: 15px;
padding-right: 20px;
padding-left: 20px;
}
}
.tags ul li {
display: inline-block;
vertical-align: top;
}
.btn-holder a,
.big-btn a,
.btn,
.btn-bordered {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 22px;
color: #e8112d;
display: inline-block;
vertical-align: top;
margin: 5px;
text-align: center;
}
.btn-holder a:hover,
.big-btn a:hover,
.btn:hover,
.btn-bordered:hover {
text-decoration: underline;
}
@media (max-width: 1042px) {
.btn-holder a,
.big-btn a,
.btn,
.btn-bordered {
margin: 0;
padding: 11px 22px;
background: #e8112d;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.btn-holder a:hover,
.big-btn a:hover,
.btn:hover,
.btn-bordered:hover {
text-decoration: none;
}
}
@media (max-width: 767px) {
.btn-holder a,
.big-btn a,
.btn,
.btn-bordered {
width: 100%;
}
}
.big-btn {
display: inline-block;
vertical-align: top;
}
@media (max-width: 767px) {
.big-btn {
width: 100%;
}
}
.big-btn a {
margin: 0;
padding: 10px 22px;
background: #e8112d;
color: #fff;
text-decoration: none;
border-radius: 5px;
display: block;
}
.big-btn a:hover {
text-decoration: none;
}
.btn-bordered {
background: #e8112d;
border: 1px solid #fff;
}
@media (max-width: 1042px) {
.btn-bordered {
padding: 0;
border-radius: 0;
}
}
.btn-bordered a {
color: #fff !important;
padding: 5px 10px;
display: inline-block;
text-decoration: none;
}
.icon-btn {
display: block;
margin: 0 auto;
text-decoration: none;
overflow: hidden;
text-indent: -9999px;
height: 25px;
width: 25px;
position: relative;
}
.icon-btn.icon-play:before,
.icon-btn.icon-load:before,
.icon-btn.icon-prev:before,
.icon-btn.icon-next:before {
width: 25px;
height: 25px;
content: " ";
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.icon-btn.icon-play.playing:before {
background: url(/Content/images/icon-pause.svg) no-repeat 50% 50%;
}
.icon-btn.icon-play:before {
background: url(/Content/images/icon-play.svg) no-repeat 50% 50%;
}
.icon-btn.icon-load:before {
background: url(/Content/images/icon-load.svg) no-repeat 50% 50%;
}
.icon-btn.icon-prev:before {
background: url(/Content/images/icon-play-rev.svg) no-repeat 50% 50%;
}
.icon-btn.icon-next:before {
background: url(/Content/images/icon-play.svg) no-repeat 50% 50%;
}
@media (max-width: 767px) {
.icon-btn.icon-play:before,
.icon-btn.icon-load:before {
background: none;
}
}
@media (max-width: 767px) {
.icon-btn {
padding: 10px 22px;
height: auto;
text-indent: 0;
background: #e8112d;
color: #fff;
text-decoration: none;
border-radius: 5px;
width: 100%;
}
}
@media (max-width: 767px) {
.icon-btn.icon-prev,
.icon-btn.icon-next {
display: block;
text-indent: -9999px;
padding: 0;
height: 25px;
width: 25px;
background: none;
}
}
.to-top-fade {
position: fixed;
bottom: -40px;
right: 20px;
height: 40px;
color: #e8112d;
opacity: 0;
transition: all linear 0.3s;
font-size: 0;
line-height: 0;
font-family: "Arial Black", Gadget, sans-serif;
text-decoration: none !important;
z-index: 99;
/* &:after {
display: inline-block;
margin-left: 10px;
@include simple-arrow(10px, 1.2, top, $red);
}*/
}
.to-top-fade:after {
display: inline-block;
margin-left: 10px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-bottom: 12px solid #e8112d;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.to-top-fade.show {
opacity: 1;
bottom: 20px;
}
.noBorder,
.noBorder td {
border: none !important;
}
.noRightMargin {
margin-right: 0px !important;
}
.noLeftRightMargin {
margin-left: 0px !important;
margin-right: 0px !important;
}
.TagListTimer {
max-width: 1044px;
width: 100%;
margin: 0 auto;
display: flex;
}
@media (max-width: 1042px) {
.TagListTimer {
padding-left: 16px;
padding-right: 18px;
flex-direction: column;
}
}
@media (max-width: 767px) {
.TagListTimer {
padding-left: 16px;
padding-right: 18px;
flex-direction: column;
}
}
.articleTagList {
width: 60%;
margin-bottom: 10px;
display: flex;
text-transform: uppercase;
flex-wrap: wrap;
}
.articleTagList-item {
height: 25px;
border: 1px solid #e8112d;
/* text-align: center; */
padding: 5px 7px;
border-radius: 5px;
color: #e8112d;
margin-right: 25px;
margin-bottom: 11px;
}
@media (max-width: 1042px) {
.articleTagList {
width: 100%;
}
}
@media (max-width: 767px) {
.articleTagList {
width: 100%;
}
}
.readingTime {
width: 40%;
padding-left: 5%;
display: flex;
}
.readingTime-image {
position: relative;
}
.readingTime-image-sign1 {
overflow: visible;
position: absolute;
top: 0px;
left: 0px;
width: 23px;
height: 23px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.readingTime-image-sign2 {
overflow: visible;
position: absolute;
top: 5.214px;
left: 11px;
width: 7.993px;
height: 7.993px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.readingTime-time {
margin-left: 30px;
font-size: 16px;
color: #e8112d;
margin-top: 3px;
}
@media (max-width: 1042px) {
.readingTime {
padding-left: 0;
}
}
@media (max-width: 767px) {
.readingTime {
padding-left: 0;
}
}
/* article */
.subsections-container {
background: 0 0 !important;
}
.article-container {
background: #f2f2f2;
padding-top: 20px;
padding-bottom: 20px;
}
.restricted-image {
display: none;
}
.subsections-container > .article-container:nth-of-type(2n) {
background: #fff;
}
.article-holder {
max-width: 1044px;
margin: 0 auto;
margin-bottom: 10px;
}
@media (max-width: 1042px) {
.article-holder {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.article-holder {
padding-right: 0;
padding-left: 0;
}
}
.article {
padding-right: 11px;
padding-left: 10px;
width: 75%;
}
@media (max-width: 1042px) {
.article {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.article {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.article {
width: 100%;
}
}
.article .media-holder {
margin-bottom: 15px;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 1042px) {
.article .media-holder {
margin-right: -7px;
margin-left: -7px;
}
}
@media (max-width: 767px) {
.article .media-holder {
margin-right: -20px;
margin-left: -20px;
}
}
.article .media-holder img.scEmptyImage {
width: 50% !important;
display: block;
}
.article .media-holder img,
.article .media-holder .media-content {
width: 100%;
height: auto;
}
.article .media-holder .videofield-title {
font-size: 20px;
}
.article .media-holder .g4s-flowplayer {
width: 100%;
height: 439px;
background-size: cover;
}
@media (max-width: 1042px) {
.article .media-holder .g4s-flowplayer {
width: 100%;
height: auto;
}
}
@media (max-width: 767px) {
.article .media-holder .g4s-flowplayer {
width: 100%;
height: auto;
}
}
.article .text-holder {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.article .text-holder {
width: 100%;
}
}
@media (max-width: 767px) {
.article .text-holder table {
width: auto !important;
height: auto !important;
font-size: 12px;
}
}
@media (max-width: 767px) {
.article .text-holder table tr td img {
height: 100px !important;
width: auto !important;
}
}
.article .text-holder .heading2 {
color: #e8112d;
margin-bottom: 10px;
}
.article .text-holder p iframe {
width: 100%;
}
.article .blockqute-holder {
background-color: none !important;
min-height: 110px;
position: relative;
width: 100%;
padding-bottom: 0;
}
.article .blockqute-holder .blockqute-author {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
margin-top: 10px;
text-transform: uppercase;
}
.article .blockqute-holder::before {
content: "";
background-image: url(/Content/images/icon-blockqute-new-left.png);
position: absolute;
top: 25%;
left: 0;
width: 35.743px;
height: 26.727px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.article .blockqute-holder::after {
content: "";
background-image: url(/Content/images/icon-blockqute-new-right.png);
position: absolute;
top: 25%;
right: 0;
width: 35.743px;
height: 26.727px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transform: rotate(360deg);
}
@media (max-width: 767px) {
.article .blockqute-holder {
padding: 85px 30px 20px;
padding-top: 0;
}
}
.article .blockqute-holder p {
margin-bottom: 10px;
}
.article .blockqute-holder .name,
.article .blockqute-holder .blockqute-title {
display: block;
text-transform: uppercase;
}
.article .blockqute-holder .gill_base_big {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
text-transform: none;
/* position: absolute; */
/* left: 85px; */
/* top: 0px; */
/* overflow: hidden; */
/* width: 845px; */
/* height: 148px; */
line-height: 36px;
margin-top: -3px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #e8112d;
letter-spacing: 0.1254471206665039px;
/* background-color: black; */
width: 90%;
margin: 0 auto;
/* left: auto; */
/* right: 5%; */
}
.article-container + .boilerplate {
background: #f2f2f2;
}
.subsections-container > .article-container:nth-of-type(2n) + .boilerplate {
background: #fff;
}
.boilerplate {
padding-bottom: 10px;
}
.boilerplate .wrapper-centered {
padding: 0 10px;
}
.boilerplate .btn-holder {
margin-bottom: 20px;
width: 33.33333333333332%;
}
@media (max-width: 767px) {
.boilerplate .btn-holder {
width: 100%;
}
}
.boilerplate .btn-holder a {
margin: 0;
padding: 10px 22px;
background: #e8112d;
color: #fff;
text-decoration: none;
border-radius: 5px;
display: block;
}
.boilerplate .btn-holder a:hover {
text-decoration: none;
}
.boilerplate .boilerplate-content {
padding-top: 15px;
border-top: 1px solid #000;
/* @include text-small; // removed as of G4S-AS-32359 Increase boilerplate font size */
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
line-height: 22px;
}
@media (max-width: 767px) {
.boilerplate .boilerplate-content {
font-size: 15px;
line-height: 19px;
}
}
.boilerplate .boilerplate-content .heading3 {
margin-bottom: 10px;
}
.boilerplate .boilerplate-content p {
margin: 0 0 5px;
}
.boilerplate .boilerplate-content a {
text-decoration: none;
font-weight: bold;
text-transform: none;
}
.boilerplate .boilerplate-content a:hover {
text-decoration: underline;
}
.boilerplate .boilerplate-content p,
.article .text-holder p {
margin-bottom: 20px;
}
.boilerplate .boilerplate-content p:lang(sr-Latn-RS),
.article .text-holder p:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.boilerplate .boilerplate-content a,
.article .text-holder a {
font-weight: bold;
text-transform: none;
text-decoration: none;
}
.boilerplate .boilerplate-content a:hover,
.article .text-holder a:hover {
text-decoration: underline;
}
.boilerplate .boilerplate-content b,
.boilerplate .boilerplate-content strong,
.boilerplate .boilerplate-content th,
.article .text-holder b,
.article .text-holder strong,
.article .text-holder th {
font-weight: bold;
}
.boilerplate .boilerplate-content i,
.boilerplate .boilerplate-content cite,
.boilerplate .boilerplate-content em,
.boilerplate .boilerplate-content var,
.boilerplate .boilerplate-content dfn,
.boilerplate .boilerplate-content address,
.article .text-holder i,
.article .text-holder cite,
.article .text-holder em,
.article .text-holder var,
.article .text-holder dfn,
.article .text-holder address {
font-style: italic;
}
.boilerplate .boilerplate-content u,
.boilerplate .boilerplate-content ins,
.article .text-holder u,
.article .text-holder ins {
text-decoration: underline;
}
.boilerplate .boilerplate-content s,
.boilerplate .boilerplate-content strike,
.boilerplate .boilerplate-content del,
.article .text-holder s,
.article .text-holder strike,
.article .text-holder del {
text-decoration: line-through;
}
.boilerplate .boilerplate-content table,
.boilerplate .boilerplate-content caption,
.boilerplate .boilerplate-content tbody,
.boilerplate .boilerplate-content tfoot,
.boilerplate .boilerplate-content thead,
.boilerplate .boilerplate-content tr,
.boilerplate .boilerplate-content th,
.boilerplate .boilerplate-content td,
.article .text-holder table,
.article .text-holder caption,
.article .text-holder tbody,
.article .text-holder tfoot,
.article .text-holder thead,
.article .text-holder tr,
.article .text-holder th,
.article .text-holder td {
border-collapse: collapse;
border-spacing: 0;
}
.boilerplate .boilerplate-content th,
.boilerplate .boilerplate-content td,
.article .text-holder th,
.article .text-holder td {
border: 1px solid #ccc;
padding: 3px 7px;
text-align: left;
vertical-align: top;
}
.boilerplate .boilerplate-content th,
.article .text-holder th {
border-color: #999;
text-align: center;
vertical-align: middle;
}
.boilerplate .boilerplate-content ul li,
.boilerplate .boilerplate-content ol li,
.article .text-holder ul li,
.article .text-holder ol li {
list-style-position: inside;
}
.boilerplate .boilerplate-content ul li,
.article .text-holder ul li {
list-style-type: disc;
}
.boilerplate .boilerplate-content ol li,
.article .text-holder ol li {
list-style-type: decimal;
}
.boilerplate .boilerplate-content ul,
.boilerplate .boilerplate-content ol,
.boilerplate .boilerplate-content dl,
.boilerplate .boilerplate-content p,
.boilerplate .boilerplate-content h1,
.boilerplate .boilerplate-content h2,
.boilerplate .boilerplate-content h3,
.boilerplate .boilerplate-content h4,
.boilerplate .boilerplate-content h5,
.boilerplate .boilerplate-content h6,
.boilerplate .boilerplate-content table,
.article .text-holder ul,
.article .text-holder ol,
.article .text-holder dl,
.article .text-holder p,
.article .text-holder h1,
.article .text-holder h2,
.article .text-holder h3,
.article .text-holder h4,
.article .text-holder h5,
.article .text-holder h6,
.article .text-holder table {
margin: 0 0 20px;
}
.boilerplate .boilerplate-content sub,
.article .text-holder sub {
vertical-align: sub;
}
.boilerplate .boilerplate-content sup,
.article .text-holder sup {
vertical-align: super;
}
.boilerplate .boilerplate-content sub,
.boilerplate .boilerplate-content sup,
.article .text-holder sub,
.article .text-holder sup {
font-size: 0.5em;
line-height: 100%;
}
/* carousel */
.hero-slider {
width: 100%;
overflow: hidden;
position: relative;
}
.hero-slider .wrapper-centered {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.hero-slider .wrapper-centered::after {
content: "";
display: table;
clear: both;
}
.hero-slider .mask {
width: 100%;
overflow: hidden;
position: relative;
}
.hero-slider .slideset .slide {
float: left;
width: auto;
}
.hero-slider .slideset a.linkWrapper {
float: left;
}
.hero-slider .slide {
position: relative;
min-height: 1px;
width: 100%;
}
.hero-slider .slide img {
vertical-align: top;
width: 100%;
max-width: 100%;
height: auto;
}
.hero-slider .slide img.scEmptyImage {
width: auto;
height: 400px;
display: block;
margin: 0 auto;
}
.hero-slider .slide .g4s-flowplayer {
vertical-align: top;
background: #fff;
background-size: cover;
}
.hero-slider .slide .g4s-flowplayer.is-ready,
.hero-slider .slide .g4s-flowplayer.is-error {
background-color: #fff !important;
z-index: 101;
}
.hero-slider .slide .g4s-flowplayer + .video-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 99;
cursor: pointer;
}
.hero-slider .slide .g4s-flowplayer.is-ready + .video-overlay {
display: none;
}
.hero-slider .slide .g4s-flowplayer.is-ready.is-paused + .video-overlay {
display: block;
}
.hero-slider .slide .scEmptyPlaceholder,
.hero-slider .slide .text-box {
position: absolute;
z-index: 100;
top: 70px;
left: 65px;
width: 470px;
padding: 22px;
background: #000;
color: #fff;
}
@media (max-width: 1042px) {
.hero-slider .slide .scEmptyPlaceholder,
.hero-slider .slide .text-box {
position: static;
width: 100%;
height: 100%;
}
}
.hero-slider .slide .scEmptyPlaceholder strong,
.hero-slider .slide .text-box strong {
font: 55px/50px "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
display: block;
}
@media (max-width: 1042px) {
.hero-slider .slide .scEmptyPlaceholder strong,
.hero-slider .slide .text-box strong {
font-size: 29px;
line-height: 28px;
margin-bottom: 10px;
}
}
.hero-slider .slide .scEmptyPlaceholder strong mark,
.hero-slider .slide .text-box strong mark {
background: none;
color: #e8112d;
}
.hero-slider .slide .scEmptyPlaceholder a,
.hero-slider .slide .text-box a {
font-weight: 900;
}
.hero-slider .slide .videofield-title {
font-size: 20px;
position: absolute;
z-index: 10;
top: 0;
background: #000;
right: 0;
}
.hero-slider.jgallery-dragging .g4s-flowplayer + .video-overlay {
display: block !important;
}
.hero-slider .controls-holder {
background: #e8112d;
overflow: hidden;
text-align: center;
}
.hero-slider .controls {
display: inline-block;
vertical-align: top;
padding: 15px;
}
@media (max-width: 1042px) {
.hero-slider .controls {
display: block;
padding: 0;
position: relative;
}
}
.hero-slider .controls .prev,
.hero-slider .controls .next {
float: left;
text-indent: -9999px;
position: relative;
}
.hero-slider .controls .prev:after,
.hero-slider .controls .next:after {
content: "";
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1042px) {
.hero-slider .controls .prev:after,
.hero-slider .controls .next:after {
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -4px;
}
}
@media (max-width: 1042px) {
.hero-slider .controls .prev,
.hero-slider .controls .next {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 44px;
}
}
.hero-slider .controls .prev.jgallery-disabled,
.hero-slider .controls .next.jgallery-disabled {
opacity: 0.3;
}
.hero-slider .controls .prev {
margin-right: 35px;
}
.hero-slider .controls .prev:after {
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-right: 9px solid #fff;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
}
@media (max-width: 1042px) {
.hero-slider .controls .prev {
border-right: 1px solid #000;
}
}
.hero-slider .controls .next {
margin-left: 26px;
}
.hero-slider .controls .next:after {
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-left: 9px solid #fff;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
}
@media (max-width: 1042px) {
.hero-slider .controls .next {
right: 0;
left: auto;
border-left: 1px solid #000;
}
}
.hero-slider .controls .pause {
float: left;
position: relative;
margin: -2px 5px;
text-indent: -9999px;
overflow: hidden;
width: 16px;
height: 16px;
border-radius: 8px;
border: 2px solid #fff;
}
.hero-slider .controls .pause:after {
content: "";
position: absolute;
left: 3px;
top: 3px;
width: 2px;
height: 6px;
border-width: 0 2px;
border-color: #fff;
border-style: solid;
color: #fff;
}
.hero-slider .controls .pause.jgallery-btn-paused {
text-indent: -9999px;
overflow: hidden;
width: 16px;
height: 16px;
border-radius: 8px;
border: 2px solid #fff;
}
.hero-slider .controls .pause.jgallery-btn-paused::after {
position: absolute;
left: 4px;
top: 3px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-left: 6px solid #fff;
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
}
@media (max-width: 1042px) {
.hero-slider .controls .pause {
float: none;
display: inline-block;
vertical-align: top;
}
}
.hero-slider .controls .switcher {
float: left;
}
@media (max-width: 1042px) {
.hero-slider .controls .switcher {
padding: 15px 50px;
width: 100%;
}
}
.hero-slider .controls .switcher ul {
float: left;
}
@media (max-width: 1042px) {
.hero-slider .controls .switcher ul {
float: none;
display: inline-block;
vertical-align: top;
}
}
.hero-slider .controls .switcher li {
float: left;
margin: 0 6px;
}
.hero-slider .controls .switcher li a {
display: block;
background: #fff;
width: 12px;
height: 12px;
border-radius: 50%;
text-indent: -9999px;
}
.hero-slider .controls .switcher li.jgallery-nav-current a {
background: #000 !important;
}
.categoryFilter {
max-width: 1024px;
width: 100%;
background: none !important;
margin: 0 auto;
margin-bottom: 20px;
}
.categoryFilter-title {
display: flex;
justify-items: center;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
.categoryFilter-title-image {
display: block;
position: relative;
margin-bottom: 5px;
width: 22px;
height: 25px;
}
.categoryFilter-title-image-firstLine {
overflow: visible;
position: absolute;
top: 7.927px;
left: 0px;
width: 21.951px;
height: 8.537px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.categoryFilter-title-image-secondLine {
overflow: visible;
position: absolute;
top: 0px;
left: 0px;
width: 21.951px;
height: 8.537px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.categoryFilter-title-image-thirdLine {
overflow: visible;
position: absolute;
top: 16.463px;
left: 0px;
width: 21.951px;
height: 8.537px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.categoryFilter-title-text {
text-transform: uppercase;
font-size: 16px;
margin-left: 5px;
}
.categoryFilter-categories {
display: flex;
margin-left: 27px;
position: relative;
}
.categoryFilter-categories-list {
display: flex;
width: 80%;
flex-flow: row wrap;
}
.categoryFilter-categories-list-item {
background-color: #f2f2f2;
color: #000000;
height: 25px;
border-radius: 5px;
padding: 0 10px;
margin-right: 15px;
display: flex;
align-items: center;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 11px;
cursor: pointer;
}
.categoryFilter-categories-list-item.active {
background-color: #e8112d;
color: #ffffff;
}
.categoryFilter-categories-date {
background-color: #f2f2f2;
display: flex;
width: 150px;
cursor: pointer;
flex-direction: column;
border-radius: 5px;
position: absolute;
right: 0;
z-index: 10;
height: auto;
}
.categoryFilter-categories-date-selected {
display: flex;
align-items: center;
width: 100%;
height: 25px;
text-transform: uppercase;
}
.categoryFilter-categories-date-selected-icon {
margin-left: auto;
margin-right: 10px;
}
.categoryFilter-categories-date-selected-text {
margin-left: 10px;
}
.categoryFilter-categories-date-list {
background-color: #f2f2f2;
display: none;
}
.categoryFilter-categories-date-list ul {
list-style-type: none;
margin: 0;
width: 100%;
padding: 0;
}
.categoryFilter-categories-date-list ul li {
height: 25px;
padding-left: 10px;
}
.categoryFilter-categories-date-list ul li:hover {
background-color: #e8112d;
color: #ffffff;
}
@media (max-width: 1042px) {
.categoryFilter {
padding-right: 16px;
padding-left: 18px;
}
}
@media (max-width: 767px) {
.categoryFilter {
padding-right: 16px;
padding-left: 18px;
}
.categoryFilter-categories {
flex-direction: column;
}
.categoryFilter-categories-date {
position: relative;
margin-top: 20px;
}
}
.circle-sign {
width: 15px;
height: 15px;
display: flex;
margin-right: 5px;
border: 1px solid #000000;
border-radius: 50%;
justify-content: center;
align-items: center;
}
.circle-sign.active {
border-color: #ffffff;
}
.circle-sign.plus:before {
content: "+";
}
.circle-sign.minus:before {
content: "-";
margin-top: -2px;
}
.arrow-down {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000000;
}
.listActive {
display: block;
}
.rotatedArrow {
transform: rotate(180deg);
}
.hideCategories {
display: none;
}
/* columns-promo */
.promo-columns {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.promo-columns {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.promo-columns {
padding-right: 0;
padding-left: 0;
}
}
.promo-columns .promo-holder,
.promo-columns .custom-promo-holder {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
margin-left: -78px;
margin-right: -78px;
}
@media (max-width: 1042px) {
.promo-columns .promo-holder,
.promo-columns .custom-promo-holder {
margin-left: -30px;
margin-right: -30px;
}
}
@media (max-width: 767px) {
.promo-columns .promo-holder,
.promo-columns .custom-promo-holder {
flex-direction: column;
display: block;
margin-left: 0;
margin-right: 0;
}
}
.promo-columns .promo-holder:after,
.promo-columns .custom-promo-holder:after {
display: block;
clear: both;
content: '';
}
.promo-columns .promo-column,
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
padding-top: 20px;
padding-bottom: 20px;
background-color: #e8112d;
color: #fff;
padding-left: 20px;
padding-right: 20px;
background-size: cover;
z-index: 10;
position: relative;
}
.promo-columns .promo-column:nth-child(1):nth-last-child(2),
.promo-columns .column_2_3:nth-child(1):nth-last-child(2),
.promo-columns .column_1_3:nth-child(1):nth-last-child(2) {
flex-grow: 1;
flex-basis: 50%;
padding-left: 88px;
padding-right: 22px;
}
.promo-columns .promo-column:nth-child(2):nth-last-child(1),
.promo-columns .column_2_3:nth-child(2):nth-last-child(1),
.promo-columns .column_1_3:nth-child(2):nth-last-child(1) {
flex-grow: 1;
flex-basis: 50%;
padding-left: 22px;
padding-right: 88px;
}
@media (max-width: 1042px) {
.promo-columns .promo-column,
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
.promo-columns .promo-column:nth-child(1):nth-last-child(2),
.promo-columns .column_2_3:nth-child(1):nth-last-child(2),
.promo-columns .column_1_3:nth-child(1):nth-last-child(2) {
padding-left: 37px;
padding-right: 20px;
}
.promo-columns .promo-column:nth-child(2):nth-last-child(1),
.promo-columns .column_2_3:nth-child(2):nth-last-child(1),
.promo-columns .column_1_3:nth-child(2):nth-last-child(1) {
padding-left: 20px;
padding-right: 37px;
}
}
@media (max-width: 767px) {
.promo-columns .promo-column,
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.promo-columns .promo-column .heading2,
.promo-columns .column_2_3 .heading2,
.promo-columns .column_1_3 .heading2 {
color: #000;
}
.promo-columns .promo-column .item-content,
.promo-columns .column_2_3 .item-content,
.promo-columns .column_1_3 .item-content {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
text-transform: none;
margin-bottom: 2px;
}
.promo-columns .promo-column .item-content:lang(sr-Latn-RS),
.promo-columns .column_2_3 .item-content:lang(sr-Latn-RS),
.promo-columns .column_1_3 .item-content:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.promo-columns .promo-column .item-content,
.promo-columns .column_2_3 .item-content,
.promo-columns .column_1_3 .item-content {
font-size: 25px;
line-height: 27px;
}
}
.promo-columns .promo-column .item-content .red,
.promo-columns .column_2_3 .item-content .red,
.promo-columns .column_1_3 .item-content .red {
text-transform: uppercase;
}
.promo-columns .promo-column .item-content p,
.promo-columns .column_2_3 .item-content p,
.promo-columns .column_1_3 .item-content p {
margin: 0;
}
@media (max-width: 767px) {
.promo-columns .promo-column .item-content p,
.promo-columns .column_2_3 .item-content p,
.promo-columns .column_1_3 .item-content p {
margin: 0 0 10px;
}
}
.promo-columns .promo-column .item-content a,
.promo-columns .column_2_3 .item-content a,
.promo-columns .column_1_3 .item-content a {
color: #000;
text-transform: none;
}
@media (max-width: 767px) {
.promo-columns .promo-column .item-content,
.promo-columns .column_2_3 .item-content,
.promo-columns .column_1_3 .item-content {
margin-bottom: 10px;
}
}
.promo-columns .promo-column .btn-container,
.promo-columns .column_2_3 .btn-container,
.promo-columns .column_1_3 .btn-container {
padding-bottom: 40px;
}
@media (max-width: 767px) {
.promo-columns .promo-column .btn-container,
.promo-columns .column_2_3 .btn-container,
.promo-columns .column_1_3 .btn-container {
padding-bottom: 0;
}
}
@media (max-width: 1042px) {
.promo-columns .promo-column .btn-holder,
.promo-columns .column_2_3 .btn-holder,
.promo-columns .column_1_3 .btn-holder {
padding-bottom: 10px;
}
}
.promo-columns .promo-column .btn-holder a,
.promo-columns .column_2_3 .btn-holder a,
.promo-columns .column_1_3 .btn-holder a {
margin: 0;
color: #fff;
text-align: left;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .btn-holder a,
.promo-columns .column_2_3 .btn-holder a,
.promo-columns .column_1_3 .btn-holder a {
display: block;
background: #fff;
color: #e8112d;
}
}
.promo-columns .promo-column .promo-btns-list,
.promo-columns .column_2_3 .promo-btns-list,
.promo-columns .column_1_3 .promo-btns-list {
padding-bottom: 10px;
border-top: 1px solid #fff;
}
.promo-columns .promo-column .promo-btns-list .btn-holder,
.promo-columns .column_2_3 .promo-btns-list .btn-holder,
.promo-columns .column_1_3 .promo-btns-list .btn-holder {
padding-bottom: 0;
}
.promo-columns .promo-column .promo-btns-list li,
.promo-columns .column_2_3 .promo-btns-list li,
.promo-columns .column_1_3 .promo-btns-list li {
padding-bottom: 7px;
padding-top: 7px;
border-bottom: 1px solid #fff;
position: relative;
padding-right: 25px;
}
.promo-columns .promo-column .promo-btns-list li span.promo-btns-list-icon,
.promo-columns .column_2_3 .promo-btns-list li span.promo-btns-list-icon,
.promo-columns .column_1_3 .promo-btns-list li span.promo-btns-list-icon {
cursor: pointer;
position: absolute;
right: 1px;
top: 7px;
width: 22px;
height: 22px;
text-indent: -9999px;
overflow: hidden;
border: 2px solid #fff;
border-radius: 15px;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-btns-list li span.promo-btns-list-icon,
.promo-columns .column_2_3 .promo-btns-list li span.promo-btns-list-icon,
.promo-columns .column_1_3 .promo-btns-list li span.promo-btns-list-icon {
display: none;
}
}
.promo-columns .promo-column .promo-btns-list li span.promo-btns-list-icon:after,
.promo-columns .column_2_3 .promo-btns-list li span.promo-btns-list-icon:after,
.promo-columns .column_1_3 .promo-btns-list li span.promo-btns-list-icon:after {
position: absolute;
left: 7px;
top: 4px;
width: 0;
height: 0;
content: "";
z-index: 2;
border-style: none;
border-left: 7px solid #fff;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.promo-columns .promo-column .promo-items-holder,
.promo-columns .column_2_3 .promo-items-holder,
.promo-columns .column_1_3 .promo-items-holder {
display: block;
border-top: 1px solid #808080;
padding-bottom: 14px;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-items-holder,
.promo-columns .column_2_3 .promo-items-holder,
.promo-columns .column_1_3 .promo-items-holder {
margin-left: -7px;
margin-right: -8px;
border-top: none;
display: flex;
flex-direction: row;
}
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-items-holder,
.promo-columns .column_2_3 .promo-items-holder,
.promo-columns .column_1_3 .promo-items-holder {
margin-right: 0;
margin-left: 0;
border-top: 1px solid #808080;
display: block;
}
}
.promo-columns .promo-column .promo-items-holder .promo-item,
.promo-columns .column_2_3 .promo-items-holder .promo-item,
.promo-columns .column_1_3 .promo-items-holder .promo-item {
display: flex;
flex-basis: 100%;
width: 100%;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-items-holder .promo-item,
.promo-columns .column_2_3 .promo-items-holder .promo-item,
.promo-columns .column_1_3 .promo-items-holder .promo-item {
padding-left: 7px;
padding-right: 8px;
flex-basis: 33.3%;
}
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-items-holder .promo-item,
.promo-columns .column_2_3 .promo-items-holder .promo-item,
.promo-columns .column_1_3 .promo-items-holder .promo-item {
flex-basis: 100%;
padding-left: 0;
padding-right: 0;
}
}
.promo-columns .promo-column .promo-items-holder .promo-item .content,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content {
align-self: stretch;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #808080;
display: flex;
flex-basis: 100%;
width: 100%;
align-items: center;
position: relative;
color: inherit;
text-decoration: none;
color: inherit;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-items-holder .promo-item .content,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content {
border-top: 1px solid #808080;
}
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-items-holder .promo-item .content,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content {
border-top: none;
}
}
.promo-columns .promo-column .promo-items-holder .promo-item .content .content-info,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .content-info,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .content-info {
display: inline-block;
vertical-align: middle;
width: 100%;
padding-right: 30px;
}
.promo-columns .promo-column .promo-items-holder .promo-item .content .content-info a,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .content-info a,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .content-info a,
.promo-columns .promo-column .promo-items-holder .promo-item .content .content-info span.title,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .content-info span.title,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .content-info span.title {
font-weight: 900;
color: #e8112d;
}
.promo-columns .promo-column .promo-items-holder .promo-item .content .content-info .salary,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .content-info .salary,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .content-info .salary,
.promo-columns .promo-column .promo-items-holder .promo-item .content .content-info .location,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .content-info .location,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .content-info .location {
display: block;
}
.promo-columns .promo-column .promo-items-holder .promo-item .content .promo-item-icon,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon {
position: absolute;
right: 1px;
top: 50%;
margin-top: -11px;
width: 22px;
height: 22px;
text-indent: -9999px;
overflow: hidden;
border: 2px solid #e8112d;
border-radius: 15px;
}
.promo-columns .promo-column .promo-items-holder .promo-item .content .promo-item-icon:after,
.promo-columns .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon:after,
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon:after {
position: absolute;
left: 7px;
top: 4px;
width: 0;
height: 0;
content: "";
z-index: 2;
border-style: none;
border-left: 7px solid #e8112d;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.promo-columns .promo-column .promo-form-bar,
.promo-columns .column_2_3 .promo-form-bar,
.promo-columns .column_1_3 .promo-form-bar {
padding-bottom: 20px;
border-bottom: 1px solid #808080;
margin-bottom: 10px;
}
.promo-columns .promo-column .promo-form-bar:after,
.promo-columns .column_2_3 .promo-form-bar:after,
.promo-columns .column_1_3 .promo-form-bar:after {
display: block;
content: "";
clear: both;
}
.promo-columns .promo-column .promo-form-bar .btn-holder,
.promo-columns .column_2_3 .promo-form-bar .btn-holder,
.promo-columns .column_1_3 .promo-form-bar .btn-holder {
float: left;
width: 40%;
padding-right: 10px;
padding-top: 6px;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-form-bar .btn-holder,
.promo-columns .column_2_3 .promo-form-bar .btn-holder,
.promo-columns .column_1_3 .promo-form-bar .btn-holder {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-form-bar .btn-holder,
.promo-columns .column_2_3 .promo-form-bar .btn-holder,
.promo-columns .column_1_3 .promo-form-bar .btn-holder {
padding-top: 0;
padding-right: 0;
padding-bottom: 10px;
float: none;
width: 100%;
}
}
.promo-columns .promo-column .promo-form-bar .btn-holder a,
.promo-columns .column_2_3 .promo-form-bar .btn-holder a,
.promo-columns .column_1_3 .promo-form-bar .btn-holder a {
font-size: 11px;
line-height: 18px;
text-align: left;
color: #000 !important;
}
@media (max-width: 1042px) {
.promo-columns .promo-column .promo-form-bar .btn-holder a,
.promo-columns .column_2_3 .promo-form-bar .btn-holder a,
.promo-columns .column_1_3 .promo-form-bar .btn-holder a {
line-height: 22px;
background: #e8112d !important;
color: #fff !important;
text-align: center;
}
}
.promo-columns .promo-column .promo-form-bar .selectWrapper,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper {
float: left;
width: 60%;
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-form-bar .selectWrapper,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper {
width: 100%;
float: none;
}
}
.promo-columns .promo-column .promo-form-bar .selectWrapper .selectValue,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper .selectValue,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper .selectValue {
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
.promo-columns .promo-column .promo-form-bar .selectWrapper .selectValue,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper .selectValue,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper .selectValue {
background: #e8112d;
color: #fff;
}
}
.promo-columns .promo-column .promo-form-bar .selectWrapper .selectValue:after,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper .selectValue:after,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper .selectValue:after {
border-top-color: #fff;
}
.promo-columns .promo-column .promo-form-bar .selectWrapper .selectValue:before,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper .selectValue:before,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper .selectValue:before {
border-left-color: #c00;
}
.promo-columns .promo-column .promo-form-bar .selectWrapper select,
.promo-columns .column_2_3 .promo-form-bar .selectWrapper select,
.promo-columns .column_1_3 .promo-form-bar .selectWrapper select {
background: #fff;
}
@media (max-width: 767px) {
.promo-columns .promo-column.column-has-bg,
.promo-columns .column-has-bg.column_2_3,
.promo-columns .column-has-bg.column_1_3 {
background-size: 145%;
background-repeat: no-repeat;
background-position: center;
}
}
.promo-columns .promo-column.column-has-bg .promo-btns-list-icon.red-icon,
.promo-columns .column-has-bg.column_2_3 .promo-btns-list-icon.red-icon,
.promo-columns .column-has-bg.column_1_3 .promo-btns-list-icon.red-icon {
border-color: #e8112d;
}
.promo-columns .promo-column.column-has-bg .promo-btns-list-icon.red-icon:after,
.promo-columns .column-has-bg.column_2_3 .promo-btns-list-icon.red-icon:after,
.promo-columns .column-has-bg.column_1_3 .promo-btns-list-icon.red-icon:after {
border-left: 7px solid #e8112d;
}
.promo-columns .promo-column.column-has-bg .heading2,
.promo-columns .column-has-bg.column_2_3 .heading2,
.promo-columns .column-has-bg.column_1_3 .heading2 {
color: #e8112d;
}
.promo-columns .promo-column.column-has-bg .item-content a,
.promo-columns .column-has-bg.column_2_3 .item-content a,
.promo-columns .column-has-bg.column_1_3 .item-content a {
color: #e8112d;
}
.promo-columns .promo-column.column-has-bg .btn-holder a,
.promo-columns .column-has-bg.column_2_3 .btn-holder a,
.promo-columns .column-has-bg.column_1_3 .btn-holder a {
margin: 0;
color: #fff;
}
@media (max-width: 1042px) {
.promo-columns .promo-column.column-has-bg .btn-holder a,
.promo-columns .column-has-bg.column_2_3 .btn-holder a,
.promo-columns .column-has-bg.column_1_3 .btn-holder a {
display: block;
background: #e8112d;
color: #fff;
}
}
.promo-columns .promo-column.column-has-bg .btn-holder a.red,
.promo-columns .column-has-bg.column_2_3 .btn-holder a.red,
.promo-columns .column-has-bg.column_1_3 .btn-holder a.red {
color: #e8112d;
}
@media (max-width: 1042px) {
.promo-columns .promo-column.column-has-bg .btn-holder a.red,
.promo-columns .column-has-bg.column_2_3 .btn-holder a.red,
.promo-columns .column-has-bg.column_1_3 .btn-holder a.red {
color: #fff;
}
}
.promo-columns .promo-column .column-cover,
.promo-columns .column_2_3 .column-cover,
.promo-columns .column_1_3 .column-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
.promo-columns .promo-column .column-cover img,
.promo-columns .column_2_3 .column-cover img,
.promo-columns .column_1_3 .column-cover img {
display: block;
height: 100%;
width: 100%;
}
@media (max-width: 1042px) {
.promo-columns .custom-promo-holder {
flex-direction: column !important;
display: block;
}
}
.promo-columns .column_2_3 {
flex-grow: 1;
flex-basis: 63.58333333333333% !important;
width: 65%;
background-color: transparent !important;
padding-top: 26px;
}
.promo-columns .column_1_3 {
flex-grow: 1;
flex-basis: 36.41666666666665% !important;
width: 35%;
background: none;
}
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
color: #000;
}
.promo-columns .column_2_3 .heading2,
.promo-columns .column_1_3 .heading2 {
color: #e8112d;
margin-bottom: 1px;
}
@media (max-width: 1042px) {
.promo-columns .column_2_3 .btn-holder a,
.promo-columns .column_1_3 .btn-holder a {
display: block;
background: #e8112d !important;
color: #fff !important;
}
}
@media (max-width: 1042px) {
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
min-height: 0 !important;
padding-left: 37px !important;
padding-right: 38px !important;
flex-grow: 1 !important;
flex-basis: 100% !important;
width: 100% !important;
}
}
@media (max-width: 767px) {
.promo-columns .column_2_3,
.promo-columns .column_1_3 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.promo-columns .column_2_3 .item-content {
width: 60%;
font-size: 48px;
line-height: 53px;
}
@media (max-width: 767px) {
.promo-columns .column_2_3 .item-content {
font-size: 26px;
line-height: 28px;
}
}
.promo-columns .column_2_3 .btn-holder {
width: 50%;
}
@media (max-width: 767px) {
.promo-columns .column_2_3 .btn-holder {
width: 100%;
}
}
.promo-columns .column_1_3 .big-btn {
width: auto;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1042px) {
.promo-columns .column_1_3 .big-btn {
display: inline-block;
vertical-align: top;
}
.promo-columns .column_1_3 .big-btn a {
padding-left: 80px;
padding-right: 80px;
}
}
@media (max-width: 767px) {
.promo-columns .column_1_3 .big-btn {
display: block;
}
.promo-columns .column_1_3 .big-btn a {
padding-left: 0px;
padding-right: 0px;
}
}
.promo-columns .promo-social:after {
display: block;
clear: both;
content: '';
}
.promo-columns .promo-social .label {
font-weight: 900;
display: block;
line-height: 25px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.promo-columns .promo-social .label {
float: left;
}
}
.promo-columns .promo-social ul {
padding-top: 5px;
padding-bottom: 5px;
}
.promo-columns .promo-social ul:after {
display: block;
clear: both;
content: "";
}
@media (max-width: 767px) {
.promo-columns .promo-social ul {
padding-top: 0;
padding-bottom: 0;
float: right;
}
}
.promo-columns .promo-social ul li {
float: left;
width: 25px;
height: 25px;
margin-right: 11px;
}
@media (max-width: 767px) {
.promo-columns .promo-social ul li {
margin-right: 0;
margin-left: 11px;
}
}
.promo-columns .promo-social ul li a {
display: block;
height: 100%;
text-indent: -9999px;
overflow: hidden;
background: #ff0;
}
.promo-columns .promo-social ul li a.facebook {
background: url(/Content/images/icon-facebook-red.svg);
background-size: 100% 100%;
}
.promo-columns .promo-social ul li a.linkedin {
background: url(/Content/images/icon-linkedin-red.svg);
background-size: 100% 100%;
}
.promo-columns .promo-social ul li a.twitter {
background: url(/Content/images/icon-twitter-red.svg);
background-size: 100% 100%;
}
.blackBg .column_1_3,
.blackBg .column_2_3 {
color: #fff;
}
.blackBg .column_1_3 .heading2 {
color: #fff;
}
.blackBg .promo-column,
.blackBg .promo-columns .column_2_3,
.promo-columns .blackBg .column_2_3,
.blackBg
.promo-columns .column_1_3,
.promo-columns .blackBg .column_1_3 {
background-color: #000 !important;
}
.blackBg .promo-column .promo-form-bar .btn-holder a,
.blackBg .promo-columns .column_2_3 .promo-form-bar .btn-holder a,
.promo-columns .blackBg .column_2_3 .promo-form-bar .btn-holder a,
.blackBg
.promo-columns .column_1_3 .promo-form-bar .btn-holder a,
.promo-columns .blackBg .column_1_3 .promo-form-bar .btn-holder a {
color: red !important;
}
@media (max-width: 1042px) {
.blackBg .promo-column .promo-form-bar .btn-holder a,
.blackBg .promo-columns .column_2_3 .promo-form-bar .btn-holder a,
.promo-columns .blackBg .column_2_3 .promo-form-bar .btn-holder a,
.blackBg
.promo-columns .column_1_3 .promo-form-bar .btn-holder a,
.promo-columns .blackBg .column_1_3 .promo-form-bar .btn-holder a {
background: #e8112d !important;
color: #fff !important;
}
}
.blackBg .promo-column .promo-items-holder .promo-item .content .promo-item-icon,
.blackBg .promo-columns .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon,
.promo-columns .blackBg .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon,
.blackBg
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon,
.promo-columns .blackBg .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon {
border: 2px solid #fff;
}
.blackBg .promo-column .promo-items-holder .promo-item .content .promo-item-icon:after,
.blackBg .promo-columns .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon:after,
.promo-columns .blackBg .column_2_3 .promo-items-holder .promo-item .content .promo-item-icon:after,
.blackBg
.promo-columns .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon:after,
.promo-columns .blackBg .column_1_3 .promo-items-holder .promo-item .content .promo-item-icon:after {
border-left: 7px solid #fff;
}
.blackBg .promo-social ul li a.facebook {
background: url(/Content/images/icon-facebook-white.svg);
background-size: 100% 100%;
}
.blackBg .promo-social ul li a.linkedin {
background: url(/Content/images/icon-linkedin-white.svg);
background-size: 100% 100%;
}
.blackBg .promo-social ul li a.twitter {
background: url(/Content/images/icon-twitter-white.svg);
background-size: 100% 100%;
}
/* columns */
.four-columns {
padding-top: 17px;
padding-bottom: 23px;
}
.four-columns .columns-container {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.four-columns .columns-container {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.four-columns .columns-container {
padding-right: 0;
padding-left: 0;
}
}
.four-columns .heading-holder {
margin-bottom: 9px;
}
.four-columns .column {
width: 25%;
}
@media (max-width: 767px) {
.four-columns .column {
width: 100%;
}
}
.three-columns {
padding-top: 20px;
padding-bottom: 20px;
}
.three-columns .columns-container {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.three-columns .columns-container {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.three-columns .columns-container {
padding-right: 0;
padding-left: 0;
}
}
.three-columns .column {
width: 33.33333333333333%;
}
@media (max-width: 767px) {
.three-columns .column {
width: 100%;
}
}
.three-columns .two-of-three-column {
float: left;
width: 66.66666666666666%;
}
@media (max-width: 767px) {
.three-columns .two-of-three-column {
width: 100%;
}
}
.three-columns .two-of-three-column .column {
width: 50%;
}
@media (max-width: 767px) {
.three-columns .two-of-three-column .column {
width: 100%;
}
}
.columns-footer-holder:after,
.heading-holder:after {
display: block;
content: "";
clear: both;
}
.columns-footer-holder .heading2,
.heading-holder .heading2 {
float: left;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 13px;
padding-top: 7px;
color: #e8112d;
}
@media (max-width: 1042px) {
.columns-footer-holder .heading2,
.heading-holder .heading2 {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.columns-footer-holder .heading2,
.heading-holder .heading2 {
float: none;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
.heading-holder .social-links,
.columns-footer-holder .social-links {
width: 75%;
float: right;
}
@media (max-width: 1042px) {
.heading-holder .social-links,
.columns-footer-holder .social-links {
width: 100%;
}
}
.heading-holder .social-links li,
.columns-footer-holder .social-links li {
padding-left: 10px;
padding-right: 11px;
float: left;
width: 33%;
}
@media (max-width: 1042px) {
.heading-holder .social-links li,
.columns-footer-holder .social-links li {
width: 50%;
padding-left: 7px;
padding-right: 8px;
}
}
@media (max-width: 767px) {
.heading-holder .social-links li,
.columns-footer-holder .social-links li {
width: 100%;
float: none;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
}
.heading-holder .social-links li a,
.columns-footer-holder .social-links li a {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 22px;
color: #e8112d;
}
.heading-holder .social-links li a .twitter,
.heading-holder .social-links li a .facebook,
.heading-holder .social-links li a .linkedin,
.columns-footer-holder .social-links li a .twitter,
.columns-footer-holder .social-links li a .facebook,
.columns-footer-holder .social-links li a .linkedin {
margin-left: 20px;
width: 25px;
height: 25px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.heading-holder .social-links li a .twitter.facebook,
.heading-holder .social-links li a .facebook.facebook,
.heading-holder .social-links li a .linkedin.facebook,
.columns-footer-holder .social-links li a .twitter.facebook,
.columns-footer-holder .social-links li a .facebook.facebook,
.columns-footer-holder .social-links li a .linkedin.facebook {
background: url(/Content/images/icon-facebook-red.svg);
background-size: 100% 100%;
}
.heading-holder .social-links li a .twitter.linkedin,
.heading-holder .social-links li a .facebook.linkedin,
.heading-holder .social-links li a .linkedin.linkedin,
.columns-footer-holder .social-links li a .twitter.linkedin,
.columns-footer-holder .social-links li a .facebook.linkedin,
.columns-footer-holder .social-links li a .linkedin.linkedin {
background: url(/Content/images/icon-linkedin-red.svg);
background-size: 100% 100%;
}
.heading-holder .social-links li a .twitter.twitter,
.heading-holder .social-links li a .facebook.twitter,
.heading-holder .social-links li a .linkedin.twitter,
.columns-footer-holder .social-links li a .twitter.twitter,
.columns-footer-holder .social-links li a .facebook.twitter,
.columns-footer-holder .social-links li a .linkedin.twitter {
background: url(/Content/images/icon-twitter-red.svg);
background-size: 100% 100%;
}
.columns-footer-holder {
padding-top: 10px;
}
.slider-btns {
float: right;
padding-top: 5px;
padding-bottom: 5px;
}
@media (max-width: 1042px) {
.slider-btns {
position: relative;
}
}
@media (max-width: 767px) {
.slider-btns {
text-align: center;
float: none;
width: 100%;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 5px;
}
}
.slider-btns .icon-btn {
float: left;
margin: 5px 3px;
}
@media (max-width: 1042px) {
.slider-btns .icon-btn:nth-child(1):nth-last-child(2),
.slider-btns .icon-btn:nth-child(2):nth-last-child(1) {
position: relative;
top: 0;
left: 0;
float: left;
margin: 5px 3px;
}
}
.slider-btns .icon-btn.jgallery-disabled {
opacity: 0.3;
cursor: default;
}
@media (max-width: 1042px) {
.slider-btns .icon-btn {
position: absolute;
top: 10px;
left: 3px;
margin: 0;
float: none;
}
}
@media (max-width: 1042px) {
.slider-btns .icon-next {
left: auto;
right: 3px;
}
}
.slider-btns .switcher {
display: none;
width: 100%;
text-align: center;
}
.slider-btns .switcher li {
display: inline-block;
vertical-align: top;
margin: 9px 3px;
}
.slider-btns .switcher li a {
text-indent: -9999px;
overflow: hidden;
width: 16px;
height: 16px;
background: #f2f2f2;
border-radius: 10px;
display: block;
}
.slider-btns .switcher li.jgallery-nav-current a {
border: 2px solid #e8112d;
}
@media (max-width: 1042px) {
.two-of-three-column .slider-btns {
text-align: center;
width: 100%;
}
}
.two-of-three-column .slider-btns .icon-btn.icon-next {
float: right;
}
@media (max-width: 1042px) {
.two-of-three-column .slider-btns .switcher {
display: inline-block;
vertical-align: top;
}
}
.columns-holder:after {
display: block;
clear: both;
content: "";
}
.column {
float: left;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.column {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.column {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.column {
float: none;
padding-bottom: 18px;
}
}
.column .heading2 {
padding-left: 0;
padding-right: 0;
}
.column .column-media {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 5px;
}
@media (max-width: 1042px) {
.column .column-media {
margin-left: -7px;
margin-right: -7px;
}
}
@media (max-width: 1042px) and (max-width: 767px) {
.column .column-media {
display: none;
}
}
.column .column-media img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 1042px) {
.column .column-content {
border-bottom: 1px solid #000;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.column .column-content {
border-top: 1px solid #000;
border-bottom: none;
margin-bottom: 0;
padding-top: 5px;
}
}
.column .column-content:nth-child(1) {
border-top: 1px solid #000;
}
.column .column-content .heading3 {
margin-bottom: 0;
padding-top: 8px;
}
.column .column-content .date {
display: block;
color: #7e7e7e;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 7px;
}
.column .column-content .column-headline {
padding-top: 13px;
margin-bottom: 8px;
}
.column .column-content .column-headline .heading3 {
padding-top: 0;
}
.column .column-content .column-headline .date {
margin-bottom: 0;
}
.column .column-content p {
margin-bottom: 0;
}
.column .btn-holder {
padding-top: 5px;
}
.column .btn-holder a {
margin: 0;
text-align: left;
}
@media (max-width: 1042px) {
.column .btn-holder a {
width: 100%;
}
}
.col-details {
padding-left: 10px;
padding-right: 11px;
}
@media (max-width: 1042px) {
.col-details {
padding-left: 7px;
padding-right: 8px;
}
}
@media (max-width: 767px) {
.col-details {
padding-left: 20px;
padding-right: 20px;
}
}
.col-details .btn-holder a {
margin: 0;
}
@media (max-width: 767px) {
.col-details .btn-holder a {
width: 100%;
}
}
.blackBg {
color: #fff;
}
@media (max-width: 1042px) {
.blackBg .column .column-content {
border-bottom: 1px solid #fff;
}
}
@media (max-width: 767px) {
.blackBg .column .column-content {
border-top: 1px solid #fff;
border-bottom: none;
}
}
.blackBg .column .column-content:nth-child(1) {
border-top: 1px solid #fff;
}
.blackBg .column .column-content .date {
color: #f2f2f2;
}
.social-columns .column-content {
padding-bottom: 5px;
}
@media (max-width: 1042px) {
.social-columns .column-content {
padding-bottom: 10px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.social-columns .column-content {
padding-bottom: 0;
}
}
.social-columns .column-content a {
text-transform: none;
}
#main > *:nth-child(2n) .switcher li a {
background: #fff;
}
.reverse .column {
float: right;
}
.reverse .slider-btns {
float: left;
}
.reverse .two-of-three-column .column {
float: left;
}
@media (max-width: 767px) {
.four-columns .column,
.three-columns .column {
display: none;
}
.four-columns .column:nth-child(1),
.four-columns .column:nth-child(2),
.four-columns .column:nth-child(3),
.three-columns .column:nth-child(1),
.three-columns .column:nth-child(2),
.three-columns .column:nth-child(3) {
display: block;
}
.four-columns .column:nth-child(4) {
display: block;
}
}
.contact {
width: 100%;
}
.contact .container {
max-width: 1044px;
margin: 0 auto;
padding: 20px 0;
}
@media (max-width: 1042px) {
.contact .container {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.contact .container {
padding-right: 0;
padding-left: 0;
}
}
.contact .description {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
margin-bottom: 25px;
}
.contact fieldset {
max-width: 762px;
padding-right: 11px;
padding-left: 10px;
margin-bottom: 10px;
}
@media (max-width: 1042px) {
.contact fieldset {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.contact fieldset {
padding-right: 20px;
padding-left: 20px;
}
}
.contact .row {
width: 100%;
font-size: 0;
}
.contact .row::after {
content: "";
display: table;
clear: both;
}
.contact .input-cell {
display: inline-block;
width: 100%;
margin-bottom: 16px;
vertical-align: top;
}
.contact .input-cell.half {
width: 50%;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.contact .input-cell.half {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.contact .input-cell.half {
padding-right: 20px;
padding-left: 20px;
}
}
.contact .input-cell.half:first-child {
padding-left: 0;
}
.contact .input-cell.half:nth-child(2) {
padding-right: 0;
}
@media (max-width: 767px) {
.contact .input-cell.half {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
/* contact */
.contacts-holder .contacts {
padding-top: 15px;
padding-bottom: 15px;
max-width: 1044px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 1042px) {
.contacts-holder .contacts {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts {
display: block;
}
}
.contacts-holder .contacts .contact-item {
padding-right: 11px;
padding-left: 10px;
width: 33.3%;
}
@media (max-width: 1042px) {
.contacts-holder .contacts .contact-item {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts .contact-item {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts .contact-item {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
}
.contacts-holder .contacts .contact-item .contact-title {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
color: #e8112d;
padding-bottom: 10px;
margin: 0;
min-height: 52px;
}
.contacts-holder .contacts .contact-item .contact-title:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.contacts-holder .contacts .contact-item .contact-title {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts .contact-item .contact-title {
min-height: 0;
}
}
.contacts-holder .contacts .contact-item .contact-sub-title {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.contacts-holder .contacts .contact-item .contact-sub-title.no-icon {
border-bottom: none;
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-icon {
width: 54px;
height: 54px;
border-radius: 30px;
overflow: hidden;
margin-right: 11px;
float: left;
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-icon img {
vertical-align: top;
width: 100%;
height: auto;
}
.contacts-holder .contacts .contact-item .contact-sub-title:after {
display: block;
clear: both;
content: "";
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-content {
overflow: hidden;
padding-top: 8px;
padding-bottom: 8px;
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-content h4.sub-title-heading {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
color: #e8112d;
margin: 0;
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-content h4.sub-title-heading:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-content h4.sub-title-heading {
font-size: 12px;
line-height: 13px;
margin-bottom: 13px;
}
}
.contacts-holder .contacts .contact-item .contact-sub-title .sub-title-content span.sub-title-text {
display: block;
font-weight: bold;
text-transform: uppercase;
}
.contacts-holder .contacts .contact-item .contact-list li {
margin-bottom: 3px;
padding: 10px;
width: 100%;
display: inline-block;
vertical-align: middle;
background: #f2f2f2;
}
.contacts-holder .contacts .contact-item .contact-list li .item-icon {
display: inline-block;
vertical-align: middle;
width: 54px;
padding: 10px;
height: 54px;
border-radius: 30px;
background: #fff;
}
.contacts-holder .contacts .contact-item .contact-list li .item-icon:before {
content: '';
display: inline-block;
width: 34px;
height: 34px;
}
.contacts-holder .contacts .contact-item .contact-list li .item-icon.tel:before {
background: url(/Content/images/content/icons-sections/List_Icons_G4S_Contact_Telephone.svg);
}
.contacts-holder .contacts .contact-item .contact-list li .item-icon.email:before {
background: url(/Content/images/content/icons-sections/List_Icons_G4S_Contact_Email.svg);
}
.contacts-holder .contacts .contact-item .contact-list li .item-text {
display: inline-block;
vertical-align: middle;
padding-left: 70px;
margin-left: -60px;
width: 100%;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
word-break: break-all;
}
.contacts-holder .contacts .contact-item .contact-list li .item-text a {
color: #000;
display: block;
position: relative;
margin: 0 0 0 -64px;
padding: 20px 0 20px 64px;
}
.contacts-holder .contacts.one-only .contact-item {
width: 100%;
}
.contacts-holder .contacts.one-only .contact-item .contact-title {
min-height: 0;
}
.contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
width: 33.3%;
float: left;
padding-right: 11px;
padding-left: 10px;
padding-left: 0;
}
@media (max-width: 1042px) {
.contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
float: none;
width: 100%;
padding-right: 0;
}
}
.contacts-holder .contacts.one-only .contact-item .description {
border-top: 1px solid #ccc;
display: block;
font-weight: bold;
text-transform: uppercase;
padding: 5px 66.6% 15px 0;
}
.contacts-holder .contacts.one-only .contact-item .contact-list {
width: 33.3%;
float: left;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.contacts-holder .contacts.one-only .contact-item .contact-list {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.contacts-holder .contacts.one-only .contact-item .contact-list {
padding-right: 20px;
padding-left: 20px;
}
}
.contacts-holder .contacts.one-only .contact-item .contact-list:last-child {
padding-right: 0;
}
@media (max-width: 1042px) {
.contacts-holder .contacts.one-only .contact-item .contact-list {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.page-editor .contacts .contact-item .contact-list .item-text a {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}
#main > *:nth-child(2n) .contact-list li {
background: #fff;
}
#main > *:nth-child(2n) .contact-list li .item-icon {
background: #f2f2f2;
}
/* country-selector */
#country-nav {
float: right;
position: relative;
}
@media (max-width: 1042px) {
#country-nav {
margin-right: 0;
position: static;
padding: 0;
}
}
#country-nav .opener {
display: block;
padding: 19px 37px 19px 30px;
color: #fff;
background-color: #e8112d;
text-transform: uppercase;
position: relative;
text-align: center;
}
@media (max-width: 1042px) {
#country-nav .opener {
text-indent: -9999px;
width: 57px;
height: 57px;
background-image: url(/Content/images/map-icon.png);
}
}
#country-nav .opener::before,
#country-nav .opener::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
}
@media (max-width: 1042px) {
#country-nav .opener::before,
#country-nav .opener::after {
display: none;
}
}
#country-nav .opener::before {
margin-top: -2px;
opacity: 0.5;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-top: 6px solid #000;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
#country-nav .opener::after {
margin-top: -3px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
#country-nav .dropdown {
position: absolute;
top: -9999px;
right: 0;
z-index: 9999;
color: #fff;
width: 1044px;
}
@media (max-width: 1042px) {
#country-nav .dropdown {
position: static;
width: 100%;
display: none;
}
}
#country-nav .slideHolder {
width: 1044px;
}
#country-nav .slideHolder .dropdown {
position: static;
display: block;
}
@media (min-width: 1043px) {
#country-nav .slideHolder .dropdown {
margin-left: 0 !important;
}
}
@media (max-width: 1042px) {
#country-nav .slideHolder {
width: 100%;
}
}
#country-nav.active .dropdown {
top: 100%;
right: 0;
}
#country-nav .wrapper-centered {
max-width: 1044px;
background: #9f0b1e;
display: table;
width: 100%;
}
#country-nav .wrapper-centered::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1042px) {
#country-nav .wrapper-centered {
padding: 18px 20px;
background: #e8112d;
}
}
#country-nav .global-links {
display: table-cell;
width: 25%;
line-height: 24px;
padding-right: 10px;
}
@media (max-width: 1042px) {
#country-nav .global-links {
width: 50%;
}
}
#country-nav .global-links strong {
display: block;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
text-transform: uppercase;
text-align: center;
padding: 14px 13px;
border-bottom: 1px solid #600;
}
@media (max-width: 1042px) {
#country-nav .global-links strong {
padding-left: 0;
padding-right: 0;
text-align: left;
}
}
#country-nav .global-links li {
padding: 10px 13px;
border-bottom: 1px solid #600;
font-weight: bold;
}
#country-nav .global-links li a:hover {
text-decoration: underline;
}
@media (max-width: 1042px) {
#country-nav .global-links li {
padding: 0;
border-bottom-color: #000;
}
#country-nav .global-links li a {
display: block;
padding: 14px 0;
}
}
#country-nav .country-selector {
width: 75%;
display: table-cell;
border-left: 10px solid #9f0b1e;
background: #e8112d;
}
@media (max-width: 1042px) {
#country-nav .country-selector {
width: 50%;
border-left-color: #e8112d;
}
}
#country-nav .country-selector .tabs {
text-transform: uppercase;
position: relative;
line-height: 24px;
display: table;
width: 100%;
background: #9f0b1e;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs {
display: block;
background: none;
}
}
#country-nav .country-selector .tabs > li {
display: table-cell;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs > li {
display: block;
width: 100%;
}
}
#country-nav .country-selector .tabs > li .jaccordion-item-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 100%;
overflow: hidden;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs > li .jaccordion-item-wrapper {
position: relative;
left: auto;
top: auto;
}
}
#country-nav .country-selector .tabs > li .block {
background: #e8112d;
width: 100%;
padding-left: 12px;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs > li .block {
padding-left: 0;
}
}
#country-nav .country-selector .tabs > li .block .holder {
padding: 8px 0 17px;
}
#country-nav .country-selector .tabs > li .block .holder::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs > li .block .holder {
border-bottom: 1px solid #000;
}
}
#country-nav .country-selector .tabs > li > a {
display: block;
padding: 14px 13px;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
text-align: center;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #900;
margin: 0 -1px 0 0;
}
@media (max-width: 1042px) {
#country-nav .country-selector .tabs > li > a {
margin: 0;
border-left-style: none;
border-right-style: none;
border-bottom-color: #000 !important;
padding-left: 0;
padding-right: 0;
text-align: left;
}
}
#country-nav .country-selector .tabs > li > a.jaccordion-active {
background: #e8112d;
border-bottom-color: #e8112d;
border-left-color: #900;
border-right-color: #900;
position: relative;
}
#country-nav .country-selector .tabs > li:first-child a {
border-left-style: none;
}
#country-nav .country-selector .tabs > li:last-child a {
border-right-style: none;
margin-right: 0;
}
#country-nav .country-list {
padding: 0 50px 0 7px;
width: 50%;
float: left;
}
@media (max-width: 1042px) {
#country-nav .country-list {
float: none;
width: 100%;
padding: 0 10px;
}
}
#country-nav .country-list li {
padding: 2px 0;
border-bottom: 1px solid #c03;
font-weight: bold;
}
#country-nav .country-list a:hover {
text-decoration: underline;
}
#country-nav .country-list span {
color: #600;
padding-left: 5px;
}
@media (max-width: 1042px) {
#country-nav .country-list span {
display: none;
}
}
#country-nav .country-list span a {
color: #600;
text-decoration: underline;
}
#country-nav .country-list span a:hover {
text-decoration: none;
}
#country-nav a {
color: #fff;
text-decoration: none;
}
#country-nav .slideHolder {
right: 0;
}
/* flowplayer */
.details-item .media-item .is-active .is-splash.flowplayer .fp-ui {
background-size: 11%;
}
.is-splash.flowplayer .fp-ui,
.is-paused.flowplayer .fp-ui {
background-image: url(/Content/images/icon-play-red.svg) !important;
}
.flowplayer .fp-progress,
.flowplayer .fp-volumelevel {
background-color: #e8112d !important;
}
.media-item .is-splash.flowplayer .fp-ui {
background-size: 33%;
}
@media (max-width: 767px) {
.media-item .is-splash.flowplayer .fp-ui {
background-size: 11%;
}
}
/* an overlayed element */
.overlay {
width: 100%;
display: inline-block;
background: #fff;
cursor: pointer;
border-radius: 3px;
}
.overlay .close,
.overlay.is-fullscreen .close {
display: none;
position: absolute;
top: 0;
right: -4em;
margin: 3px;
color: #eee !important;
font-weight: bold;
cursor: pointer;
}
.overlay .is-splash .fp-ui {
background-size: 25%;
}
.overlay.is-active {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.8);
background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.5) 1%, rgba(0, 0, 0, 0.8) 100%);
background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.5) 1%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.5) 1%, rgba(0, 0, 0, 0.8) 100%);
cursor: default;
}
.overlay.is-active .flowplayer {
position: absolute;
top: 10%;
bottom: 10%;
width: auto;
left: 10%;
right: 10%;
background: none !important;
background-color: #111 !important;
box-shadow: 0 0 30px #000;
}
.overlay.is-active .close {
display: block;
position: fixed;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.is-overlayed {
overflow: hidden;
}
.is-ready {
background-image: none !important;
background-color: #333;
}
/* footer */
#footer {
padding: 24px 0 30px;
background: #f2f2f2;
font-family: "Arial Black", Gadget, sans-serif;
margin: 0 auto;
max-width: 1200px;
}
.footer-columns {
max-width: 1044px;
margin: 0 auto 35px;
overflow: hidden;
}
.footer-columns .footer-column {
width: 25%;
float: left;
padding: 0 10px;
}
.footer-columns .footer-column h2 {
text-transform: uppercase;
font-size: 18px;
line-height: 23px;
font-weight: 900;
margin: 0 0 13px;
}
.footer-columns .footer-column h4 {
font-size: 12px;
text-transform: uppercase;
line-height: 15px;
font-weight: 900;
margin: 0;
}
.footer-columns .footer-column img,
.footer-columns .footer-column .column-image {
margin: 0 0 9px;
}
.footer-columns .footer-column img a,
.footer-columns .footer-column .column-image a {
display: block;
}
.footer-columns .footer-column img img,
.footer-columns .footer-column .column-image img {
display: block;
width: 100%;
height: auto;
}
.footer-columns .footer-column .column-info a {
color: #000;
}
.footer-columns .footer-column .more {
font-weight: 900;
}
.footer-columns .footer-column .col {
border-top: 1px solid #ccc;
font-weight: 900;
}
.footer-columns .footer-column .col.downloads .play {
position: absolute;
right: 0;
top: 50%;
margin-top: -13px;
text-indent: -9999px;
overflow: hidden;
width: 25px;
height: 25px;
border-radius: 12.5px;
border: 2px solid #000;
}
.footer-columns .footer-column .col.downloads .play::after {
position: absolute;
left: 8px;
top: 6px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-left: 9px solid #000;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.footer-columns .footer-column .col li {
border-bottom: 1px solid #ccc;
}
.footer-columns .footer-column .col li a {
display: block;
position: relative;
padding: 10px 25px 10px 0;
overflow: hidden;
width: 100%;
}
.footer-columns .footer-column .col li a > span {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.footer-columns .footer-column .col-text {
font: 14px Arial, Helvetica, sans-serif;
padding: 17px 0 0;
line-height: 17px;
}
.footer-columns .footer-column .col-text h4 {
margin: 0 0 10px;
}
.footer-columns .footer-column .col-text p {
margin: 0 0 15px;
}
.footer-columns .footer-social {
overflow: hidden;
padding: 13px 0 0 0;
font: 12px Arial, Helvetica, sans-serif;
line-height: 15px;
}
.footer-columns .footer-social span {
float: left;
line-height: 22px;
font-weight: bold;
}
.footer-columns .footer-social ul {
float: right;
}
.footer-columns .footer-social ul li {
float: left;
width: 25px;
height: 25px;
margin-left: 12px;
}
.footer-columns .footer-social ul li a {
display: block;
text-indent: -9999px;
overflow: hidden;
height: 100%;
}
.footer-columns .footer-social .facebook {
background: url(/Content/images/icon-facebook-black.png);
background-size: 100% 100%;
}
.footer-columns .footer-social .linkedin {
background: url(/Content/images/icon-linkedin-black.png);
background-size: 100% 100%;
}
.footer-columns .footer-social .twitter {
background: url(/Content/images/icon-twitter-black.png);
background-size: 100% 100%;
}
.footer-columns .footer-social .instagram {
background: url(/Content/images/icon-instagram-black.png);
background-size: 100% 100%;
}
.footer-columns .footer-social .youtube {
background: url(/Content/images/icon-youtube-black.png);
background-size: 100% 100%;
}
.logo-section {
max-width: 1044px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: right;
}
@media (max-width: 1042px) {
.logo-section {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.logo-section {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.logo-section {
padding-left: 20px;
padding-right: 20px;
}
}
.footer-menu {
max-width: 1024px;
margin: 0 auto;
}
.footer-menu-title {
display: none;
}
.footer-menu ul {
overflow: hidden;
font: 12px "Arial Black", Gadget, sans-serif;
}
.footer-menu ul li {
float: left;
margin: 0 0 0 25px;
}
.footer-menu ul li a {
color: #000;
font-weight: 900;
text-transform: uppercase;
}
.footer-menu ul li:first-child {
margin: 0;
}
.copyright {
max-width: 1024px;
margin: 10px auto 0;
text-align: right;
margin-left: 88px;
font: 14px Arial, Helvetica, sans-serif;
}
a {
text-transform: uppercase;
}
@media (max-width: 1042px) {
.footer-columns {
padding: 0 30px;
}
.footer-columns .footer-column:first-child {
display: none;
}
.footer-columns .footer-column {
width: 33.3%;
padding: 0 7px;
}
.footer-menu {
padding: 0 37px;
}
.footer-menu ul li {
margin: 0 0 0 11px;
}
a {
text-decoration: underline;
}
.copyright {
padding: 0 30px;
margin-left: 0;
padding-left: 37px;
}
}
@media (max-width: 767px) {
#footer {
padding: 7px 0 78px;
position: relative;
}
#footer .play {
position: absolute;
right: 0;
top: 50%;
margin-top: -11px;
text-indent: -9999px;
overflow: hidden;
width: 22px;
height: 22px;
border-radius: 11px;
border: 2px solid #000;
}
#footer .play::after {
position: absolute;
left: 6px;
top: 4px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-left: 9px solid #000;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.footer-columns {
padding: 0 20px;
margin: 0 auto 4px;
}
.footer-columns .footer-column {
float: none;
width: 100%;
padding: 0;
margin: 0 0 11px;
line-height: 22px;
}
.footer-columns .footer-column h2 {
font-size: 12px;
margin: 0 0 11px;
}
.footer-columns .footer-column .col li a {
padding-top: 14px;
padding-bottom: 13px;
}
.footer-columns .footer-column:last-child h2 {
margin: 0 0 8px;
}
.footer-columns .footer-column:last-child .col {
border-top: none;
}
.footer-columns .footer-column:last-child .col li:last-child {
border-bottom: none;
}
.footer-columns .footer-column:last-child .col-text {
padding: 0;
font-size: 12px;
width: 70%;
}
.footer-columns .footer-column:last-child .col-text h4 {
margin: 0;
}
.footer-columns .footer-column:last-child .col-text p {
margin: 0;
}
.footer-columns .footer-column:last-child .col .more {
text-transform: uppercase;
text-decoration: none;
padding: 0;
color: #fff;
background: #e8112d;
line-height: 44px;
border-radius: 3px;
text-align: center;
width: 100%;
height: 44px;
display: block;
}
.footer-columns .footer-social {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
padding: 18px 20px 0;
}
.footer-menu {
padding: 0 20px;
}
.footer-menu-title {
display: block;
font-size: 12px;
text-transform: uppercase;
line-height: 15px;
font-weight: 900;
margin: 0 0 15px;
}
.footer-menu ul {
border-top: 1px solid #ccc;
line-height: 22px;
}
.footer-menu ul li {
float: none;
margin: 0;
border-bottom: 1px solid #ccc;
}
.footer-menu ul li a {
color: #e8112d;
padding: 14px 0 13px;
display: block;
position: relative;
width: 100%;
text-decoration: underline;
}
.footer-menu ul li a .text {
display: table-cell;
vertical-align: middle;
}
.copyright {
padding: 0 20px;
margin-left: 0;
text-align: left;
width: 40%;
}
}
.footer-copyright {
padding: 10px 0;
display: flex;
}
.footer-copyright .footer-social {
display: inline;
margin-right: 88px;
}
@media (max-width: 767px) {
.footer-copyright .footer-social {
margin-right: 0;
display: block;
padding-right: 20px;
}
}
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*!
* jQuery UI Accordion 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/accordion/#theming
*/
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
/*!
* jQuery UI Autocomplete 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/autocomplete/#theming
*/
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/*!
* jQuery UI Button 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/button/#theming
*/
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/*!
* jQuery UI Checkboxradio 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/checkboxradio/#theming
*/
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
/*!
* jQuery UI Controlgroup 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/controlgroup/#theming
*/
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
/*!
* jQuery UI Datepicker 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
/*!
* jQuery UI Dialog 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/dialog/#theming
*/
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*!
* jQuery UI Draggable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
/*!
* jQuery UI Menu 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/menu/#theming
*/
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
/*!
* jQuery UI Progressbar 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/progressbar/#theming
*/
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
/*!
* jQuery UI Resizable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*!
* jQuery UI Selectable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*!
* jQuery UI Selectmenu 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/selectmenu/#theming
*/
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
/*!
* jQuery UI Sortable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
/*!
* jQuery UI Slider 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/slider/#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*!
* jQuery UI Spinner 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/spinner/#theming
*/
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/*!
* jQuery UI Tabs 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/tabs/#theming
*/
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
/*!
* jQuery UI Tooltip 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/tooltip/#theming
*/
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
border: 1px solid #dddddd/*{borderColorContent}*/;
background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
color: #333333/*{fcContent}*/;
}
.ui-widget-header {
border: 1px solid #dddddd/*{borderColorHeader}*/;
background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
color: #333333/*{fcHeader}*/;
font-weight: bold;
}
.ui-widget-header a {
color: #333333/*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545/*{fcDefault}*/;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc/*{borderColorHover}*/;
background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b/*{fcHover}*/;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff/*{borderColorActive}*/;
background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff/*{borderColorActive}*/;
background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff/*{fcActive}*/;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e/*{borderColorHighlight}*/;
background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
border: 1px solid #dad55e/*{borderColorHighlight}*/;
background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899/*{borderColorError}*/;
background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_444444_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_444444_256x240.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_555555_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_ffffff_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_777620_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_cc0000_256x240.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
background-image: url(/Content/_/node_modules/jquery-ui/themes/base/images/ui-icons_777777_256x240.png)/*{iconsDefault}*/;
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px/*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
opacity: .3/*{opacityOverlay}*/;
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
.popup-content {
display: none;
}
.ui-dialog {
max-width: 800px !important;
width: auto !important;
padding: 0 !important;
}
.ui-dialog .popup-content {
display: block;
}
.ui-dialog-titlebar {
font-size: 32px;
line-height: 1.2;
padding-top: 10px !important;
padding-bottom: 5px !important;
padding-left: 10px !important;
padding-right: 10px !important;
text-transform: uppercase;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background: transparent;
border: none;
}
.ui-dialog-title {
margin: 0;
font-weight: normal !important;
}
.ui-dialog-titlebar-close {
display: none;
}
.ui-dialog-content {
padding: 0 10px 15px !important;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height: 1.5;
}
.btn-list li {
display: inline-block;
margin-bottom: 10px;
padding-left: 20px;
}
.btn-list li:first-child {
padding-left: 0;
}
@media (max-width: 1042px) {
.btn-list li {
display: block;
padding-left: 0;
}
}
.btn-list li a {
box-sizing: border-box;
}
.btn-popup {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
color: #fff !important;
font-size: 14px;
line-height: 1.4;
text-decoration: none !important;
display: inline-block;
margin: 0;
text-decoration: none;
padding: 8px 15px 5px;
background: #e8112d;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5) inset;
}
@media (max-width: 1042px) {
.btn-popup {
display: block;
}
}
.ui-dialog-content label {
line-height: 18px !important;
}
.ui-dialog-content label input[type=checkbox] {
height: 18px !important;
width: 18px !important;
margin-right: 5px;
}
/* header */
#header {
overflow: hidden;
padding-top: 19px;
padding-bottom: 16px;
position: relative;
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
#header {
padding: 0;
height: 0;
overflow: visible;
text-align: center;
}
}
#header .logo {
float: left;
margin: 0 58px 0 12px;
text-decoration: none;
}
#header .logo img {
vertical-align: middle;
}
@media (max-width: 1042px) {
#header .logo {
float: none;
display: inline-block;
margin: 13px auto 0;
height: 37px;
position: relative;
z-index: 999;
}
#header .logo img {
height: 100%;
width: auto;
}
}
#header .country-name {
display: inline-block;
vertical-align: middle;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 24px;
line-height: 1;
color: #000;
margin-left: 20px;
}
@media (max-width: 1042px) {
#header .country-name {
font-size: 28px;
}
}
@media (max-width: 767px) {
#header .country-name {
display: none;
}
}
#header .innerWrapper {
display: flex;
flex-wrap: nowrap;
align-items: center;
float: left;
}
@media (max-width: 767px) {
#header .innerWrapper {
float: none;
display: inherit;
}
}
@media (max-width: 1042px) {
#header .innerWrapper {
float: none;
display: inherit;
}
}
#header .search-form,
.nav-holder .search-form {
float: right;
width: 220px;
margin: 13px 9px 0 0;
}
#header .search-form#search-form-mobile,
.nav-holder .search-form#search-form-mobile {
float: none;
display: none;
width: 100%;
padding-right: 40px;
}
#header .search-form#search-form-mobile::after,
.nav-holder .search-form#search-form-mobile::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1042px) {
#header .search-form#search-form,
.nav-holder .search-form#search-form {
display: none;
}
#header .search-form#search-form-mobile,
.nav-holder .search-form#search-form-mobile {
display: block;
}
}
#header .search-form input[type="search"],
.nav-holder .search-form input[type="search"] {
float: left;
padding: 4px 23px;
width: 180px;
height: 24px;
border-bottom: 1px #ccc solid;
border-right: 1px #ccc solid;
color: #999;
text-transform: uppercase;
}
#header .search-form#search-form-mobile input[type="search"],
.nav-holder .search-form#search-form-mobile input[type="search"] {
width: 100%;
height: 33px;
padding: 14px 10px;
border-style: none;
}
#header .search-form input[type="submit"],
.nav-holder .search-form input[type="submit"] {
float: left;
width: 40px;
height: 24px;
border-bottom: 1px #ccc solid;
text-indent: -9999px;
background: url(/Content/images/search-icon-2.svg) no-repeat 50% 50%;
background-size: 18px 18px;
border-radius: 0;
}
#header .search-form#search-form-mobile input[type="submit"],
.nav-holder .search-form#search-form-mobile input[type="submit"] {
position: absolute;
background: #e8112d url(/Content/images/search-icon-2-mob.svg) no-repeat 50% 50%;
background-size: 12px 12px;
height: 33px;
border-style: none;
}
.share-activity {
width: 522px;
margin: 0 auto;
overflow: hidden;
list-style: none;
padding: 0;
}
@media (max-width: 1042px) {
.share-activity {
display: none;
}
}
.share-activity .activity {
float: left;
width: 50%;
padding: 0 58px 0 49px;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.share-activity .activity:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 40px;
height: 40px;
background: url(/Content/images/icon-activity.svg) no-repeat;
}
.share-activity .activity li {
display: block;
padding-top: 1px;
border-bottom: 1px solid #ccc;
}
.share-activity .activity strong {
color: #e8112d;
}
.nav-holder {
background: #000;
position: relative;
z-index: 998;
}
.nav-holder::after {
content: "";
display: table;
clear: both;
}
.nav-holder .btn-menu {
display: none;
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 57px;
background-color: #fff;
text-indent: -9999px;
overflow: hidden;
border-width: 20px 20px 22px;
border-style: solid;
border-color: #000;
}
@media (max-width: 1042px) {
.nav-holder .btn-menu {
display: block;
}
}
.nav-holder .btn-menu::before,
.nav-holder .btn-menu::after {
content: "";
width: 100%;
float: left;
margin-top: 3px;
height: 3px;
background-color: #000;
}
.nav-holder .btn-menu.openedButton {
border: none;
}
.nav-holder .btn-menu.openedButton::after {
content: "";
width: 100%;
height: 100%;
margin-top: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjx0aXRsZT54PC90aXRsZT48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzAgMjQuMzk4bC04LjQwNi04LjM5OCA4LjQwNi04LjM5OC01LjYwMi01LjYwMi04LjM5OCA4LjQwMi04LjQwMi04LjQwMi01LjU5OCA1LjYwMiA4LjM5OCA4LjM5OC04LjM5OCA4LjM5OCA1LjU5OCA1LjYwMiA4LjQwMi04LjQwMiA4LjM5OCA4LjQwMnoiPjwvcGF0aD48L3N2Zz4=");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
background-color: black;
}
.nav-holder .btn-menu.openedButton::before {
display: none;
}
@media (max-width: 1042px) {
.nav-holder {
background: none;
}
}
.choose-lang {
list-style: none;
position: absolute;
top: 9px;
right: 0;
}
@media (max-width: 1042px) {
.choose-lang {
right: 57px;
z-index: 999;
}
}
.choose-lang li {
float: left;
margin: 0 10px;
font: 900 11px/14px "Arial Black", Gadget, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #000;
}
@media (max-width: 1042px) {
.choose-lang li {
float: none;
}
}
@media (min-width: 1043px) {
#navigation {
float: left;
}
#navigation > ul {
list-style: none;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}
#navigation > ul > li {
float: left;
}
#navigation > ul > li > a {
display: block;
padding: 20px 8px 18px;
cursor: default;
color: #fff;
position: relative;
z-index: 100;
}
#navigation > ul > li > a:hover {
background-color: #e8112d;
text-decoration: none;
}
#navigation > ul > li.has-drop > a::before,
#navigation > ul > li.has-drop > a::after {
display: none;
content: "";
position: absolute;
top: 100%;
left: 50%;
}
#navigation > ul > li.has-drop > a::before {
margin-left: -7px;
}
#navigation > ul > li.has-drop > a::after {
margin-left: -6px;
}
#navigation > ul > li.has-drop > a:hover {
background-color: #e8112d;
text-decoration: none;
}
#navigation > ul > li.active > a,
#navigation > ul > li.opened > a {
background-color: #e8112d;
}
#navigation > ul > li.active > a::before,
#navigation > ul > li.active > a::after,
#navigation > ul > li.opened > a::before,
#navigation > ul > li.opened > a::after {
display: block;
}
#navigation > ul > li.active > a {
background-color: #e8112d;
}
#navigation > ul > li .drop {
width: 100%;
}
#navigation > ul > li .drop::after {
content: "";
display: table;
clear: both;
}
#navigation > ul > li .drop::before {
clear: both;
display: table;
content: "";
}
#navigation .drop {
position: absolute;
top: -9999px;
left: -9999px;
}
#navigation .drop .title {
float: left;
width: 128px;
padding-left: 10px;
line-height: 20px;
color: #7e7e7e;
}
#navigation .drop ul.subnav-lvl1 {
list-style: none;
margin: 8px 250px 14px 128px;
padding: 0;
line-height: 20px;
}
#navigation .drop ul.subnav-lvl1::after {
content: "";
display: table;
clear: both;
}
#navigation .drop ul.subnav-lvl1 > li {
float: left;
margin-right: 15px;
}
#navigation .drop ul.subnav-lvl1 > li > a {
display: block;
color: #fff;
position: relative;
}
#navigation .drop ul.subnav-lvl1 > li > a::before,
#navigation .drop ul.subnav-lvl1 > li > a::after {
display: none;
content: "";
position: absolute;
top: 100%;
left: 50%;
}
#navigation .drop ul.subnav-lvl1 > li > a::before {
margin-left: -7px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-top: 7px solid #000;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
#navigation .drop ul.subnav-lvl1 > li > a::after {
margin-left: -6px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-top: 6px solid #333;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
#navigation .drop ul.subnav-lvl1 > li > a:hover {
color: #e8112d;
text-decoration: none;
}
#navigation .drop ul.subnav-lvl1 > li.active > a {
color: #e8112d;
}
#navigation .drop ul.subnav-lvl1 > li.opened > a {
z-index: 100;
color: #e8112d;
}
#navigation .drop ul.subnav-lvl1 > li.opened > a::before,
#navigation .drop ul.subnav-lvl1 > li.opened > a::after {
display: block;
}
#navigation .drop .drop {
text-align: center;
border-top: 1px solid #000;
border-bottom: none;
}
#navigation .drop .drop::after {
content: "";
display: table;
clear: both;
}
#navigation .drop .wrapper-centered {
height: 100%;
}
#navigation .drop .wrapper-centered::after {
content: "";
display: table;
clear: both;
}
#navigation .drop ul.subnav-lvl2 {
list-style: none;
margin: 0;
padding: 5px 0;
line-height: 20px;
float: left;
}
#navigation .drop ul.subnav-lvl2 > li {
float: left;
margin-right: 15px;
}
#navigation .drop ul.subnav-lvl2 > li > a {
color: #7e7e7e;
}
#navigation .drop ul.subnav-lvl2 > li > a:hover {
color: #e8112d;
text-decoration: none;
}
#navigation .drop ul.subnav-lvl2 > li.active > a {
color: #e8112d;
}
#navigation .drop ul.subnav-lvl2 > li.opened a {
color: #e8112d;
}
#navigation .navigation-ready .drop {
position: static;
top: auto;
left: auto;
}
#navigation .opener {
float: right;
color: #7e7e7e;
line-height: 20px;
margin-right: 15px;
cursor: pointer;
font-weight: 900;
display: none;
}
#navigation .opener:after {
content: "";
display: inline-block;
vertical-align: top;
margin: 7px 0 0 5px;
transition: all linear 0.2s;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-top: 6px solid #7e7e7e;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
#navigation .opener span.more {
display: inline-block;
}
#navigation .opener span.less {
display: none;
}
#navigation .opener.active span.more {
display: none;
}
#navigation .opener.active span.less {
display: inline-block;
}
#navigation .opener.active:after {
border-width: 0;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-bottom: 6px solid #7e7e7e;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
}
.slideHolder {
position: absolute !important;
top: 100%;
width: 100%;
}
@media (max-width: 1042px) {
.slideHolder {
height: 100vh;
}
}
@media (max-width: 1042px) {
#navigation {
width: 100%;
padding: 18px 20px;
background: #000;
text-transform: uppercase;
display: none;
}
#navigation ul {
padding-top: 15px;
}
#navigation li {
border-bottom: 1px solid #fff;
}
#navigation li:last-child {
border-bottom: none;
}
#navigation li a {
color: #fff;
display: block;
padding: 18px 1px;
text-decoration: none;
position: relative;
}
#navigation li .drop a {
padding-left: 18px;
padding-right: 18px;
}
#navigation .has-drop a::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: 10px;
top: calc(50% - 5px);
}
#navigation .subnav-lvl1 {
background-color: #333;
}
#navigation .subnav-lvl2 {
background-color: #484848;
}
#navigation .title {
display: none;
}
#navigation .opener {
display: none;
}
.sliderHolfrt #navigation {
display: block;
}
}
@media (max-width: 767px) {
#navigation {
position: relative;
height: 100%;
}
}
.heroComponent {
margin: 0 auto;
background-color: #000000 !important;
max-width: 1024px;
width: 100%;
height: 440px;
}
.heroComponent a {
text-decoration: none;
}
.heroComponent-link {
width: 100%;
text-decoration: none;
}
.heroComponent-link-wrapper {
max-width: 1024px;
width: 100%;
display: flex;
}
@media (max-width: 767px) {
.heroComponent-link-wrapper {
width: 100%;
flex-direction: column;
padding: 0;
height: auto;
}
}
.heroComponent-image {
max-width: 780px;
width: 100%;
height: auto;
max-height: 440px;
}
.heroComponent-image img {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.heroComponent-image {
width: 100%;
height: auto;
}
}
.heroComponent-text {
background-color: #000000;
max-width: 230px;
margin-left: auto;
display: flex;
}
.heroComponent-text-header {
font-size: 28px;
text-transform: uppercase;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
margin: auto 0;
}
@media (max-width: 767px) {
.heroComponent-text {
width: 100%;
padding: 5% 20px;
max-width: 100%;
}
}
@media (max-width: 1042px) {
.heroComponent {
padding-right: 38px;
width: 100%;
height: auto;
}
}
@media (max-width: 767px) {
.heroComponent {
padding: 0;
}
}
.topRed {
color: #e8112d;
}
.bottomWhite {
color: #ffffff;
}
.wrapperBreadcrumbsSocial {
background: none !important;
display: flex;
margin: 0 auto;
max-width: 1024px;
width: 100%;
padding: 10px 0;
}
.wrapperBreadcrumbsSocial .holder-breadcrumbs .breadcrumbs {
padding-left: 0;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social {
margin-left: auto;
}
@media (max-width: 1042px) {
.wrapperBreadcrumbsSocial {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social {
margin-left: 0;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social .article-social {
padding-left: 0;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social .article-social .wrapper-centered ul li:first-child {
margin-left: 0;
}
}
@media (max-width: 767px) {
.wrapperBreadcrumbsSocial {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social {
margin-left: 0;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social .article-social {
padding-left: 0;
}
.wrapperBreadcrumbsSocial .article-boilerplate.footer-social .article-social .wrapper-centered ul li:first-child {
margin-left: 0;
}
}
/* hero */
.hero.err404 {
border-bottom: 44px solid #e8112d;
}
.hero-visual {
overflow: hidden;
background: #000;
position: relative;
}
.hero-visual .g4s-flowplayer:not(.is-splash) {
z-index: 1;
}
.hero-visual .visual {
width: 1044px;
margin: 0 auto;
}
.hero-visual .visual .visual-container {
margin: 0 -78px;
text-align: center;
}
@media (min-width: 1043px) {
.hero-visual .visual .visual-container {
min-height: 100px;
}
}
@media (max-width: 1042px) {
.hero-visual .visual .visual-container {
margin: 0;
}
}
@media (max-width: 767px) {
.hero-visual .visual .visual-container {
margin: 0;
}
}
.hero-visual .visual .visual-container img {
display: block;
width: 100%;
height: auto;
}
.hero-visual .visual .visual-container .scEmptyImage {
width: 50%;
margin: 0 auto;
}
.hero-visual .visual .visual-container .videofield-title {
font-size: 20px;
position: absolute;
z-index: 10;
top: 0;
background: #000;
right: 0;
}
@media (max-width: 1042px) {
.hero-visual .visual {
width: 100%;
}
}
@media (max-width: 767px) {
.hero-visual .visual {
width: 100%;
}
}
.hero-visual .visual-title {
height: 0;
position: relative;
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.hero-visual .visual-title {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.hero-visual .visual-title {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.hero-visual .visual-title {
padding-right: 38px;
padding-left: 37px;
}
}
@media (max-width: 767px) {
.hero-visual .visual-title {
padding-right: 20px;
padding-left: 20px;
}
}
.hero-visual .visual-title h1 {
position: absolute;
bottom: 0;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 55px;
line-height: 57px;
text-transform: uppercase;
display: block;
background: #000;
color: #fff;
display: inline-block;
padding: 10px 20px;
margin: 0 0 0 -20px;
}
.hero-visual .visual-title h1:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.hero-visual .visual-title h1 {
font-size: 35px;
line-height: 37px;
}
}
@media (max-width: 767px) {
.hero-visual .visual-title h1 {
padding: 22px 20px;
}
}
.hero-visual .holder-hero-box {
margin: 0 auto;
max-width: 1044px;
}
.hero-visual .holder-hero-box .hero-box-layout {
position: absolute;
top: 30px;
width: 1044px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box {
float: right;
background: #000;
color: #fff;
width: 33.3%;
}
@media (max-width: 1042px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box {
/*width: 41.6%;*/
width: 100%;
}
}
@media (max-width: 767px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box {
width: 100%;
float: none;
}
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content {
padding: 20px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box {
background: #e8112d;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span {
color: #000 !important;
}
@media (max-width: 1042px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span {
color: #e8112d !important;
background: #fff !important;
}
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-title {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 26px;
line-height: 33px;
text-transform: uppercase;
margin: 0 0 12px;
display: block;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box span.box-title {
font-size: 30px;
line-height: 38px;
margin: 0 0 8px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .date {
display: block;
color: #999;
margin: 0 0 10px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box p,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-sub-title {
margin: 0 0 10px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form {
width: 100%;
margin: 0;
overflow: hidden;
margin: 0;
}
@media (max-width: 1042px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form {
margin: 0 0 10px;
}
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .form-item,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .text-item {
margin: 0 0 10px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .text-item {
position: relative;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .text-item:after {
width: 20px;
height: 20px;
content: " ";
position: absolute;
right: 10px;
top: 10px;
z-index: 100;
background: url(/Content/images/search-icon-2.svg) no-repeat 50% 50%;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .form-text {
width: 100%;
display: block;
line-height: 30px;
height: 38px;
padding: 5px 30px 5px 5px;
margin: 0 0 10px;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .form-submit {
text-transform: uppercase;
border-radius: 5px;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 12px;
font-weight: 900;
text-decoration: none;
color: #e8112d;
line-height: 22px;
padding: 10px;
width: 100%;
display: block;
text-align: center;
background: #fff;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span {
font-family: "Arial Black", Gadget, sans-serif;
color: #e8112d;
font-weight: 900;
font-size: 12px;
line-height: 22px;
margin: 10px 0;
display: inline-block;
text-align: center;
vertical-align: top;
text-decoration: none;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span:hover {
text-decoration: underline;
}
@media (max-width: 1042px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span {
color: #fff;
margin: 0;
border-radius: 5px;
padding: 10px 20px;
background: #e8112d;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span:hover {
text-decoration: none;
}
}
@media (max-width: 767px) {
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span {
margin: 0;
padding: 10px;
width: 100%;
}
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span a:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .box-btn span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn a span:hover,
.hero-visual .holder-hero-box .hero-box-layout .hero-box .hero-box-content.red-box .box-btn span span:hover {
text-decoration: none;
}
}
@media (max-width: 1042px) {
.hero-visual .holder-hero-box .hero-box-layout {
/*padding:0 38px 0 37px;*/
width: 100%;
position: static;
padding: 0;
}
}
@media (max-width: 767px) {
.hero-visual .holder-hero-box .hero-box-layout {
width: 100%;
position: static;
padding: 0;
}
}
.hero-visual .text-box {
background: #000;
padding: 20px;
width: 45%;
box-sizing: border-box;
color: #fff;
}
@media (max-width: 1042px) {
.hero-visual .text-box {
width: 100%;
}
}
.hero-visual .text-box .mark {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 70px;
line-height: 70px;
color: #e8112d;
text-transform: uppercase;
}
@media (max-width: 767px) {
.hero-visual .text-box .mark {
font-size: 50px;
line-height: 50px;
}
}
.hero-visual .text-box .text {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 40px;
line-height: 45px;
text-transform: uppercase;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.hero-visual .text-box .text {
font-size: 30px;
line-height: 35px;
}
}
.holder-ribbon-title {
background: #e8112d;
}
.holder-ribbon-title .ribbon-title {
padding-top: 34px;
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.holder-ribbon-title .ribbon-title {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.holder-ribbon-title .ribbon-title {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.holder-ribbon-title .ribbon-title {
padding-right: 38px;
padding-left: 37px;
padding-top: 42px;
}
}
@media (max-width: 767px) {
.holder-ribbon-title .ribbon-title {
padding-right: 20px;
padding-left: 20px;
padding-top: 42px;
}
}
.holder-ribbon-title .ribbon-title h1 {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 55px;
line-height: 57px;
text-transform: uppercase;
display: block;
background: #000;
color: #fff;
display: inline-block;
padding: 10px 20px;
margin: 0 0 0 -20px;
}
.holder-ribbon-title .ribbon-title h1:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.holder-ribbon-title .ribbon-title h1 {
font-size: 35px;
line-height: 37px;
}
}
@media (max-width: 767px) {
.holder-ribbon-title .ribbon-title h1 {
padding: 22px 20px;
}
}
.hero-title {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 55px;
line-height: 57px;
text-transform: uppercase;
display: block;
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.hero-title:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.hero-title:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.hero-title {
font-size: 35px;
line-height: 37px;
}
}
@media (max-width: 1042px) {
.hero-title {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.hero-title {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.hero-title {
padding-right: 38px;
padding-left: 37px;
}
}
@media (max-width: 767px) {
.hero-title {
padding-right: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
}
.article-social-date {
float: left;
padding-top: 2px;
}
.article-social {
overflow: hidden;
/*padding: 13px 0 0 0;*/
font: 12px Arial, Helvetica, sans-serif;
line-height: 15px;
float: left;
}
.article-social span {
float: left;
line-height: 22px;
font-weight: bold;
}
.article-social ul {
float: right;
}
.article-social ul li {
float: left;
width: 16px;
height: 16px;
margin-left: 12px;
}
.article-social ul li a {
display: block;
text-indent: -9999px;
overflow: hidden;
height: 100%;
}
.article-social .facebook {
background: url(/Content/images/icon-facebook-black.png);
background-size: 100% 100%;
}
.article-social .linkedin {
background: url(/Content/images/icon-linkedin-black.png);
background-size: 100% 100%;
}
.article-social .twitter {
background: url(/Content/images/icon-twitter-black.png);
background-size: 100% 100%;
}
.article-social .instagram {
background: url(/Content/images/icon-instagram-black.png);
background-size: 100% 100%;
}
.article-social .youtube {
background: url(/Content/images/icon-youtube-black.png);
background-size: 100% 100%;
}
.article-social .copylink {
background: url(/Content/images/icon-copylink-black.png);
background-size: 100% 100%;
}
.article-social .mailListItem {
background: url(/Content/images/icon-mail-black.png);
background-size: 100% 100%;
}
.article-social .mailListItem:hover {
display: block;
}
.article-social .mailDropdownItems {
position: absolute;
display: none;
margin-left: -10px;
z-index: 100;
}
.article-social #mailOptionsList {
background-color: #f2f2f2;
width: 90px;
}
.article-social #mailOptionsList li {
list-style: none;
width: 100%;
padding: 0 15px;
margin: 3px 0;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
}
.article-social #mailOptionsList li:hover {
background-color: #e7112d;
}
.article-social #mailOptionsList li:hover a {
color: white;
}
.article-social #mailOptionsList .firstItem {
margin-top: 10px;
}
.article-social .mailArrowUp {
content: '';
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f2f2f2;
margin-top: 1.5px;
margin-left: 8.5px;
}
.article-social .mail-options-google,
.article-social .mail-options-outlook,
.article-social .mail-options-yahoo,
.article-social .mail-options-apple,
.article-social .mail-options-hotmail {
text-decoration: none;
color: black;
display: inline;
text-transform: capitalize;
transition: none;
}
.article-social .mail-options-google:hover,
.article-social .mail-options-outlook:hover,
.article-social .mail-options-yahoo:hover,
.article-social .mail-options-apple:hover,
.article-social .mail-options-hotmail:hover {
color: white;
}
.socialIconsBottom .mailArrowUp {
margin-top: -36px;
transform: rotate(180deg);
margin-left: 12px;
}
.pageNavigation {
max-width: 1024px;
width: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
margin: 0 auto;
padding-bottom: 20px;
margin-top: 20px;
}
@media (max-width: 767px) {
.pageNavigation {
display: none;
}
}
@media (max-width: 1042px) {
.pageNavigation {
display: none;
}
}
.pageNavigation-button-next,
.pageNavigation-button-previous {
cursor: pointer;
max-width: 260px;
width: 100%;
height: 47px;
background-color: #e8112d;
border-radius: 5px;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
align-items: center;
}
.pageNavigation-button-next div,
.pageNavigation-button-previous div {
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: auto;
}
.pageNavigation-button-next {
margin-left: 20px;
margin: 0 auto;
}
.pageNavigation-pagination {
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
max-width: 200px;
width: 100%;
margin-left: auto;
align-items: center;
}
.pageNavigation-pagination-pageNumber {
cursor: pointer;
width: 23px;
height: 23px;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e8112d;
color: #e8112d;
margin-left: 20px;
align-items: center;
}
.pageNavigation-pagination-pageNumber:first-child {
margin-left: auto;
}
.pageNavigation-pagination-pageNumber div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.pageNavigation-pagination-pageNumber.active {
background-color: #e8112d;
color: #fff;
}
.pageNavigation-mobile {
justify-content: center;
margin-top: 20px;
padding-bottom: 20px;
}
.pageNavigation-mobile-button {
cursor: pointer;
max-width: 156px;
width: 100%;
height: 47px;
background-color: #e8112d;
border-radius: 5px;
display: flex;
}
.pageNavigation-mobile-button div {
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: auto;
}
@media (min-width: 1043px) {
.pageNavigation-mobile {
display: none;
}
}
@media (max-width: 767px) {
.pageNavigation-mobile {
display: flex;
}
}
@media (max-width: 1042px) {
.pageNavigation-mobile {
display: flex;
}
}
.disabledButton {
visibility: hidden;
}
.disabledNavigation {
visibility: hidden;
}
.disablePageNumber {
display: none;
}
.insights-form {
background-color: #ffffff !important;
}
.insightsList {
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
max-width: 1024px;
margin: 0 auto;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3, 330px);
grid-template-rows: auto;
grid-column-gap: 21px;
grid-row-gap: 21px;
-ms-grid-columns: 330px 21px 330px 21px 330px;
-ms-grid-rows: 330px 21px 330px 21px 330px 21px 330px 21px 330px 21px 330px 21px 330px;
}
.insightsList .hoverDesktop:hover .insightsList-block-image {
height: 173px;
}
.insightsList .hoverDesktop:hover .insightsList-block-image img {
object-fit: cover;
}
.insightsList .hoverDesktop:hover .insightsList-block-image::after {
display: none;
}
.insightsList .hoverDesktop:hover .insightsList-block-title {
padding-bottom: 8px;
}
.insightsList .hoverDesktop:hover .insightsList-block-description {
display: block;
}
.insightsList .hoverDesktop:hover .insightsList-block-description p {
height: 40px;
line-height: 20px;
overflow: hidden;
text-transform: none;
}
.insightsList .hoverDesktop:hover .overlay-text {
color: #000;
background-color: #fff;
padding-bottom: 0;
}
.insightsList .hoverDesktop:nth-child(6):hover .insightsList-block-image {
height: 524px;
}
.insightsList .hoverDesktop:nth-child(6):hover .insightsList-block-image img {
object-fit: cover;
}
.insightsList .hoverDesktop:nth-child(6):hover .insightsList-block-image::after {
display: none;
}
.insightsList .hoverDesktop:nth-child(6):hover .insightsList-block-description {
display: block;
}
.insightsList .hoverDesktop:nth-child(6):hover .overlay-text {
color: #000;
background-color: #fff;
padding-bottom: 0;
}
.insightsList .hoverDesktop:nth-child(10):hover .insightsList-block-image {
height: 524px;
}
.insightsList .hoverDesktop:nth-child(10):hover .insightsList-block-image img {
object-fit: cover;
}
.insightsList .hoverDesktop:nth-child(10):hover .insightsList-block-image::after {
display: none;
}
.insightsList .hoverDesktop:nth-child(10):hover .insightsList-block-description {
display: block;
}
.insightsList .hoverDesktop:nth-child(10):hover .overlay-text {
color: #000;
background-color: #fff;
padding-bottom: 0;
}
.insightsList-block {
position: relative;
min-height: 330px;
}
.insightsList-block a:hover,
.insightsList-block a:focus,
.insightsList-block a:active,
.insightsList-block a:visited {
text-decoration: none;
color: #000;
}
.insightsList-block-date {
font-size: 14px;
line-height: 22px;
text-transform: none;
padding-bottom: 5px;
}
.insightsList-block-title {
font-size: 18px;
font-weight: 500;
}
.insightsList-block-description {
display: none;
font-size: 16px;
}
.insightsList-block .overlay-text {
position: absolute;
bottom: 0;
padding: 0 16px;
padding-bottom: 24px;
color: #fff;
}
.insightsList-block-image {
width: 330px;
height: 330px;
}
.insightsList-block-image img {
width: 100%;
height: 100%;
}
.insightsList-block-image::after {
content: "";
display: block;
position: absolute;
left: 0;
height: 50%;
width: 100%;
opacity: 0.3;
top: 50%;
background: linear-gradient(to bottom, transparent 0%, black 70%);
}
.insightsList-block:nth-child(1) {
grid-column: 1;
grid-row: 1;
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.insightsList-block:nth-child(2) {
grid-column: 2;
grid-row: 1;
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.insightsList-block:nth-child(3) {
grid-column: 3;
grid-row: 1;
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.insightsList-block:nth-child(4) {
grid-column: 1;
grid-row: 2;
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.insightsList-block:nth-child(5) {
grid-column: 1;
grid-row: 3;
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.insightsList-block:nth-child(6) {
width: 681px;
height: 681px;
grid-column: 2 / 4;
grid-row: 2 / 4;
-ms-grid-row: 3;
-ms-grid-column: 3;
-ms-grid-row-span: 3;
-ms-grid-column-span: 3;
}
.insightsList-block:nth-child(6) .insightsList-block-image {
width: 681px;
height: 681px;
}
.insightsList-block:nth-child(6) .insightsList-block-title {
font-size: 30px;
}
.insightsList-block:nth-child(6) .insightsList-block-date {
padding-bottom: 14px;
}
.insightsList-block:nth-child(7) {
grid-column: 1;
grid-row: 4;
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.insightsList-block:nth-child(8) {
grid-column: 2;
grid-row: 4;
-ms-grid-row: 7;
-ms-grid-column: 3;
}
.insightsList-block:nth-child(9) {
grid-column: 3;
grid-row: 4;
-ms-grid-row: 7;
-ms-grid-column: 5;
}
.insightsList-block:nth-child(10) {
width: 681px;
height: 681px;
grid-column: 1 / 3;
grid-row: 5 / 7;
-ms-grid-row: 9;
-ms-grid-column: 1;
-ms-grid-row-span: 3;
-ms-grid-column-span: 3;
}
.insightsList-block:nth-child(10) .insightsList-block-image {
width: 681px;
height: 681px;
}
.insightsList-block:nth-child(10) .insightsList-block-title {
font-size: 30px;
}
.insightsList-block:nth-child(10) .insightsList-block-date {
padding-bottom: 14px;
}
.insightsList-block:nth-child(11) {
grid-column: 3;
grid-row: 5;
-ms-grid-row: 9;
-ms-grid-column: 5;
}
.insightsList-block:nth-child(12) {
grid-column: 3;
grid-row: 6;
-ms-grid-row: 11;
-ms-grid-column: 5;
}
.insightsList-block:nth-child(13) {
grid-column: 1;
grid-row: 7;
-ms-grid-row: 13;
-ms-grid-column: 1;
}
.insightsList-block:nth-child(14) {
grid-column: 2;
grid-row: 7;
-ms-grid-row: 13;
-ms-grid-column: 3;
}
.insightsList-block:nth-child(15) {
grid-column: 3;
grid-row: 7;
-ms-grid-row: 13;
-ms-grid-column: 5;
}
@media (max-width: 1042px) {
.insightsList {
display: grid;
grid-template-columns: 330px 30px 330px;
grid-template-rows: auto;
grid-row-gap: 37px;
justify-items: center;
padding-left: 25px;
padding-right: 28px;
justify-content: center;
}
.insightsList a {
text-decoration: none;
color: #000;
}
.insightsList a:hover,
.insightsList a:focus,
.insightsList a:active,
.insightsList a:visited {
text-decoration: none;
color: #000;
}
.insightsList-block-image {
width: 330px;
height: 330px;
background-color: lightcoral;
}
.insightsList-block-image img {
width: 100%;
height: auto;
}
.insightsList-block-image::after {
content: none;
}
.insightsList-block .overlay-text {
position: relative;
color: #000;
padding: 0;
}
.insightsList-block:nth-child(odd) {
grid-column: 1;
grid-row: auto;
}
.insightsList-block:nth-child(even) {
grid-column: 3;
grid-row: auto;
}
.insightsList-block:nth-child(6),
.insightsList-block:nth-child(10) {
width: 330px;
height: 330px;
}
.insightsList-block:nth-child(6) .insightsList-block-image,
.insightsList-block:nth-child(10) .insightsList-block-image {
width: 330px;
height: 330px;
}
.insightsList-block:nth-child(6) .insightsList-block-title,
.insightsList-block:nth-child(10) .insightsList-block-title {
font-size: 18px;
}
}
@media (max-width: 767px) {
.insightsList {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.insightsList a {
text-decoration: none;
color: #000;
}
.insightsList a:hover,
.insightsList a:focus,
.insightsList a:active,
.insightsList a:visited {
text-decoration: none;
color: #000;
}
.insightsList-block {
width: 100%;
height: auto;
padding-left: 25px;
padding-right: 28px;
margin-bottom: 37px;
}
.insightsList-block-image {
min-width: 267px;
min-height: 267px;
width: 100%;
height: auto;
background-color: transparent;
}
.insightsList-block-image img {
width: 100%;
height: auto;
}
.insightsList-block-image::after {
content: none;
}
.insightsList-block .overlay-text {
position: relative;
color: #000;
padding: 0;
}
.insightsList-block:nth-child(6),
.insightsList-block:nth-child(10) {
width: 100%;
height: auto;
}
.insightsList-block:nth-child(6) .insightsList-block-image,
.insightsList-block:nth-child(10) .insightsList-block-image {
min-width: 267px;
min-height: 267px;
width: 100%;
height: auto;
}
.insightsList-block:nth-child(6) .insightsList-block-title,
.insightsList-block:nth-child(10) .insightsList-block-title {
font-size: 18px;
}
}
#mainNewsInsights .holder-breadcrumbs {
background-color: #ffffff !important;
}
#mainNewsInsights .subsections-container {
background-color: #ffffff !important;
}
#mainNewsInsights .subsections-container .article-container {
background-color: #ffffff !important;
}
#mainNewsInsights .subsections-container .article-container .article-holder .article {
padding-top: 20px;
border-top: 2px solid #e8112d;
}
#mainNewsInsights .article-container {
background-color: #ffffff !important;
}
#mainNewsInsights .DateSocial {
display: flex;
flex-direction: row;
}
#mainNewsInsights .DateSocial .article-page-date {
font-size: 14px;
}
#mainNewsInsights .DateSocial .tags {
text-transform: uppercase;
padding-bottom: 15px;
display: flex;
margin-left: auto;
margin-right: 0;
align-items: center;
padding: 0;
}
#mainNewsInsights .DateSocial .tags span {
font-size: 14px;
display: block;
}
#mainNewsInsights .DateSocial ul {
margin: 0;
}
#mainNewsInsights .new3ColumnComponent-right {
padding-top: 25px;
}
#mainNewsInsights .boilerplate-content {
border-color: #e8112d;
}
#mainNewsInsights .article .media-holder .media-content,
#mainNewsInsights .article .media-holder img {
max-width: 764px;
max-height: 431px;
width: 100%;
height: 100%;
}
.DateSocial .tags span {
display: none;
}
.relatedArticles3Col {
border-top: 2px solid #e8112d;
padding-bottom: 20px;
margin-bottom: 0 !important;
}
@media (max-width: 1042px) {
.relatedArticles3Col .new3ColumnComponent-right-title span {
font-size: 16px;
}
}
@media (max-width: 767px) {
.relatedArticles3Col .new3ColumnComponent-right-title span {
font-size: 16px;
}
}
.section-unsdg {
background-color: #ffffff !important;
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
margin-bottom: 24px;
padding-bottom: 0px;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
}
.section-unsdg iframe {
max-width: 780px;
height: 600px;
}
@media (max-width: 1042px) {
.section-unsdg {
padding-left: 27px;
padding-right: 29px;
}
.section-unsdg iframe {
height: 680px;
}
}
@media (max-width: 767px) {
.section-unsdg {
padding-left: 27px;
padding-right: 29px;
}
.section-unsdg iframe {
height: 790px;
}
}
/* intro */
.intro-homepage {
padding: 10px 0 0;
}
.intro-container {
background: #fff !important;
}
.intro {
max-width: 1044px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 1042px) {
.intro {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.intro {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 1042px) {
.intro {
padding-top: 10px;
padding-bottom: 10px;
}
}
.intro .info,
.intro .intro-nav {
padding-right: 11px;
padding-left: 10px;
width: 75%;
}
@media (max-width: 1042px) {
.intro .info,
.intro .intro-nav {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.intro .info,
.intro .intro-nav {
padding-right: 20px;
padding-left: 20px;
}
}
.intro .info:after,
.intro .intro-nav:after {
content: "";
display: block;
clear: both;
}
.intro .info.announcement,
.intro .announcement.intro-nav {
padding-bottom: 0px;
}
@media (max-width: 1042px) {
.intro .info,
.intro .intro-nav {
width: 100%;
}
}
.intro .intro-holderannouncement {
padding-bottom: 0px;
}
.intro-holder .intro.announcement .intro .info,
.intro-holder .intro.announcement .intro .intro-nav {
padding-bottom: 0;
border-bottom: none;
}
.intro .intro-holder.announcement .intro .info,
.intro .intro-holder.announcement .intro .intro-nav {
padding-bottom: 0;
border-bottom: none;
}
.intro .container .info:nth-child(1):nth-last-child(1) .info-content,
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
text-transform: none;
}
.intro .container .info:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.intro .container .info:nth-child(1):nth-last-child(1) .info-content,
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content {
font-size: 25px;
line-height: 27px;
}
}
.intro .container .info:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline" !important;
text-transform: none;
}
.intro .container .info:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS):lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS):lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.intro .container .info:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(1):nth-last-child(1) .info-content:lang(sr-Latn-RS) {
font-size: 25px;
line-height: 27px;
}
}
.intro .container .info:nth-child(1):nth-last-child(1) p,
.intro .container .intro-nav:nth-child(1):nth-last-child(1) p {
margin: 0 0 15px;
}
@media (max-width: 767px) {
.intro .container .info:nth-child(1):nth-last-child(1) p,
.intro .container .intro-nav:nth-child(1):nth-last-child(1) p {
margin: 0 0 10px;
}
}
.intro .container .info:nth-child(1):nth-last-child(2),
.intro .container .intro-nav:nth-child(1):nth-last-child(2),
.intro .container .info:nth-child(2):nth-last-child(1),
.intro .container .intro-nav:nth-child(2):nth-last-child(1) {
width: 50%;
float: left;
}
@media (max-width: 1042px) {
.intro .container .info:nth-child(1):nth-last-child(2),
.intro .container .intro-nav:nth-child(1):nth-last-child(2),
.intro .container .info:nth-child(2):nth-last-child(1),
.intro .container .intro-nav:nth-child(2):nth-last-child(1) {
float: none;
width: 100%;
}
}
.intro .container .info:nth-child(1):nth-last-child(2) .heading3,
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .heading3,
.intro .container .info:nth-child(2):nth-last-child(1) .heading3,
.intro .container .intro-nav:nth-child(2):nth-last-child(1) .heading3 {
margin-bottom: 5px;
}
.intro .container .info:nth-child(1):nth-last-child(2) .info-content,
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .info-content,
.intro .container .info:nth-child(2):nth-last-child(1) .info-content,
.intro .container .intro-nav:nth-child(2):nth-last-child(1) .info-content {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0 0;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
line-height: 22px;
}
@media (max-width: 767px) {
.intro .container .info:nth-child(1):nth-last-child(2) .info-content,
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .info-content,
.intro .container .info:nth-child(2):nth-last-child(1) .info-content,
.intro .container .intro-nav:nth-child(2):nth-last-child(1) .info-content {
font-size: 15px;
line-height: 19px;
}
}
.intro .container .info:nth-child(1):nth-last-child(2) .info-content:lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .info-content:lang(sr-Latn-RS),
.intro .container .info:nth-child(2):nth-last-child(1) .info-content:lang(sr-Latn-RS),
.intro .container .intro-nav:nth-child(2):nth-last-child(1) .info-content:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline" !important;
text-transform: none;
}
.intro .container .info:nth-child(1):nth-last-child(2) .info-content p,
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .info-content p,
.intro .container .info:nth-child(2):nth-last-child(1) .info-content p,
.intro .container .intro-nav:nth-child(2):nth-last-child(1) .info-content p {
margin: 0 0 10px;
}
.intro .container .info:nth-child(1):nth-last-child(2) .info-content,
.intro .container .intro-nav:nth-child(1):nth-last-child(2) .info-content {
border-top: 0;
border-bottom: 0;
}
.intro .container {
overflow: hidden;
}
.intro .container .details {
padding-right: 10px;
padding-left: 10px;
width: 50%;
float: left;
}
@media (max-width: 1042px) {
.intro .container .details {
float: none;
width: 100%;
margin: 0 0 18px;
padding-right: 7px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.intro .container .details {
padding-right: 20px;
padding-left: 20px;
}
}
.intro .container .details .details-items-holder {
overflow: hidden;
padding-top: 5px;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 1042px) {
.intro .container .details .details-items-holder {
border-top: 1px solid #000;
padding-top: 10px;
margin-left: 0;
margin-right: 0;
}
}
.intro .container .details .details-items-holder .details-item {
width: 50%;
float: left;
padding-right: 10px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.intro .container .details .details-items-holder .details-item {
width: 100%;
float: none;
padding-right: 0;
padding-left: 0;
}
}
.intro .container .details .details-items-holder .details-item .details-item-content {
border-top: 1px solid #000;
padding-top: 10px;
}
@media (max-width: 1042px) {
.intro .container .details .details-items-holder .details-item .details-item-content {
border: none;
padding-top: 0;
}
}
.intro .container .details .details-items-holder .details-item .details-item-content p {
margin: 0 0 10px;
}
.intro .container .intro-items {
padding-right: 0;
padding-left: 0;
width: 50%;
float: left;
}
@media (max-width: 1042px) {
.intro .container .intro-items {
float: none;
width: 100%;
margin: 0 0 10px;
}
}
.intro .container .intro-items .heading2 {
color: #e8112d;
padding-right: 10px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.intro .container .intro-items .heading2 {
padding-right: 7px;
padding-left: 8px;
}
}
@media (max-width: 767px) {
.intro .container .intro-items .heading2 {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 10px;
}
}
.intro .container .intro-items .items-holder {
font-size: 0;
line-height: 0;
padding-top: 3px;
}
@media (max-width: 1042px) {
.intro .container .intro-items .items-holder {
white-space: nowrap;
overflow-x: auto;
}
}
.intro-item:nth-child(1):nth-last-child(4),
.intro-item:nth-child(2):nth-last-child(3),
.intro-item:nth-child(3):nth-last-child(2),
.intro-item:nth-child(4):nth-last-child(1) {
width: 50%;
}
.intro-item:nth-child(3):nth-last-child(12),
.intro-item:nth-child(6):nth-last-child(9),
.intro-item:nth-child(9):nth-last-child(6),
.intro-item:nth-child(12):nth-last-child(3) {
width: 50%;
}
.intro-item {
font-size: 12px;
line-height: 14px;
display: inline-block;
vertical-align: top;
width: 172px;
padding-bottom: 15px;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.intro-item {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.intro-item {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1042px) {
.intro-item {
width: 166px !important;
white-space: normal;
}
}
@media (max-width: 767px) {
.intro-item {
width: 182px !important;
padding-right: 15px;
padding-left: 15px;
}
}
.intro-item .content {
width: 152px;
margin: 0 auto;
text-align: center;
color: #000;
}
.intro-item .content .heading3 {
margin-bottom: 20px;
}
.intro-item .content .item-image,
.intro-item .content .item-visual {
height: 152px;
width: 152px;
border-radius: 80px;
overflow: hidden;
margin-bottom: 22px;
}
.intro-item .content .item-image img,
.intro-item .content .item-visual img {
vertical-align: top;
}
.intro-item .content .item-visual {
margin-bottom: 10px;
}
.intro-item .content .item-visual .visual-text {
width: 152px;
height: 152px;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background: #e8112d;
color: #fff;
font-size: 45px;
line-height: 60px;
display: table-cell;
vertical-align: middle;
}
.intro-item .content .item-info {
text-transform: uppercase;
}
.intro-item .content .item-info .caption {
font-weight: bold;
margin-bottom: 5px;
}
@media (max-width: 1042px) {
.intro-item .content .item-info .caption {
margin-left: -3px;
margin-right: -3px;
min-height: 28px;
}
}
.intro-item .content .item-info .btn-holder a {
margin: 0;
line-height: 1;
}
.intro-item .content .item-info .btn {
margin: 3px;
line-height: 18px;
}
@media (max-width: 1042px) {
.intro-item .content .item-info .btn {
margin: 0;
}
}
.intro-nav {
width: 100%;
}
.intro-nav li {
display: inline-block;
vertical-align: top;
padding-left: 10px;
}
.intro-nav li:first-child {
padding-left: 0;
}
@media (max-width: 1042px) {
.intro-nav li {
padding-left: 7px;
}
}
@media (max-width: 767px) {
.intro-nav li {
padding-left: 0;
padding-bottom: 15px;
width: 100%;
}
}
.intro-nav li .btn {
margin: 0;
}
.page_editor .side-nav {
top: 250px;
}
.side-nav {
position: fixed;
top: 156px;
left: 100%;
width: 190px;
padding: 0 0 0 39px;
margin: 0 0 0 -39px;
border-radius: 5px 0 0 5px;
background: #e8112d url(/Content/images/icon-side-nav.png) no-repeat 10px 9px;
cursor: pointer;
z-index: 999;
}
@media (max-width: 767px) {
.side-nav {
display: none;
}
}
.side-nav ul {
width: 190px;
position: relative;
background: #e8112d;
margin: 0;
padding: 2px 0;
list-style: none;
}
.side-nav ul li {
border-top: 1px solid #c00;
}
.side-nav ul li a {
display: block;
font: bold 11.5px/29px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
}
.MegaMenu {
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
}
@media (min-width: 1043px) {
.MegaMenu {
max-width: 1200px;
width: 100%;
margin: 0 auto;
background-color: #f2f2f2;
-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
}
.MegaMenu-MobileHeader,
.MegaMenu-MobileThird {
display: none;
}
.MegaMenu-WrapperContainer {
margin-left: 40px;
}
.MegaMenu-Container {
padding: 32px 24px;
display: flex;
}
.MegaMenu-TopLink {
height: 100%;
}
.MegaMenu-OptionImage {
width: 370px;
height: 209px;
position: relative;
}
.MegaMenu-OptionImage-Image {
width: 100%;
height: 209px;
}
.MegaMenu-OptionImage-Image img {
width: 100%;
height: 100%;
}
.MegaMenu-OptionImage-Title {
width: auto;
height: 32px;
position: relative;
margin-bottom: 32px;
background-color: #e8112d;
display: inline-flex;
align-items: center;
}
.MegaMenu-OptionImage-Title div {
font-size: 18px;
font-weight: normal;
padding: 0 24px;
padding-right: 48px;
text-transform: uppercase;
color: #fff;
}
.MegaMenu-OptionImage-Title div::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: 0;
top: calc(50% - 5px);
padding-right: 24px;
}
.MegaMenu-List {
width: 100%;
font-size: 12px;
height: auto;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.MegaMenu-List-Option {
width: 100%;
height: auto;
margin-bottom: 24px;
display: inline-block;
max-width: 200px;
overflow-wrap: break-word;
}
.MegaMenu-List-Option-Container {
padding: 0 24px;
padding-left: 0;
}
.MegaMenu-List-Option-SecondLevel {
font-weight: 700;
text-transform: uppercase;
}
.MegaMenu-List-Option-SecondLevel a {
text-decoration: none;
color: #000;
margin-bottom: 7px;
display: block;
}
.MegaMenu-List-Option-SecondLevel a:hover {
color: #e8112d;
}
.MegaMenu-List-Option-SecondLevel-List {
display: flex;
flex-direction: column;
}
.MegaMenu-List-Option-SecondLevel-List-ThirdLevel ul {
list-style-type: none;
}
.MegaMenu-List-Option-SecondLevel-List-ThirdLevel ul li {
text-transform: uppercase;
margin-bottom: 5px;
font-weight: normal;
}
.MegaMenu-List-Option-SecondLevel-List-ThirdLevel ul li a {
text-decoration: none;
color: #000;
}
.MegaMenu-List-Option-SecondLevel-List-ThirdLevel ul li a:hover {
color: #e8112d;
}
}
@media (max-width: 1042px) {
#navigation {
overflow: auto;
}
#navigation li a {
padding: 18px 20px;
}
#navigation li .drop .MegaMenu {
position: absolute;
top: 85px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: width 2s;
transition: width 2s;
}
#navigation li .drop .MegaMenu a {
font-weight: 700;
}
#navigation li .drop .MegaMenu a::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #000;
position: absolute;
right: 0;
top: calc(50% - 5px);
}
#navigation li .drop .MegaMenu .has-children-item::after {
content: none;
}
#navigation li .drop .MegaMenu-TopLink {
display: none;
}
#navigation li .drop .MegaMenu-MobileHeader {
background-color: #e8112d;
padding: 18px 20px;
color: #fff;
}
#navigation li .drop .MegaMenu-MobileHeader-Home {
text-transform: uppercase;
font-weight: 700;
padding: 18px 1px;
padding-top: 0;
border-bottom: 1px solid #fff;
display: flex;
align-items: center;
}
#navigation li .drop .MegaMenu-MobileHeader-Home::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #fff transparent transparent;
margin-right: 10px;
}
#navigation li .drop .MegaMenu-MobileHeader-PreviousPage a {
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 18px 1px;
padding-bottom: 0;
padding-left: 20px;
}
#navigation li .drop .MegaMenu-MobileHeader-PreviousPage a::after {
display: none;
}
#navigation li .drop .MegaMenu-Container {
background-color: #000;
height: 100%;
}
#navigation li .drop .MegaMenu-WrapperContainer > a {
display: none;
}
#navigation li .drop .MegaMenu-OptionImage {
display: none;
}
#navigation li .drop .MegaMenu-List {
color: #000;
background-color: #f2f2f2;
}
#navigation li .drop .MegaMenu-List-Option {
border-bottom: 1px solid #000;
width: calc(100% - 40px);
margin: 0 auto;
}
#navigation li .drop .MegaMenu-List-Option:last-child {
border-bottom: none;
}
#navigation li .drop .MegaMenu-List-Option-SecondLevel a {
padding-left: 20px;
}
#navigation li .drop .MegaMenu-List-Option-SecondLevel-List-ThirdLevel ul {
display: none;
}
#navigation li .drop .MegaMenu-MobileThird {
background-color: #000;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
#navigation li .drop .MegaMenu-MobileThird-Home,
#navigation li .drop .MegaMenu-MobileThird-ParentPage {
background-color: #e8112d;
padding: 0 20px;
color: #fff;
}
#navigation li .drop .MegaMenu-MobileThird-Home div,
#navigation li .drop .MegaMenu-MobileThird-ParentPage div {
text-transform: uppercase;
font-weight: 700;
padding: 18px 1px;
border-bottom: 1px solid #fff;
display: flex;
align-items: center;
}
#navigation li .drop .MegaMenu-MobileThird-Home div::before,
#navigation li .drop .MegaMenu-MobileThird-ParentPage div::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #fff transparent transparent;
margin-right: 10px;
}
#navigation li .drop .MegaMenu-MobileThird-PreviousPage {
background-color: #e8112d;
padding: 0 20px;
color: #fff;
}
#navigation li .drop .MegaMenu-MobileThird-PreviousPage div {
text-transform: uppercase;
font-weight: 700;
padding: 18px 1px;
display: flex;
align-items: center;
padding-left: 20px;
}
#navigation li .drop .MegaMenu-MobileThird-PreviousPage div a {
padding: 0;
color: #fff;
text-decoration: none;
}
#navigation li .drop .MegaMenu-MobileThird-PreviousPage div a::after {
display: none;
}
#navigation li .drop .MegaMenu-MobileThird ul {
display: block;
padding: 0 20px;
background-color: #f2f2f2;
}
#navigation li .drop .MegaMenu-MobileThird ul li {
border-bottom: 1px solid #000;
}
#navigation li .drop .MegaMenu-MobileThird ul li a::after {
content: none;
}
#navigation li .drop .MegaMenu-MobileThird ul li:last-child {
border-bottom: none;
}
#navigation li .drop a {
color: #000;
padding-left: 0;
padding-right: 0;
font-weight: 700;
}
#navigation li .drop a::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #000;
position: absolute;
right: 0;
top: calc(50% - 5px);
}
}
/* mini-site-carousel */
.mini-site-carousel-holder {
width: 100%;
}
.mini-carousel {
width: 1200px;
height: 471px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1042px) {
.mini-carousel {
height: auto;
width: 100%;
}
}
.mini-carousel img {
display: block;
margin: 0 auto;
height: auto;
width: auto;
max-width: 100%;
}
.mini-carousel .text-box .scEmptyPlaceholder {
background: #000;
}
.mini-carousel .text-box {
position: absolute;
top: 70px;
left: 65px;
width: 482px;
}
@media (max-width: 1042px) {
.mini-carousel .text-box {
position: static;
width: 100%;
}
}
.mini-carousel .text-box .text-box-content {
padding: 22px;
background: #000;
color: #fff;
}
@media (max-width: 1042px) {
.mini-carousel .text-box .text-box-content {
padding-left: 37px;
padding-right: 38px;
}
}
@media (max-width: 767px) {
.mini-carousel .text-box .text-box-content {
padding-left: 20px;
padding-right: 20px;
}
}
.mini-carousel .text-box .text-box-content .text-box-title {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
margin-bottom: 0;
color: #e8112d;
}
.mini-carousel .text-box .text-box-content .text-box-title:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.mini-carousel .text-box .text-box-content .text-box-title {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
.mini-carousel .text-box .text-box-content .text-box-sub-title {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 30px;
line-height: 30px;
margin-bottom: 10px;
}
.new3ColumnComponent-right {
margin: 0 auto;
background: #ffffff !important;
max-width: 1024px;
width: 100%;
height: 100%;
display: flex;
margin-top: 30px;
flex-wrap: wrap;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
padding-bottom: 90px;
}
.new3ColumnComponent-right-title {
width: 100%;
height: 33px;
margin-bottom: 14px;
font-weight: 700;
text-transform: uppercase;
}
.new3ColumnComponent-right-title span {
font-size: 25px;
}
.new3ColumnComponent-right-column {
max-width: 323px;
width: 33.33%;
display: flex;
flex-basis: 100%;
flex: 1;
text-decoration: none;
color: #000000;
}
.new3ColumnComponent-right-column:nth-of-type(2) {
margin-left: 22px;
margin-right: 22px;
}
.new3ColumnComponent-right-column:hover,
.new3ColumnComponent-right-column:active,
.new3ColumnComponent-right-column:focus {
text-decoration: none;
color: #000000;
}
.new3ColumnComponent-right-column-image {
max-width: 162px;
max-height: 162px;
width: 100%;
height: 100%;
}
.new3ColumnComponent-right-column-image .imageSquare {
display: block;
}
.new3ColumnComponent-right-column-image .imageLandscape {
display: none;
}
.new3ColumnComponent-right-column-image img {
width: 100%;
height: 100%;
}
.new3ColumnComponent-right-column-text {
margin-left: 12px;
max-width: 149px;
width: 100%;
font-size: 18px;
text-transform: uppercase;
}
.new3ColumnComponent-right-column-description {
display: none;
}
@media (max-width: 1042px) {
.new3ColumnComponent-right {
width: 100%;
height: auto;
padding-left: 27px;
padding-right: 29px;
}
.new3ColumnComponent-right-column {
width: 48%;
height: auto;
flex: none;
max-width: 100%;
margin-right: 1%;
margin-bottom: 24px;
}
.new3ColumnComponent-right-column:nth-of-type(2) {
margin-left: 0;
margin-right: 22px;
}
.new3ColumnComponent-right-column:nth-of-type(3) {
margin-top: 22px;
}
.new3ColumnComponent-right-column-image {
max-width: 100%;
max-height: 100%;
}
.new3ColumnComponent-right-column-text {
font-size: 16px;
max-width: 100%;
width: 48%;
}
}
@media (max-width: 767px) {
.new3ColumnComponent-right {
flex-direction: column;
width: 100%;
max-height: unset;
padding-left: 27px;
padding-right: 29px;
}
.new3ColumnComponent-right-column {
max-width: 100%;
padding: 0;
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.new3ColumnComponent-right-column:nth-of-type(2) {
margin-left: 0;
margin-right: 0;
}
.new3ColumnComponent-right-column:nth-of-type(3) {
margin-top: 0;
}
.new3ColumnComponent-right-column-image {
min-width: 100px;
min-height: 64px;
max-width: unset;
max-height: unset;
padding: 0;
width: 90%;
margin: 0 auto;
margin-bottom: 24px;
height: auto;
}
.new3ColumnComponent-right-column-image img {
width: 100%;
height: auto;
}
.new3ColumnComponent-right-column-text {
font-size: 16px;
margin-left: 0;
max-width: 100%;
width: 100%;
padding-left: 1%;
}
}
.new3ColumnComponent-below {
margin: 0 auto;
background: #ffffff !important;
max-width: 1024px;
width: 100%;
height: 100%;
display: flex;
margin-top: 24px;
flex-wrap: wrap;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
padding-bottom: 90px;
}
.new3ColumnComponent-below-title {
width: 100%;
height: 33px;
margin-bottom: 14px;
font-weight: 700;
text-transform: uppercase;
}
.new3ColumnComponent-below-title span {
font-size: 25px;
}
.new3ColumnComponent-below-column {
max-width: 299px;
width: 33.33%;
display: flex;
flex-basis: 100%;
flex: 0 0 100%;
flex-direction: column;
text-decoration: none;
color: #000000;
margin-bottom: 20px;
}
.new3ColumnComponent-below-column:nth-of-type(2) {
margin-left: 63px;
margin-right: 64px;
}
.new3ColumnComponent-below-column:hover,
.new3ColumnComponent-below-column:active,
.new3ColumnComponent-below-column:focus {
text-decoration: none;
color: #000000;
}
.new3ColumnComponent-below-column-image {
max-width: 299px;
max-height: 168px;
width: 100%;
height: auto;
}
.new3ColumnComponent-below-column-image .imageSquare {
display: none;
}
.new3ColumnComponent-below-column-image .imageLandscape {
display: block;
}
.new3ColumnComponent-below-column-image img {
width: 100%;
height: 100%;
}
.new3ColumnComponent-below-column-text {
margin-top: 23px;
max-width: 299px;
width: 100%;
font-size: 18px;
text-transform: uppercase;
}
.new3ColumnComponent-below-column-description {
display: none;
}
@media (max-width: 1042px) {
.new3ColumnComponent-below {
width: 100%;
height: auto;
padding-left: 27px;
padding-right: 29px;
}
.new3ColumnComponent-below-column:nth-of-type(2) {
margin-left: 50px;
}
}
@media (max-width: 767px) {
.new3ColumnComponent-below {
flex-direction: column;
width: 100%;
max-height: unset;
padding-left: 27px;
padding-right: 29px;
}
.new3ColumnComponent-below-column {
padding: 0;
margin-bottom: 43px;
width: 100%;
max-width: unset;
}
.new3ColumnComponent-below-column:nth-of-type(2) {
margin-left: 0;
margin-right: 0;
}
.new3ColumnComponent-below-column-image {
min-width: 264px;
min-height: 149px;
max-width: unset;
max-height: unset;
width: 100%;
height: auto;
}
.new3ColumnComponent-below-column-image img {
width: 100%;
height: auto;
}
.new3ColumnComponent-below-column-text {
margin-left: 0;
width: 100%;
max-width: unset;
}
}
.new3ColumnComponet-rowsWrapper {
background: none !important;
padding-bottom: 90px;
}
.new3ColumnComponet-rowsWrapper .new3ColumnComponent-below {
padding-bottom: 0;
}
.ourExperts {
background-color: #ffffff !important;
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
margin-bottom: 24px;
padding-bottom: 90px;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
}
.ourExperts-title {
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 14px;
}
.ourExperts-content {
width: 100%;
}
.ourExperts-content-featured {
width: 100%;
display: flex;
}
.ourExperts-content-featured-image {
max-width: 780px;
width: 100%;
}
.ourExperts-content-featured-image img {
width: 100%;
height: auto;
}
.ourExperts-content-featured-side {
max-width: 206px;
margin-left: 17px;
display: flex;
flex-direction: column;
font-weight: bold;
}
.ourExperts-content-featured-side-title {
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
margin: auto 0;
font-weight: normal;
}
.ourExperts-content-featured-side-title a {
text-decoration: none;
color: #000000;
}
.ourExperts-content-featured-side-title a:hover,
.ourExperts-content-featured-side-title a:active,
.ourExperts-content-featured-side-title a:focus {
text-decoration: none;
color: #000000;
}
.ourExperts-content-featured-side-name {
font-weight: 700;
}
.ourExperts-content-bottom {
display: flex;
margin-top: 26px;
}
.ourExperts-content-bottom-block {
max-width: 471px;
width: 50%;
display: flex;
}
.ourExperts-content-bottom-block:last-child {
margin-left: 15px;
}
.ourExperts-content-bottom-block-image {
max-width: 299px;
width: 100%;
float: left;
}
.ourExperts-content-bottom-block-image img {
width: 100%;
height: auto;
}
.ourExperts-content-bottom-block-side {
margin-left: auto;
width: 161px;
display: flex;
flex-direction: column;
font-weight: 700;
}
.ourExperts-content-bottom-block-side-title {
width: 173px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
font-weight: normal;
}
.ourExperts-content-bottom-block-side-title a {
text-decoration: none;
color: #000000;
}
.ourExperts-content-bottom-block-side-title a:hover,
.ourExperts-content-bottom-block-side-title a:active,
.ourExperts-content-bottom-block-side-title a:focus {
text-decoration: none;
color: #000000;
}
.ourExperts-content-bottom-block-side-name {
margin-top: auto;
}
@media (max-width: 1042px) {
.ourExperts {
padding-left: 27px;
padding-right: 29px;
}
.ourExperts-content-featured {
flex-direction: column;
}
.ourExperts-content-featured-side {
max-width: unset;
width: 100%;
margin: 0;
}
.ourExperts-content-featured-side-title {
width: 100%;
font-weight: normal;
font-size: 16px;
}
.ourExperts-content-bottom {
justify-content: space-between;
}
.ourExperts-content-bottom-block {
flex-direction: column;
width: 48%;
}
.ourExperts-content-bottom-block-side {
max-width: unset;
width: 100%;
}
.ourExperts-content-bottom-block-side-title {
width: 100%;
font-weight: normal;
font-size: 16px;
}
.ourExperts-content-bottom-block-side-name {
width: 100%;
font-size: 14px;
font-weight: normal;
}
}
@media (max-width: 767px) {
.ourExperts {
padding-left: 27px;
padding-right: 29px;
}
.ourExperts-content-featured {
flex-direction: column;
}
.ourExperts-content-featured-image {
min-width: 264px;
min-height: 149px;
max-width: unset;
max-height: unset;
width: 100%;
height: auto;
}
.ourExperts-content-featured-image img {
width: 100%;
height: auto;
}
.ourExperts-content-featured-side {
max-width: unset;
width: 100%;
margin: 0;
}
.ourExperts-content-featured-side-title {
font-size: 16px;
font-weight: normal;
}
.ourExperts-content-featured-side-name {
font-size: 14px;
font-weight: normal;
}
.ourExperts-content-bottom {
flex-direction: column;
}
.ourExperts-content-bottom-block {
max-width: unset;
width: 100%;
flex-direction: column;
}
.ourExperts-content-bottom-block:last-child {
margin-left: 0;
margin-top: 26px;
}
.ourExperts-content-bottom-block-image {
min-width: 264px;
min-height: 149px;
max-width: unset;
max-height: unset;
width: 100%;
height: auto;
}
.ourExperts-content-bottom-block-image img {
width: 100%;
height: auto;
}
.ourExperts-content-bottom-block-side {
margin: 0;
width: 100%;
}
.ourExperts-content-bottom-block-side-title {
width: 100%;
font-size: 16px;
font-weight: normal;
margin-left: 0;
}
.ourExperts-content-bottom-block-side-name {
width: 100%;
font-size: 14px;
font-weight: normal;
margin-left: 0;
}
}
/* post-list */
.post-holder {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.post-holder {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.post-holder {
padding-right: 0;
padding-left: 0;
}
}
.post-list-holder .title-row {
background: #f2f2f2;
}
.post-list-lined .post {
border-top: none;
padding-bottom: 0;
padding-top: 0;
}
.post-list-lined .post:first-child {
padding-top: 0;
}
.post-list-lined .post .post-content,
.post-list-lined .post .post-media {
border-bottom: 1px solid #000;
padding-top: 10px;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.post-list-lined .post .post-content,
.post-list-lined .post .post-media {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 20px;
margin-right: 20px;
}
}
.post {
padding-bottom: 20px;
padding-top: 30px;
border-top: 1px solid #000;
}
.post:first-child {
padding-top: 10px;
border-top: none;
}
@media (max-width: 1042px) {
.post {
padding-bottom: 10px;
padding-top: 20px;
border-top: 1px solid #000;
}
}
@media (max-width: 767px) {
.post {
padding: 0;
border-top: none;
}
}
.post .post-content,
.post .post-media {
padding-right: 11px;
padding-left: 10px;
padding-bottom: 10px;
overflow: hidden;
}
@media (max-width: 1042px) {
.post .post-content,
.post .post-media {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.post .post-content,
.post .post-media {
padding-right: 20px;
padding-left: 20px;
}
}
.post .post-content .post-text,
.post .post-media .post-text {
overflow: hidden;
}
@media (max-width: 767px) {
.post .post-content,
.post .post-media {
width: 100%;
padding-bottom: 18px;
}
}
.post .post-content .post-title,
.post .post-media .post-title {
margin-bottom: 10px;
}
.post .post-content .post-text,
.post .post-media .post-text {
margin-bottom: 10px;
}
.post .post-content .small-caption,
.post .post-media .small-caption {
margin-bottom: 10px;
}
.post .post-content .btn-holder a,
.post .post-media .btn-holder a {
margin: 0;
}
.post .post-media {
float: left;
width: 347px;
}
@media (max-width: 1042px) {
.post .post-media {
width: 341px;
}
}
@media (max-width: 767px) {
.post .post-media {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
}
.post .post-media img,
.post .post-media .media-content {
width: 100%;
height: auto;
display: block;
}
.post:after {
content: "";
display: block;
clear: both;
}
.big-btn {
width: 33.333333333333332%;
margin: 0 auto;
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
@media (max-width: 1042px) {
.big-btn {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.big-btn {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
.search-bar-holder {
background: #f2f2f2;
}
.search-bar {
max-width: 1044px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 1042px) {
.search-bar {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.search-bar {
padding-right: 0;
padding-left: 0;
}
}
.search-bar .form-item {
float: left;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.search-bar .form-item {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.search-bar .form-item {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.search-bar .form-item {
width: 100%;
}
}
.search-bar .text-item {
width: 75%;
position: relative;
}
@media (max-width: 767px) {
.search-bar .text-item {
width: 100%;
}
}
.search-bar .submit-item {
width: 25%;
}
@media (max-width: 767px) {
.search-bar .submit-item {
display: none;
}
}
.search-bar .form-text {
width: 100%;
display: block;
line-height: 30px;
height: 42px;
padding: 5px 30px 5px 10px;
}
@media (max-width: 767px) {
.search-bar .form-text {
padding: 5px 30px 5px 20px;
}
}
.search-bar .form-submit {
text-transform: uppercase;
border-radius: 5px;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
text-decoration: none;
color: #fff;
line-height: 22px;
padding: 10px;
width: 100%;
display: block;
text-align: center;
background: #e8112d;
cursor: pointer;
}
.search-bar:after {
display: block;
clear: both;
content: "";
}
.filter-bar-holder {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.filter-bar-holder {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.filter-bar-holder {
padding-right: 0;
padding-left: 0;
}
}
.filter-bar {
padding-top: 10px;
line-height: 30px;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.filter-bar {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.filter-bar {
padding-right: 20px;
padding-left: 20px;
}
}
.filter-bar .filter-container .filter-opener {
color: #e8112d;
cursor: pointer;
display: none;
}
@media (max-width: 767px) {
.filter-bar .filter-container .filter-opener {
display: inline-block;
vertical-align: top;
padding-right: 30px;
position: relative;
}
}
.filter-bar .filter-container .filter-opener span {
float: left;
}
.filter-bar .filter-container .filter-opener span:before {
width: 15px;
height: 15px;
content: " ";
position: absolute;
z-index: 4;
right: 0;
top: 7px;
background: url(/Content/images/icon-down-red-arrow.svg) no-repeat 50% 50%;
}
.filter-bar .filter-container ul:after {
display: block;
clear: both;
content: "";
}
@media (max-width: 767px) {
.filter-bar .filter-container ul {
display: none;
}
}
.filter-bar .filter-container ul li {
float: left;
padding-right: 40px;
position: relative;
}
@media (max-width: 767px) {
.filter-bar .filter-container ul li {
float: none;
}
}
.filter-bar .filter-container ul li:after {
display: block;
clear: both;
content: "";
}
.filter-bar .filter-container ul li .select-item {
position: relative;
float: left;
overflow: hidden;
}
.filter-bar .filter-container ul li .select-item select {
outline: none;
background: transparent;
width: auto;
float: left;
line-height: 1.2;
color: #e8112d;
font-size: 12px;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
border: 0;
padding: 5px 20px 5px 0;
z-index: 5;
-webkit-appearance: none;
-moz-appearance: none;
text-transform: uppercase;
}
.filter-bar .filter-container ul li .select-item select::-ms-expand {
display: none;
}
.filter-bar .filter-container ul li .select-item:before {
width: 15px;
height: 15px;
content: " ";
position: absolute;
z-index: -1;
right: 0;
top: 50%;
margin-top: -7px;
background: url(/Content/images/icon-down-red-arrow.svg) no-repeat 50% 50%;
}
.blockqute-holder {
min-height: 110px;
position: relative;
width: 100%;
max-width: 1024px;
margin: 25px auto;
background: none !important;
padding-bottom: 90px;
}
.blockqute-holder .blockqute-author {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
margin-top: 10px;
text-transform: uppercase;
}
.blockqute-holder .blockqute-author:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.blockqute-holder::before {
content: "";
background-image: url(/Content/images/icon-blockqute-new-left.png);
position: absolute;
top: 25%;
left: 0;
width: 35.743px;
height: 26.727px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.blockqute-holder::after {
content: "";
background-image: url(/Content/images/icon-blockqute-new-right.png);
position: absolute;
top: 25%;
right: 0;
width: 35.743px;
height: 26.727px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transform: rotate(360deg);
}
@media (max-width: 767px) {
.blockqute-holder {
padding: 85px 30px 20px;
padding-top: 0;
}
}
.blockqute-holder p {
margin-bottom: 10px;
}
.blockqute-holder .name,
.blockqute-holder .blockqute-title {
display: block;
}
.blockqute-holder .gill_base_big {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: normal;
font-size: 30px;
line-height: 33px;
text-transform: uppercase;
display: block;
text-transform: none;
line-height: 36px;
margin-top: -3px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #e8112d;
letter-spacing: 0.1254471206665039px;
width: 90%;
margin: 0 auto;
text-decoration: none;
}
.blockqute-holder .gill_base_big:hover,
.blockqute-holder .gill_base_big:active,
.blockqute-holder .gill_base_big:focus,
.blockqute-holder .gill_base_big:visited {
text-decoration: none;
}
.blockqute-holder .gill_base_big:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
/* red_cookies_line */
.red_cookies_line {
position: fixed;
/*display: none;*/
bottom: 0;
left: 0;
width: 100%;
z-index: 8999;
background: #e8112d !important;
color: #fff !important;
}
.red_cookies_line a {
color: #000;
}
.red_cookies_line .content {
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
position: relative;
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.red_cookies_line .content {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.red_cookies_line .content {
padding-right: 20px;
padding-left: 20px;
}
}
.red_cookies_line .content .holder {
display: table;
}
.red_cookies_line .content .holder .btn-container,
.red_cookies_line .content .holder .text-container {
display: table-cell;
vertical-align: middle;
}
.red_cookies_line .content .btn-close {
width: 26px;
height: 26px;
display: block;
text-indent: -9999px;
overflow: hidden;
background: #fff;
border-radius: 13px;
position: relative;
margin-right: 20px;
cursor: pointer;
}
.red_cookies_line .content .btn-close:after,
.red_cookies_line .content .btn-close:before {
display: block;
content: "";
width: 0;
height: 12px;
border: 1px solid #e8112d;
position: absolute;
top: 50%;
right: 50%;
margin: -6px -1px 0 0;
}
.red_cookies_line .content .btn-close:after {
transform: rotate(45deg);
}
.red_cookies_line .content .btn-close:before {
transform: rotate(-45deg);
}
.red_cookies_line .content .text-container p {
font-size: 12px;
text-transform: uppercase;
vertical-align: middle;
margin: 0;
}
.red_cookies_line .content .text-container p a {
font-family: "Arial Black", Gadget, sans-serif;
}
.red_cookies_line .content .right-btn-container {
float: right;
margin: -10px 0;
}
.red_cookies_line .content .right-btn-container .btn-bordered {
vertical-align: middle;
}
.red_cookies_line .content .right-btn-container .btn-bordered a {
display: block;
white-space: nowrap;
}
@media (max-width: 1042px) {
.red_cookies_line .content .right-btn-container {
margin: 0;
}
}
@media (max-width: 767px) {
.red_cookies_line .content .right-btn-container {
float: none;
position: absolute;
bottom: 10px;
left: 20px;
right: 20px;
}
.red_cookies_line .content .right-btn-container .btn-bordered {
margin: 5px 0;
}
.red_cookies_line .content .right-btn-container .btn-bordered a {
display: block;
}
}
@media (max-width: 767px) {
.red_cookies_line .content {
padding-bottom: 110px;
}
}
.searchInput {
max-width: 1024px;
width: 100%;
margin: 20px auto;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
}
.searchInput-input {
width: 85%;
margin-right: 19px;
}
.searchInput-input input[type="text"] {
width: 100%;
height: 26px;
border: 2px solid #cccccc;
border-radius: 5px;
padding: 5px 10px;
}
.searchInput-input input[type="text"]:focus {
outline: none;
}
.searchInput-button {
width: 15%;
height: 26px;
border-radius: 5px;
background-color: #e8112d;
color: #ffffff;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
cursor: pointer;
align-items: center;
}
.searchInput-button div {
text-transform: uppercase;
width: 100%;
margin: auto;
text-align: center;
}
@media (max-width: 1042px) {
.searchInput {
padding-left: 16px;
padding-right: 18px;
}
}
@media (max-width: 767px) {
.searchInput {
padding-left: 16px;
padding-right: 18px;
}
.searchInput-input {
width: 75%;
}
.searchInput-button {
width: 25%;
}
}
/* search */
.search-results .title-section {
background: #f2f2f2;
padding: 12px 0 11px;
margin-bottom: 18px;
}
@media (max-width: 1042px) {
.search-results .title-section {
padding-left: 31px;
padding-right: 30px;
}
}
.search-results .title-section h2 {
margin-bottom: 3px;
}
.search-results .title-section strong {
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 13px;
}
.search-results .title-section .pagination {
margin-bottom: 0;
}
.search-results .pagination {
font-weight: bold;
margin-bottom: 20px;
}
.search-results .pagination::after {
content: "";
display: table;
clear: both;
}
.search-results .pagination .prev,
.search-results .pagination .next,
.search-results .pagination span,
.search-results .pagination ul,
.search-results .pagination ul li {
display: inline-block;
}
.search-results .pagination span {
margin-right: 5px;
}
.search-results .pagination ul {
border-right: 1px solid #000;
padding-right: 3px;
}
.search-results .pagination ul li {
border-left: 1px solid #000;
padding-left: 3px;
}
.search-results .wrapper-centered::after {
content: "";
display: table;
clear: both;
}
.search-results .search-content {
width: 760px;
float: left;
}
@media (max-width: 1042px) {
.search-results .search-content {
width: 70%;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.search-results .search-content {
width: 100%;
padding-right: 30px;
}
}
.search-results .breadcrumbs ul {
padding-bottom: 8px;
}
.search-results .breadcrumbs ul li {
color: #7e7e7e;
opacity: 0.7;
}
.search-results .breadcrumbs ul li a,
.search-results .breadcrumbs ul li em {
color: #7e7e7e;
}
.search-results .search-item {
border-bottom: 1px solid #000;
padding-bottom: 23px;
margin-bottom: 20px;
}
.search-results .search-item .search-title {
margin-bottom: 9px;
}
.search-results .search-item .btn-holder a {
margin: 0;
}
.search-results .filters {
width: 260px;
float: right;
padding: 9px 20px 0 0;
}
@media (max-width: 1042px) {
.search-results .filters {
width: 25%;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.search-results .filters {
width: 100%;
padding: 0 30px 0 31px;
}
}
.search-results .filters h2 {
margin-bottom: 14px;
}
.search-results .filters h3 {
border-width: 1px 0;
border-style: solid;
border-color: #ccc;
line-height: 19px;
padding: 15px 0;
margin-bottom: 12px;
}
.search-results .filters ul {
margin-bottom: 5px;
overflow: hidden;
}
.search-results .filters ul li {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 14px;
}
.article-boilerplate .article-social {
float: none;
padding: 10px;
padding-top: 5px;
padding-right: 0;
}
.article-boilerplate .article-social ul {
float: left;
}
.article-boilerplate .article-social ul li {
width: 25px;
height: 25px;
}
.article-boilerplate .article-social ul li a {
line-height: 2;
}
/*
// new as of G4S-AS-32167 Social media integration - Edit social media buttons in the footer
.footer-copyright {
.footer-social {
float: none; padding: 10px;
ul {
float: left;
li {
width: 25px;
height: 25px;
a {
line-height: 2;
}
}
}
}
}
*/
/* tabs */
.tabs-layout {
max-width: 1044px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 1042px) {
.tabs-layout {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.tabs-layout {
padding-right: 0;
padding-left: 0;
}
}
.tabset {
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 1042px) {
.tabset {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.tabset {
padding-left: 20px;
padding-right: 20px;
}
}
.tabset:after {
display: block;
clear: both;
content: "";
}
.tabset li {
float: left;
width: 50%;
}
@media (max-width: 767px) {
.tabset li {
width: 100%;
padding-bottom: 10px;
}
}
.tabset li a {
display: block;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 18px;
display: block;
margin: 0;
padding-left: 33px;
padding-right: 33px;
padding-top: 23px;
padding-bottom: 17px;
color: #333;
background: #d4d4d3;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
text-decoration: none;
}
.tabset li a:lang(sr-Latn-RS) {
/* for G4S-AS-32615 Serbian characters */
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
@media (max-width: 767px) {
.tabset li a {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px;
}
}
@media (max-width: 767px) {
.tabset li a {
margin: 0;
padding: 10px 22px;
border-radius: 5px;
text-align: center;
background: #f2f2f2;
color: #e8112d;
}
}
.tabset li a.active {
background: #f2f2f2;
color: #e8112d;
}
@media (max-width: 767px) {
.tabset li a.active {
background: #e8112d;
color: #fff;
}
}
.tab-content {
margin-left: 10px;
margin-right: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 30px;
background: #f2f2f2;
position: relative;
}
@media (max-width: 1042px) {
.tab-content {
margin-left: 7px;
margin-right: 7px;
}
}
@media (max-width: 767px) {
.tab-content {
background: none;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
}
.tab-content .content-details {
display: table;
width: 100%;
}
.tab-content .content-details .row {
display: table-row;
}
.tab-content .content-details .row.visible {
display: table-row !important;
}
.tab-content .content-details .row.no-visible {
position: absolute;
display: block;
overflow: hidden;
width: 0;
height: 0;
}
.tab-content .content-details .row:first-child .details-item {
text-align: left;
color: #e8112d;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
text-transform: uppercase;
padding-left: 25px;
vertical-align: middle;
}
@media (max-width: 1042px) {
.tab-content .content-details .row:first-child {
padding-left: 10px;
}
}
@media (max-width: 767px) {
.tab-content .content-details .row:first-child {
display: none;
padding-left: 0;
}
}
@media (max-width: 767px) {
.tab-content .content-details .row {
display: block;
border-bottom: 1px solid #000;
margin-bottom: 18px;
}
}
.tab-content .content-details .row .details-item {
display: table-cell;
border-bottom: 1px solid #000;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
vertical-align: middle;
width: 115px;
}
.tab-content .content-details .row .details-item:nth-child(1),
.tab-content .content-details .row .details-item:nth-child(2) {
text-transform: uppercase;
text-align: left;
vertical-align: top;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item:nth-child(1),
.tab-content .content-details .row .details-item:nth-child(2) {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
}
.tab-content .content-details .row .details-item:nth-child(1) {
padding-left: 0;
width: 145px;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item:nth-child(1) {
width: 30%;
}
}
.tab-content .content-details .row .details-item:nth-child(2) {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
width: 275px;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item:nth-child(2) {
width: 70%;
}
}
.tab-content .content-details .row .details-item:nth-child(3) {
width: 85px;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item:nth-child(3) {
width: auto;
}
}
.tab-content .content-details .row .details-item:nth-child(3):before {
display: block;
clear: both;
content: "";
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item {
display: block;
border: none;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
width: auto;
}
}
.tab-content .content-details .row .details-item .media-item {
width: 85px;
position: relative;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item .media-item {
width: 100%;
padding-bottom: 10px;
}
}
.tab-content .content-details .row .details-item .media-item img {
width: 100%;
height: auto;
display: block;
}
.tab-content .content-details .row .details-item .media-item .play-btn {
text-indent: -9999px;
overflow: hidden;
width: 30px;
height: 30px;
content: " ";
position: absolute;
right: 50%;
top: 50%;
z-index: 1;
margin: -15px -15px 0 0;
background: url(/Content/images/icon-play-video-tr.svg) no-repeat 50% 50%;
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item .media-item .play-btn {
width: 70px;
height: 70px;
margin: -35px -35px 0 0;
}
}
@media (max-width: 767px) {
.tab-content .content-details .row .details-item .icon-btn {
margin-bottom: 10px;
}
}
.tab-content .content-details .row .details-item .icon-btn .scEmptyImage,
.tab-content .content-details .row .details-item .icon-btn .scTextWrapper,
.tab-content .content-details .row .details-item .icon-btn a[sc-part-of="field"] {
display: block;
position: relative;
z-index: 1000;
height: 25px;
width: 25px;
min-width: 25px;
min-height: 25px;
text-indent: -9999px;
border-radius: 20px;
background: #f2f2f2;
opacity: 0.8;
}
.tab-content .content-details .row .details-item .icon-btn a[sc-part-of="field"] {
opacity: 0.1;
}
.tab-content .content-details .row .details-item .audio-item {
display: none;
}
.tab-content .filter-bar {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 20px;
}
.tab-content .filter-bar label {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
padding-bottom: 5px;
}
.tab-content .filter-bar .selectWrapper {
width: 240px;
}
@media (max-width: 767px) {
.tab-content .filter-bar .selectWrapper {
width: 100%;
}
}
.selectWrapper {
width: 100%;
height: 44px;
overflow: hidden;
position: relative;
}
.selectWrapper .selectValue {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
padding: 10px 44px 10px 10px;
line-height: 24px;
font-size: 12px;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: 900;
color: #fff;
background: #e8112d;
z-index: 10;
}
.selectWrapper .selectValue:after {
position: absolute;
right: 14px;
top: 50%;
margin-top: -3px;
width: 0;
height: 0;
content: '';
z-index: 8;
border-style: none;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.selectWrapper .selectValue:before {
position: absolute;
right: 40px;
width: 0;
top: 50%;
height: 24px;
margin-top: -12px;
content: '';
z-index: 8;
border-style: none;
border-left: 1px solid #c00;
}
.form-group .selectWrapper .selectValue {
font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
.form-group .selectWrapper .selectValue {
color: #fff;
background: #e8112d;
}
.form-group .selectWrapper .selectValue:after {
border-top: 6px solid #fff;
}
.form-group .selectWrapper .selectValue:before {
border-left-color: #c00;
}
}
@media (max-width: 767px) {
.selectWrapper .selectValue {
background: #f2f2f2;
color: #e8112d;
}
.selectWrapper .selectValue:after {
border-top: 6px solid #e8112d;
}
.selectWrapper .selectValue:before {
border-left-color: #e8112d;
}
}
.selectWrapper select {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
opacity: 0;
z-index: 20;
}
.details-item .media-item .scEmptyImage {
display: none !important;
}
.details-item .media-item.video-added .scEmptyImage {
display: block !important;
}
@media (max-width: 767px) {
#main > *:nth-child(2n) .tabset li a {
background: #fff;
}
}
#main > *:nth-child(2n) .tabset li a.active {
background: #fff;
}
@media (max-width: 767px) {
#main > *:nth-child(2n) .tabset li a.active {
background: #e8112d;
}
}
#main > *:nth-child(2n) .tab-content {
background: #fff;
}
@media (max-width: 767px) {
#main > *:nth-child(2n) .tab-content {
background: none;
}
}
@media (max-width: 767px) {
#main > *:nth-child(2n) .tab-content .filter-bar .selectWrapper .selectValue {
background-color: #fff;
}
}
.tagFilter {
max-width: 1024px;
width: 100%;
background: none !important;
margin: 0 auto;
margin-bottom: 20px;
}
.tagFilter-title {
display: flex;
justify-items: center;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
.tagFilter-title-image {
height: 21px;
width: 21px;
margin-right: 5px;
position: relative;
}
.tagFilter-title-image:after {
width: 25px;
height: 25px;
content: " ";
position: absolute;
right: 0;
top: 0;
z-index: 100;
background: url(/Content/images/tag.png) no-repeat 50% 50%;
}
.tagFilter-title-text {
text-transform: uppercase;
font-size: 16px;
}
.tagFilter-tags {
display: flex;
margin-left: 27px;
flex-flow: row wrap;
}
.tagFilter-tags-item {
background-color: #f2f2f2;
color: #000000;
height: 25px;
border-radius: 5px;
padding: 0 10px;
margin-right: 15px;
display: flex;
align-items: center;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 11px;
cursor: pointer;
}
.tagFilter-tags-item.active {
background-color: #e8112d;
color: #ffffff;
}
@media (max-width: 1042px) {
.tagFilter {
padding-right: 16px;
padding-left: 18px;
}
}
@media (max-width: 767px) {
.tagFilter {
padding-right: 16px;
padding-left: 18px;
}
}
.hideTags {
display: none;
}
/* team */
.team-holder {
padding: 15px 0;
}
.team-holder .team {
max-width: 1044px;
margin: 0 auto;
padding-right: 11px;
padding-left: 10px;
}
@media (max-width: 1042px) {
.team-holder .team {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.team-holder .team {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 1042px) {
.team-holder .team {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.team-holder .team {
padding-right: 20px;
padding-left: 20px;
}
}
.team-holder .team .member {
border: 1px solid #666;
margin-bottom: 10px;
padding: 10px;
}
.team-holder .team .member::after {
content: "";
display: table;
clear: both;
}
.team-holder .team .member .image-holder {
float: left;
width: 35%;
}
.team-holder .team .member .image-holder img {
width: 100%;
height: auto;
vertical-align: text-bottom;
}
@media (max-width: 767px) {
.team-holder .team .member .image-holder {
width: 100%;
font-variant: normal;
margin-bottom: 20px;
}
}
.team-holder .team .member .text {
width: 65%;
float: left;
padding-left: 20px;
}
@media (max-width: 767px) {
.team-holder .team .member .text {
width: 100%;
font-variant: normal;
padding-left: 0;
}
}
.team-holder .team .member .text h2 {
margin-bottom: 15px;
}
.team-holder .team .member .text strong {
font-weight: bold;
}
.team-holder .team .member .text .to-top {
float: right;
font-weight: bold;
}
.team-holder .team .member .text .to-top:after {
display: inline-block;
line-height: 0;
vertical-align: middle;
margin: -2px 0 0 4px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-bottom: 5px solid #e8112d;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
/* Ally service widget */
.allyWidget div[style] {
bottom: 8% !important;
}
.allyWidget div[style] div.close-bubble-background[style] {
bottom: 10% !important;
}
.allyWidget div[style] div.close-bubble[style] {
bottom: 10% !important;
}
/* three_col-list */
.three-col-list {
padding: 26px 0 15px;
}
.three-col-list .heading-component {
margin-bottom: 22px;
}
@media (max-width: 767px) {
.three-col-list .columns-holder {
padding-left: 20px;
padding-right: 20px;
}
}
.three-col-list .column {
float: left;
width: 33.33%;
padding-right: 10px;
}
@media (max-width: 767px) {
.three-col-list .column {
float: none;
width: 100%;
padding: 0;
}
}
.three-col-list.reverse .column {
float: right;
}
.three-col-list.reverse .columns-list .column {
float: left;
}
.three-col-list .columns-list .column:last-child .sectors-list {
margin-bottom: 15px;
border-bottom: 2px solid #e8112d;
}
@media (max-width: 767px) {
.three-col-list .columns-list {
float: none;
}
.three-col-list .columns-list .column .sectors-list {
margin-bottom: 0;
border-bottom: none;
}
}
.three-col-list .intro-text {
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
line-height: 22px;
line-height: 21px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.three-col-list .intro-text {
font-size: 15px;
line-height: 19px;
}
}
.three-col-list .intro-text:lang(sr-Latn-RS) {
font-family: Arial, "Gill Sans MT", "Lucida Sans Unicode", "Lato Hairline";
}
.three-col-list .intro-text .heading2 {
margin-bottom: 5px;
}
.three-col-list .intro-text .heading-component {
margin: 0 0 5px;
}
.three-col-list .intro-text .text {
margin-bottom: 10px;
}
.three-col-list .intro-text .text a {
font: 12px Arial, Helvetica, sans-serif;
font-weight: 900;
}
.three-col-list .intro-text .note {
font: 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-right: 30%;
}
.three-col-list .intro-text .note mark {
display: block;
background: none;
color: #e8112d;
font-weight: 900;
}
.three-col-list .sectors-list {
position: relative;
border-bottom: 2px solid #e8112d;
font-weight: 900;
margin-bottom: 15px;
}
.three-col-list .sectors-list li {
background: #f2f2f2;
margin-bottom: 1px;
}
.three-col-list .sectors-list li:last-child {
margin-bottom: 0;
}
.three-col-list .sectors-list li:not(.page-editor) a,
.three-col-list .sectors-list li .list-item-holder {
display: block;
padding: 12px 10px;
text-decoration: none;
}
.three-col-list .sectors-list li .icon {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 27px;
padding: 10px;
background: #fff;
vertical-align: middle;
margin-right: -58px;
position: relative;
z-index: 20;
}
.three-col-list .sectors-list li .icon img,
.three-col-list .sectors-list li .icon img.scEmptyImage {
min-height: 34px;
min-width: 34px;
max-height: 34px;
max-width: 34px;
}
.three-col-list .sectors-list li .text {
display: inline-block;
vertical-align: middle;
width: 100%;
padding-left: 64px;
}
.three-col-list .sectors-list li a,
.three-col-list .sectors-list li .list-item-holder {
color: #000;
}
.three-col-list .sectors-list li a:hover .text,
.three-col-list .sectors-list li .list-item-holder:hover .text {
text-decoration: underline;
}
.three-col-list .sectors-list li a:before,
.three-col-list .sectors-list li .list-item-holder:before {
content: "";
width: 14px;
height: 14px;
border-radius: 7px;
margin: 20.25px -40px 20.25px 20.25px;
display: inline-block;
vertical-align: middle;
background: #e8112d;
}
.three-col-list .sectors-list li.page-editor a:before {
display: none;
}
.three-col-list .sectors-list li.page-editor > .list-item-holder > .icon {
opacity: 0;
margin-left: 10px;
margin-right: -70px;
}
.three-col-list .sectors-list li.page-editor > .list-item-holder > .icon + a {
display: inline-block;
vertical-align: middle;
width: 100%;
padding-left: 74px;
color: #000;
}
.three-col-list .sectors-list li.page-editor > .list-item-holder > .text {
padding-left: 74px;
}
.three-col-list * + .sectors-list::before {
position: absolute;
top: -9px;
left: 28px;
width: 0;
height: 0;
content: '';
z-index: 2;
border-style: none;
border-bottom: 9px solid #f2f2f2;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
#main > *:nth-child(2n) .sectors-list li {
background: #fff;
}
#main > *:nth-child(2n) .sectors-list .icon {
background: #f2f2f2;
}
/* two-col-investors */
.two-col-investors {
padding-top: 20px;
padding-bottom: 10px;
}
.two-col-investors .two-col-investors-holder {
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.two-col-investors .two-col-investors-holder {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.two-col-investors .two-col-investors-holder {
padding-right: 0;
padding-left: 0;
}
}
.two-col-investors:after {
display: block;
content: "";
clear: both;
}
.two-col-investors .colum {
float: left;
width: 50%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
@media (max-width: 1042px) {
.two-col-investors .colum {
float: none;
width: 100%;
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.two-col-investors .colum {
padding-left: 20px;
padding-right: 20px;
}
}
.two-col-investors .colum .col-title {
overflow: hidden;
border-bottom: 1px solid #000;
margin-bottom: 5px;
}
.two-col-investors .colum .col-title .title-item {
float: right;
line-height: 25px;
padding-right: 35px;
text-align: right;
font-family: "Arial Black", Gadget, sans-serif;
color: #e8112d;
text-transform: uppercase;
position: relative;
}
.two-col-investors .colum .col-title .title-item:after {
width: 25px;
height: 25px;
content: " ";
position: absolute;
right: 0;
top: 0;
z-index: 100;
background: url(/Content/images/icon-diagram.png) no-repeat 50% 50%;
}
@media (max-width: 1042px) {
.two-col-investors .colum .col-title .title-item {
display: none;
}
}
.two-col-investors .colum .col-title .heading3 {
overflow: hidden;
color: #e8112d;
}
.two-col-investors .colum .col-subtitel {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 5px;
margin-bottom: 5px;
text-transform: uppercase;
line-height: 20px;
}
.two-col-investors .colum .col-content .media img,
.two-col-investors .colum .col-content .media iframe {
width: 100%;
height: auto;
}
.two-col-investors .colum .col-content .media iframe {
height: 175px;
}
.two-col-investors .colum .heading3 {
border-top: 1px solid #000;
padding-top: 10px;
}
.two-col-investors .colum .share-activity {
padding-top: 10px;
display: block;
width: 100%;
}
.two-col-investors .colum .share-activity .activity {
padding-right: 0;
padding-bottom: 10px;
padding-left: 100px;
}
.two-col-investors .colum .share-activity .activity:before {
top: 3px;
left: 20px;
width: 47px;
height: 47px;
background: url(/Content/images/icon-activity-red-fill.png) no-repeat;
}
.two-col-investors .colum .share-activity .activity:first-child:before {
background: url(/Content/images/icon-activity-black-fill.png) no-repeat;
}
@media (max-width: 1042px) {
.two-col-investors .colum .share-activity .activity {
width: 100%;
padding-left: 60px;
}
.two-col-investors .colum .share-activity .activity:before {
left: 0;
}
}
.two-col-investors .colum .share-activity .activity li {
border-bottom: none;
border-top: 1px solid #f2f2f2;
}
.two-col-investors .colum .share-activity .activity li:first-child {
border-top: none;
}
.two-col-investors .items-holder {
font-size: 0;
line-height: 0;
margin-left: -10px;
margin-right: -10px;
padding-top: 33px;
}
@media (max-width: 1042px) {
.two-col-investors .items-holder {
white-space: nowrap;
overflow-x: auto;
margin-left: -7px;
margin-right: -7px;
}
}
@media (max-width: 767px) {
.two-col-investors .items-holder {
margin-left: -20px;
margin-right: -20px;
}
}
.two-col-investors .items-holder .intro-item .content {
width: 135px;
margin: 0 auto;
}
.two-col-investors .items-holder .intro-item .content .item-visual {
border: 3px solid #e8112d;
height: 135px;
width: 135px;
}
.two-col-investors .items-holder .intro-item .content .item-visual .visual-text {
height: 129px;
width: 129px;
background: #fff;
color: #000;
}
.two-col-investors .heading2 {
color: #e8112d;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 1042px) {
.two-col-investors .heading2 {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.two-col-investors .heading2 {
padding-left: 20px;
padding-right: 20px;
}
}
.two-col-investors .heading4 {
text-transform: none;
}
.videoGrid {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
background: none !important;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
padding-bottom: 90px;
}
.videoGrid-title {
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
width: 100%;
margin-bottom: 15px;
}
.videoGrid-content {
width: 100%;
display: flex;
}
.videoGrid-content-featuredVideo {
max-width: 780px;
width: 100%;
}
.videoGrid-content-featuredVideo-video {
max-height: 440px;
max-width: 780px;
width: 100%;
}
.videoGrid-content-featuredVideo-title {
margin-top: 15px;
max-width: 659px;
font-size: 28px;
line-height: 30px;
text-transform: uppercase;
}
.videoGrid-content-featuredVideo-title a {
text-decoration: none;
color: #000000;
}
.videoGrid-content-featuredVideo-title a:hover,
.videoGrid-content-featuredVideo-title a:active,
.videoGrid-content-featuredVideo-title a:focus {
text-decoration: none;
color: #000000;
}
.videoGrid-content-sidebar {
max-width: 226px;
margin-left: 18px;
width: 100%;
}
.videoGrid-content-sidebar-block {
height: 200px;
margin-bottom: 20px;
}
.videoGrid-content-sidebar-block-title {
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
width: 220px;
}
.videoGrid-content-sidebar-block-title a {
text-decoration: none;
color: #000000;
}
.videoGrid-content-sidebar-block-title a:hover,
.videoGrid-content-sidebar-block-title a:active,
.videoGrid-content-sidebar-block-title a:focus {
text-decoration: none;
color: #000000;
}
@media (max-width: 1042px) {
.videoGrid {
padding-left: 27px;
padding-right: 29px;
}
.videoGrid-content {
display: block;
}
.videoGrid-content-featuredVideo {
max-width: none;
}
.videoGrid-content-featuredVideo-video {
max-height: none;
max-width: none;
}
.videoGrid-content-featuredVideo-video img {
width: 100%;
height: auto;
}
.videoGrid-content-featuredVideo-title {
max-width: none;
font-weight: normal;
}
.videoGrid-content-sidebar {
margin-left: 0;
max-width: none;
display: flex;
margin-top: 20px;
}
.videoGrid-content-sidebar-block {
width: 48%;
height: auto;
}
.videoGrid-content-sidebar-block:last-child {
margin-left: auto;
}
.videoGrid-content-sidebar-block-video {
width: 100%;
height: auto;
}
.videoGrid-content-sidebar-block-video img {
width: 100%;
height: auto;
}
.videoGrid-content-sidebar-block-title {
font-weight: normal;
font-size: 16px;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
line-height: 30px;
width: 100%;
}
}
@media (max-width: 767px) {
.videoGrid {
padding-left: 27px;
padding-right: 29px;
}
.videoGrid-content {
flex-direction: column;
}
.videoGrid-content-featuredVideo {
max-width: none;
}
.videoGrid-content-featuredVideo-video {
max-height: none;
max-width: none;
}
.videoGrid-content-featuredVideo-video img {
width: 100%;
height: auto;
}
.videoGrid-content-featuredVideo-title {
max-width: none;
font-size: 16px;
font-weight: normal;
}
.videoGrid-content-sidebar {
margin-left: 0;
max-width: none;
display: flex;
margin-top: 20px;
flex-direction: column;
}
.videoGrid-content-sidebar-block {
width: 100%;
height: auto;
}
.videoGrid-content-sidebar-block:last-child {
margin-left: auto;
margin-bottom: 20px;
}
.videoGrid-content-sidebar-block-video {
width: 100%;
height: auto;
}
.videoGrid-content-sidebar-block-video img {
width: 100%;
height: auto;
}
.videoGrid-content-sidebar-block-title {
font-weight: normal;
margin-top: 15px;
font-size: 16px;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
line-height: 30px;
width: 100%;
}
}
.videoGrid .flowplayer {
background-size: cover !important;
}
/* video-text */
.video-text {
padding-top: 30px;
padding-bottom: 10px;
max-width: 1044px;
margin: 0 auto;
}
@media (max-width: 1042px) {
.video-text {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.video-text {
padding-right: 0;
padding-left: 0;
}
}
.video-text:after {
content: '';
display: block;
clear: both;
}
.video-text-item {
padding-right: 11px;
padding-left: 10px;
width: 50%;
float: left;
padding-bottom: 20px;
}
@media (max-width: 1042px) {
.video-text-item {
padding-right: 8px;
padding-left: 7px;
}
}
@media (max-width: 767px) {
.video-text-item {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.video-text-item {
width: 100%;
}
}
.video-text-item .media-item {
text-align: center;
}
.video-text-item .media-item img {
display: block;
margin-bottom: 10px;
width: 100%;
height: auto;
}
.video-text .heading2 {
color: #e8112d;
}
.moreButtonWrapper {
padding-bottom: 90px;
background-color: #fff !important;
}
.moreButtonWrapper .moreButton {
max-width: 260px;
width: 100%;
margin: 0 auto;
height: 59px;
background-color: #e8112d !important;
border-radius: 10px;
display: flex;
align-items: center;
}
.moreButtonWrapper .moreButton:after {
content: "";
display: block;
margin-bottom: 10px;
}
.moreButtonWrapper .moreButton-text {
border-radius: 10px;
width: 100%;
text-align: center;
text-decoration: none;
font-size: 14px;
}
.moreButtonWrapper .moreButton-text span {
text-transform: uppercase;
text-decoration: none;
color: #fff;
}
@media (max-width: 767px) {
.moreButtonWrapper {
padding-top: 30px;
padding-bottom: 82px;
}
}
.article-expander {
color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0 2px;
max-width: 1044px;
width: 100%;
margin: 0 auto;
}
.article-expander-header {
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 0;
}
.article-expander-title {
font-weight: bold;
color: #e8112d;
text-transform: uppercase;
font-family: "Arial Black", Gadget, sans-serif;
line-height: 21px;
font-weight: 900;
display: block;
}
.article-expander-button {
position: relative;
height: 25px;
width: 25px;
}
.article-expander-icon {
position: absolute;
right: 0;
overflow: hidden;
width: 25px;
height: 25px;
border-radius: 12.5px;
border: 2px solid #000;
display: flex;
align-items: center;
justify-content: center;
}
.article-expander-icon::after {
position: relative;
content: "\002B";
font-size: 23px;
line-height: 25px;
font-weight: bold;
text-align: center;
width: 25px;
height: 25px;
margin: 0 auto;
}
.article-expander-icon.active-icon::after {
position: absolute;
content: "\2212";
}
.article-expander-text {
cursor: default;
display: none;
padding-bottom: 36px;
text-align: justify;
}
.article-expander-text img {
width: 100% !important;
height: auto !important;
}
.article-expander-text a {
font-weight: bold !important;
text-transform: none !important;
text-decoration: none !important;
}
.article-expander:last-child {
margin-bottom: 18px;
}
.article-expander:not(:first-child) {
margin-top: -1px;
}
.article-expander:first-child {
margin-top: 18px;
}
.article-expander::before {
content: "";
height: 18px;
}
@media (max-width: 1042px) {
.article-holder .expander-wrapper {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.article-holder .expander-wrapper {
padding-right: 0;
padding-left: 0;
}
}
.expander-wrapper {
padding-top: 18px;
padding-bottom: 18px;
padding-left: 10px;
padding-right: 11px;
}
@media (max-width: 1042px) {
.expander-wrapper {
padding-right: 30px;
padding-left: 31px;
}
}
@media (max-width: 767px) {
.expander-wrapper {
padding-right: 20px;
padding-left: 21px;
}
}
.textForm {
padding: 30px 0;
font-family: "Gill Sans MT", Arial, "Lucida Sans Unicode", "Lato Hairline", sans-serif;
}
.textForm-wrapper {
max-width: 1044px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1042px) {
.textForm-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.textForm-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.textForm-left {
width: 45%;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
line-height: 22px;
}
@media (max-width: 767px) {
.textForm-left {
font-size: 15px;
line-height: 19px;
}
}
.textForm-left > .gill_base_big {
width: 100%;
}
.textForm-left > .gill_base_big > p > iframe {
width: 100%;
}
.textForm-left > .gill_base_big > iframe {
width: 100%;
}
.textForm-left > .gill_base_big > p > img {
width: 100% !important;
height: auto !important;
}
.textForm-left > .gill_base_big > img {
width: 100% !important;
height: auto !important;
}
.textForm-left > h1,
.textForm-left > h2,
.textForm-left > h3,
.textForm-left > h4,
.textForm-left > h5,
.textForm-left > h6 {
font-family: "Arial Black", Gadget, sans-serif;
color: #e8112d;
}
.textForm-right {
width: 50%;
}
@media (max-width: 1042px) {
.textForm-left,
.textForm-right {
width: 100%;
padding: 0 37px;
margin-top: 37px;
}
}
@media (max-width: 767px) {
.textForm-left,
.textForm-right {
width: 100%;
padding: 0 37px;
margin-top: 37px;
}
}
@media (max-width: 1042px) {
.textForm-left {
margin-top: 0;
padding-top: 10px;
}
}
@media (max-width: 767px) {
.textForm-left {
margin-top: 0;
padding-top: 10px;
}
}
.textForm-salesforceForm {
background-color: #f2f2f2;
box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
border-radius: 2px;
padding: 25px;
}
.textForm-salesforceForm-title {
color: #000;
margin-bottom: 25px;
}
.textForm-salesforceForm-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.textForm-salesforceForm-name > div {
width: 48%;
}
.textForm-salesforceForm-field {
position: relative;
}
.textForm-salesforceForm-field > a {
color: #000;
text-transform: none;
text-decoration: none;
margin-bottom: 15px;
display: block;
}
.textForm-salesforceForm-field > a:active,
.textForm-salesforceForm-field > a:hover {
color: #000;
text-transform: none;
text-decoration: underline;
}
.textForm-salesforceForm-label,
.textForm-salesforceForm-input {
display: block;
}
.textForm-salesforceForm-label {
font-family: Arial;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
color: #000;
text-transform: uppercase;
}
.textForm-salesforceForm-input {
width: 100%;
background-color: #fff;
border: none;
border-radius: 2px;
padding: 14px 15px;
border: 1px solid #fff;
box-sizing: border-box;
position: relative;
margin-bottom: 15px;
}
.textForm-salesforceForm-input::placeholder {
font-family: Arial;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #000;
}
.textForm-salesforceForm-input:focus {
border: 1px solid #bbbbbb;
outline: none;
}
.textForm-salesforceForm-inputError {
border-color: #e8112d;
}
.textForm-salesforceForm-inputError::placeholder {
color: #e8112d;
text-transform: capitalize;
}
.textForm-salesforceForm-inputError:focus {
border-color: #e8112d;
}
.textForm-salesforceForm-hidden {
display: none !important;
}
.textForm-salesforceForm-submit {
background: #e8112d;
border-radius: 5px;
border: none;
cursor: pointer;
padding: 10px 90px;
margin-top: 25px;
color: #fff;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
}
.textForm-salesforceForm-submit:focus {
outline: none;
}
@media (max-width: 1042px) {
.textForm-salesforceForm-submit {
width: 100%;
}
}
@media (max-width: 767px) {
.textForm-salesforceForm-submit {
width: 100%;
}
}
.textForm-salesforceForm-submitSuccess {
background: #009e55;
}
.textForm-salesforceForm-iconCheckmark {
display: block;
position: absolute;
background: url(/Content/images/green-checkmark.svg);
top: 34px;
right: 15px;
z-index: 100;
width: 23px;
height: 16px;
background-repeat: no-repeat;
}
.textForm-salesforceForm-thankyou {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 153px 45px;
padding-bottom: 0;
}
@media (max-width: 1042px) {
.textForm-salesforceForm-thankyou {
padding: 153px 0;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.textForm-salesforceForm-thankyou {
padding: 153px 0;
padding-bottom: 0;
}
}
.textForm-salesforceForm-thankyou-text {
padding-bottom: 153px;
}
.textForm-salesforceForm-thankyou-text-title {
font-size: 30px;
line-height: 34px;
text-align: center;
margin-bottom: 39px;
text-transform: uppercase;
}
.textForm-salesforceForm-thankyou-text > p {
margin-bottom: 40px;
font-weight: 300;
font-size: 18px;
line-height: 20px;
text-align: center;
font-family: "Gill Sans Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: none;
}
.textForm-salesforceForm-thankyou-mail-icon {
display: block;
background: url(/Content/images/mail-icon.svg);
background-repeat: no-repeat;
width: 90px;
height: 56px;
margin: 0 auto;
}
.textForm-salesforceForm-thankyou-button {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.textForm-salesforceForm-thankyou-button > input,
.textForm-salesforceForm-thankyou-button > a {
background: #009e55;
border-radius: 5px;
border: none;
cursor: pointer;
padding: 10px 90px;
margin-top: 42px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
line-height: 21px;
}
@media (max-width: 1042px) {
.textForm-salesforceForm-thankyou-button > input,
.textForm-salesforceForm-thankyou-button > a {
padding: 10px 0;
width: 100%;
}
}
@media (max-width: 767px) {
.textForm-salesforceForm-thankyou-button > input,
.textForm-salesforceForm-thankyou-button > a {
padding: 10px 0;
width: 100%;
}
}
.textForm-salesforceForm-thankyou-button > a {
text-decoration: none;
}
.textForm-salesforceForm-thankyou-button > a:hover,
.textForm-salesforceForm-thankyou-button > a:active {
color: #fff;
text-decoration: none;
}
.captchaError > div {
border: 1px solid #e8112d;
}
.select2-container {
display: inline-block;
box-sizing: border-box;
margin-bottom: 15pt;
position: relative;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border-radius: 2px;
cursor: text;
padding: 11px 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #f2f2f2;
border: none;
border-radius: 2px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.pageNavigation-specialists {
display: flex;
justify-content: center;
margin-top: 20px;
padding-bottom: 20px;
}
.pageNavigation-specialists-button {
cursor: pointer;
max-width: 156px;
width: 100%;
height: 47px;
background-color: #e8112d;
border-radius: 5px;
display: flex;
}
.pageNavigation-specialists-button div {
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: auto;
}
.countryFilter {
max-width: 1024px;
width: 100%;
background: none !important;
margin: 0 auto;
margin-bottom: 20px;
}
.countryFilter-title {
display: flex;
justify-items: center;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
.countryFilter-title-image {
display: block;
position: relative;
margin-bottom: 5px;
width: 22px;
height: 25px;
}
.countryFilter-title-image svg {
height: 100%;
width: 100%;
}
.countryFilter-title-text {
text-transform: uppercase;
font-size: 16px;
margin-left: 5px;
}
.countryFilter-countries {
display: flex;
margin-left: 27px;
position: relative;
}
.countryFilter-countries-list {
display: flex;
width: 80%;
flex-flow: row wrap;
}
.countryFilter-countries-list-item {
background-color: #f2f2f2;
color: #000000;
height: 25px;
border-radius: 5px;
padding: 0 10px;
margin-right: 15px;
display: flex;
align-items: center;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 11px;
cursor: pointer;
}
.countryFilter-countries-list-item.active {
background-color: #e8112d;
color: #ffffff;
}
.countryFilter-countries-date {
background-color: #f2f2f2;
display: flex;
width: 150px;
cursor: pointer;
flex-direction: column;
border-radius: 5px;
position: absolute;
right: 0;
z-index: 10;
height: auto;
}
.countryFilter-countries-date-selected {
display: flex;
align-items: center;
width: 100%;
height: 25px;
text-transform: uppercase;
}
.countryFilter-countries-date-selected-icon {
margin-left: auto;
margin-right: 10px;
}
.countryFilter-countries-date-selected-text {
margin-left: 10px;
}
.countryFilter-countries-date-list {
background-color: #f2f2f2;
display: none;
}
.countryFilter-countries-date-list ul {
list-style-type: none;
margin: 0;
width: 100%;
padding: 0;
}
.countryFilter-countries-date-list ul li {
height: 25px;
padding-left: 10px;
}
.countryFilter-countries-date-list ul li:hover {
background-color: #e8112d;
color: #ffffff;
}
@media (max-width: 1042px) {
.countryFilter {
padding-right: 16px;
padding-left: 18px;
}
}
@media (max-width: 767px) {
.countryFilter {
padding-right: 16px;
padding-left: 18px;
}
.countryFilter-categories {
flex-direction: column;
}
.countryFilter-categories-date {
position: relative;
margin-top: 20px;
}
}
.hideCountries {
display: none;
}
.specialistTypeFilter {
max-width: 1024px;
width: 100%;
background: none !important;
margin: 0 auto;
margin-bottom: 20px;
}
.specialistTypeFilter-title {
display: flex;
justify-items: center;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
.specialistTypeFilter-title-image {
height: 21px;
width: 21px;
margin-right: 5px;
position: relative;
}
.specialistTypeFilter-title-image:after {
width: 25px;
height: 25px;
content: " ";
position: absolute;
right: 0;
top: 0;
z-index: 100;
background: url(/Content/images/tag.png) no-repeat 50% 50%;
}
.specialistTypeFilter-title-text {
text-transform: uppercase;
font-size: 16px;
}
.specialistTypeFilter-spType {
display: flex;
margin-left: 27px;
flex-flow: row wrap;
}
.specialistTypeFilter-spType-item {
background-color: #f2f2f2;
color: #000000;
height: 25px;
border-radius: 5px;
padding: 0 10px;
margin-right: 15px;
display: flex;
align-items: center;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 11px;
cursor: pointer;
}
.specialistTypeFilter-spType-item.active {
background-color: #e8112d;
color: #ffffff;
}
@media (max-width: 1042px) {
.specialistTypeFilter {
padding-right: 16px;
padding-left: 18px;
}
}
@media (max-width: 767px) {
.specialistTypeFilter {
padding-right: 16px;
padding-left: 18px;
}
}
.hideSpecialistTypes {
display: none;
}
.topicFilter {
max-width: 1024px;
width: 100%;
background: none !important;
margin: 0 auto;
margin-bottom: 20px;
}
.topicFilter-title {
display: flex;
justify-items: center;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
.topicFilter-title-image {
height: 21px;
width: 21px;
margin-right: 5px;
position: relative;
}
.topicFilter-title-image:after {
width: 25px;
height: 25px;
content: " ";
position: absolute;
right: 0;
top: 0;
z-index: 100;
background: url(/Content/images/tag.png) no-repeat 50% 50%;
}
.topicFilter-title-text {
text-transform: uppercase;
font-size: 16px;
}
.topicFilter-topics {
display: flex;
margin-left: 27px;
flex-flow: row wrap;
}
.topicFilter-topics-item {
background-color: #f2f2f2;
color: #000000;
height: 25px;
border-radius: 5px;
padding: 0 10px;
margin-right: 15px;
display: flex;
align-items: center;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 11px;
cursor: pointer;
}
.topicFilter-topics-item.active {
background-color: #e8112d;
color: #ffffff;
}
@media (max-width: 1042px) {
.topicFilter {
padding-right: 16px;
padding-left: 18px;
}
}
@media (max-width: 767px) {
.topicFilter {
padding-right: 16px;
padding-left: 18px;
}
}
.hideTopics {
display: none;
}
/* article rtl */
.rtl .article-holder {
direction: rtl;
}
.rtl .article .media-holder img.scEmptyImage {
width: auto !important;
}
.rtl .boilerplate {
direction: rtl;
}
/* carousel rtl */
.rtl .hero-slider .slide .scEmptyPlaceholder,
.rtl .hero-slider .slide .text-box {
right: 65px;
left: auto;
direction: rtl;
}
/* columns-promo rtl */
.rtl .promo-columns .promo-holder {
direction: rtl;
}
.rtl .promo-columns .promo-column:nth-child(1):nth-last-child(2) {
padding-right: 88px;
padding-left: 22px;
}
.rtl .promo-columns .promo-column:nth-child(2):nth-last-child(1) {
padding-right: 22px;
padding-left: 88px;
}
@media (max-width: 1042px) {
.rtl .promo-columns .promo-column:nth-child(1):nth-last-child(2) {
padding-right: 37px;
padding-left: 20px;
}
.rtl .promo-columns .promo-column:nth-child(2):nth-last-child(1) {
padding-right: 20px;
padding-left: 37px;
}
}
.rtl .promo-columns .promo-column .promo-btns-list li span.promo-btns-list-icon {
left: 1px;
right: auto;
}
.rtl .promo-columns .promo-column .promo-btns-list li span.promo-btns-list-icon:after {
left: auto;
right: 7px;
border-left-style: none;
border-right: 7px solid #fff;
}
.rtl .promo-columns .promo-column .promo-items-holder .promo-item .content .content-info {
padding-left: 30px;
padding-right: 0;
}
.rtl .promo-columns .promo-column .promo-items-holder .promo-item .content .promo-item-icon {
left: 1px;
right: auto;
}
.rtl .promo-columns .promo-column .promo-items-holder .promo-item .content .promo-item-icon:after {
right: 7px;
left: auto;
border-right: 7px solid #e8112d;
border-left-style: none;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.rtl .promo-columns .promo-social ul li {
float: right;
margin-left: 11px;
margin-right: 0;
}
.rtl .blackBg .promo-column .promo-items-holder .promo-item .content .promo-item-icon:after {
border-right: 7px solid #fff;
border-left-style: none;
}
/* columns rtl */
.rtl .four-columns {
direction: rtl;
}
.rtl .three-columns {
direction: rtl;
}
.rtl .three-columns .two-of-three-column .column {
float: left;
}
.rtl .heading-holder .heading2 {
float: right;
}
.rtl .slider-btns {
float: left;
}
@media (max-width: 1042px) {
.rtl .slider-btns .icon-next {
left: auto;
right: 3px;
}
}
.rtl .column {
float: right;
}
.rtl .mask {
direction: ltr;
}
.rtl .slideset .column {
float: left;
direction: rtl;
}
.rtl .reverse .column {
float: left;
}
.rtl .reverse .slider-btns {
float: right;
}
/* contact rtl */
.rtl .contacts-holder .contacts {
direction: rtl;
}
@media (max-width: 767px) {
.rtl .contacts-holder .contacts {
display: block;
}
}
.rtl .contacts-holder .contacts .contact-item .contact-sub-title .sub-title-icon {
margin-left: 11px;
margin-right: 0;
float: right;
}
.rtl .contacts-holder .contacts .contact-item .contact-list li .item-text {
padding-right: 70px;
margin-right: -60px;
padding-left: 0;
margin-left: 0;
}
.rtl .contacts-holder .contacts .contact-item .contact-list li .item-text a {
margin: 0 -64px 0 0;
padding: 20px 64px 20px 0;
}
.rtl .contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
float: right;
padding-right: 0;
}
@media (max-width: 1042px) {
.rtl .contacts-holder .contacts.one-only .contact-item .contact-sub-title-holder {
padding-left: 0;
}
}
.rtl .contacts-holder .contacts.one-only .contact-item .description {
padding: 5px 0 15px 66.6%;
}
.rtl .contacts-holder .contacts.one-only .contact-item .contact-list {
float: right;
}
.rtl .contacts-holder .contacts.one-only .contact-item .contact-list:last-child {
padding-left: 0;
}
/* country-selector rtl */
.rtl #country-nav {
float: left;
}
.rtl #country-nav .dropdown {
left: 0;
right: auto;
}
.rtl #country-nav .slideHolder {
left: 0;
right: auto;
}
/* footer rtl */
.rtl .footer-columns {
direction: rtl;
}
.rtl .footer-columns .footer-column {
float: right;
}
.rtl .footer-columns .footer-column .col.downloads .play {
left: 0;
right: auto;
}
.rtl .footer-columns .footer-column .col li a {
padding: 10px 0 10px 25px;
}
.rtl .footer-columns .footer-social span {
float: right;
}
.rtl .footer-columns .footer-social ul {
float: left;
}
.rtl .footer-columns .footer-social ul li {
float: left;
margin-right: 12px;
margin-left: 0;
}
@media (max-width: 767px) {
.rtl #footer .play {
left: 0;
right: auto;
}
.rtl .footer-menu {
direction: rtl;
}
}
/* header rtl */
.rtl #header .logo {
float: right;
margin: 0 12px 0 58px;
}
@media (max-width: 1042px) {
.rtl #header .logo {
float: none;
margin: 13px auto 0;
}
}
.rtl #header .innerWrapper {
float: right;
}
@media (max-width: 767px) {
.rtl #header .innerWrapper {
float: none;
display: inherit;
}
}
.rtl #header .search-form,
.rtl .nav-holder .search-form {
float: left;
margin: 13px 0 0 9px;
}
.rtl #header .search-form#search-form-mobile,
.rtl .nav-holder .search-form#search-form-mobile {
padding-left: 40px;
padding-right: 0;
}
.rtl #header .search-form input[type="search"],
.rtl .nav-holder .search-form input[type="search"] {
float: right;
border-left: 1px #ccc solid;
border-right-style: none;
direction: rtl;
}
.rtl #header .search-form input[type="submit"],
.rtl .nav-holder .search-form input[type="submit"] {
background: url(/Content/images/search-icon-2.svg) no-repeat 50% 50%;
}
.rtl .share-activity .activity {
padding: 0 49px 0 58px;
direction: rtl;
}
.rtl .share-activity .activity:before {
right: 0;
left: auto;
}
.rtl .nav-holder .btn-menu {
right: 0;
left: auto;
}
@media (min-width: 1043px) {
.rtl #navigation {
float: right;
}
.rtl #navigation > ul > li {
float: right;
}
.rtl #navigation > ul > li > a {
direction: rtl;
}
.rtl #navigation .drop .title {
float: right;
direction: rtl;
}
.rtl #navigation .drop ul.subnav-lvl1 {
margin: 8px 128px 14px 250px;
direction: rtl;
}
.rtl #navigation .drop ul.subnav-lvl1 > li {
float: right;
}
.rtl #navigation .drop ul.subnav-lvl2 > li {
float: right;
}
.rtl #navigation .opener {
float: left;
}
}
@media (max-width: 1042px) {
.rtl #navigation {
direction: rtl;
}
}
/* hero rtl */
.rtl .hero-visual {
overflow: hidden;
background: #000;
position: relative;
}
.rtl .hero-visual .g4s-flowplayer.is-paused,
.rtl .hero-visual .g4s-flowplayer.is-playing {
z-index: 1;
}
.rtl .hero-visual .visual-title {
direction: rtl;
}
.rtl .hero-visual .holder-hero-box .hero-box-layout .hero-box {
float: left;
direction: rtl;
}
.rtl .hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .text-item:after {
left: 10px;
right: auto;
}
.rtl .hero-visual .holder-hero-box .hero-box-layout .hero-box .search-form .form-text {
padding: 5px 5px 5px 30px;
}
.rtl .holder-ribbon-title .ribbon-title {
direction: rtl;
}
.rtl .hero-title {
direction: rtl;
}
/* intro rtl */
.rtl .intro {
direction: rtl;
}
.rtl .intro .container .info:nth-child(1):nth-last-child(2),
.rtl .intro .container .info:nth-child(2):nth-last-child(1) {
float: right;
}
.rtl .intro .container .details {
float: right;
}
.rtl .intro .container .intro-items {
float: right;
}
.rtl .intro-nav li {
padding-right: 10px;
padding-left: 0;
}
.rtl .intro-nav li:first-child {
padding-right: 0;
}
@media (max-width: 1042px) {
.rtl .intro-nav li {
padding-right: 7px;
}
}
@media (max-width: 767px) {
.rtl .intro-nav li {
padding-right: 0;
}
}
.rtl .MegaMenu {
direction: rtl;
text-align: right;
}
@media (max-width: 1042px) {
.rtl #navigation .has-drop a::after {
right: unset;
left: 10px;
transform: rotate(180deg);
}
.rtl #navigation li .drop .MegaMenu-MobileHeader-Home::before {
transform: rotate(180deg);
margin-left: 10px;
margin-right: 0;
}
.rtl #navigation li .drop .MegaMenu-MobileThird-Home div::before,
.rtl #navigation li .drop .MegaMenu-MobileThird-ParentPage div::before {
transform: rotate(180deg);
margin-left: 10px;
margin-right: 0;
}
.rtl #navigation li .drop .MegaMenu a::after {
right: unset;
left: 10px;
transform: rotate(180deg);
}
}
/* mini-site-carousel rtl */
.rtl .mini-carousel .text-box {
right: 65px;
left: auto;
}
.rtl .mini-carousel .text-box .text-box-content {
direction: rtl;
}
/* post-list rtl */
.rtl .post {
direction: rtl;
}
.rtl .post .post-media {
float: right;
}
.rtl .search-bar .form-item {
float: right;
direction: rtl;
}
.rtl .search-bar .text-item:after {
left: 20px;
right: auto;
}
@media (max-width: 1042px) {
.rtl .search-bar .text-item:after {
left: 17px;
right: auto;
}
}
@media (max-width: 767px) {
.rtl .search-bar .text-item:after {
left: 30px;
right: auto;
}
}
.rtl .filter-bar {
direction: rtl;
}
@media (max-width: 767px) {
.rtl .filter-bar .filter-container .filter-opener {
padding-left: 30px;
padding-right: 0;
}
}
.rtl .filter-bar .filter-container .filter-opener span:before {
left: 0;
right: auto;
}
.rtl .filter-bar .filter-container ul li {
float: right;
padding-left: 40px;
padding-right: 0;
}
.rtl .filter-bar .filter-container ul li .select-item {
float: right;
}
.rtl .filter-bar .filter-container ul li .select-item select {
padding: 5px 0 5px 20px;
}
.rtl .filter-bar .filter-container ul li .select-item:before {
left: 0;
right: auto;
}
/* red_cookies_line rtl */
.rtl .red_cookies_line .content {
direction: rtl;
}
.rtl .red_cookies_line .content .btn-close {
margin-left: 20px;
margin-right: 0;
}
/* search rtl */
.rtl .search-results .title-section {
direction: rtl;
}
.rtl .search-results .pagination {
direction: rtl;
}
.rtl .search-results .search-content {
float: right;
}
@media (max-width: 1042px) {
.rtl .search-results .search-content {
padding-right: 30px;
padding-left: 0;
}
}
@media (max-width: 767px) {
.rtl .search-results .search-content {
padding-left: 31px;
padding-right: 30px;
}
}
.rtl .search-results .search-item {
direction: rtl;
}
.rtl .search-results .filters {
float: left;
padding: 9px 0 0 20px;
direction: rtl;
}
@media (max-width: 1042px) {
.rtl .search-results .filters {
padding-left: 31px;
padding-right: 0;
}
}
/* tabs rtl */
.rtl .tabset {
direction: rtl;
}
.rtl .tabset li {
float: right;
}
.rtl .tab-content .content-details {
direction: rtl;
}
.rtl .tab-content .content-details .row:first-child .details-item {
text-align: right;
}
.rtl .tab-content .content-details .row .details-item:nth-child(1),
.rtl .tab-content .content-details .row .details-item:nth-child(2) {
text-align: right;
}
/* team rtl */
.rtl .team-holder .team {
direction: rtl;
}
.rtl .team-holder .team .member .image-holder {
float: right;
}
.rtl .team-holder .team .member .text {
padding-right: 20px;
padding-left: 0;
}
@media (max-width: 767px) {
.rtl .team-holder .team .member .text {
padding-right: 0;
}
}
.rtl .team-holder .team .member .text .to-top {
float: left;
}
.rtl .team-holder .team .member .text .to-top:after {
margin: -2px 4px 0 0;
}
/* three_col-list rtl */
.rtl .three-col-list {
direction: rtl;
}
.rtl .three-col-list .column {
float: right;
}
.rtl .three-col-list.reverse .column {
float: left;
}
.rtl .three-col-list.reverse .columns-list .column {
float: right;
}
.rtl .three-col-list .intro-text .note {
margin-left: 30%;
margin-right: 0;
}
.rtl .three-col-list .sectors-list li .icon {
margin-left: -58px;
margin-right: 0;
}
.rtl .three-col-list .sectors-list li .text {
padding-right: 64px;
padding-left: 0;
}
.rtl .three-col-list .sectors-list li a:before,
.rtl .three-col-list .sectors-list li .list-item-holder:before {
margin: 20.25px 20.25px 20.25px -40px;
}
.rtl .three-col-list .sectors-list li.page-editor > .icon {
margin-right: 10px;
margin-left: -70px;
}
.rtl .three-col-list .sectors-list li.page-editor .icon + a {
padding-right: 74px;
padding-left: 0;
}
.rtl .three-col-list .sectors-list li.page-editor > .text {
padding-right: 74px;
padding-left: 0;
}
/* two_col_investors rtl */
.rtl .two-col-investors {
direction: rtl;
}
.rtl .two-col-investors .colum {
float: right;
}
.rtl .two-col-investors .colum .col-title .title-item {
float: left;
padding-left: 35px;
padding-right: 0;
}
.rtl .two-col-investors .colum .col-title .title-item:after {
left: 0;
right: auto;
}
.rtl .two-col-investors .colum .share-activity .activity {
padding-left: 0;
padding-right: 100px;
}
.rtl .two-col-investors .colum .share-activity .activity:before {
right: 20px;
left: auto;
}
@media (max-width: 1042px) {
.rtl .two-col-investors .colum .share-activity .activity {
padding-right: 60px;
padding-left: 0;
}
.rtl .two-col-investors .colum .share-activity .activity:before {
right: 0;
left: auto;
}
}
/* video-text rtl */
.rtl .video-text {
direction: rtl;
}
.rtl .video-text-item {
float: right;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIvc3R5bGVzL21haW4uYnVuZGxlLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/