/*
Theme Name: ITSH 2020
Author: ITENT
Author URI: http://www.itent.hu
Version: 2.0
*/


/******************************************************

							CSS RESET
  Resets browser defaults by Nicolas Gallagher 
					
********************************************[**********/

@font-face {
    font-family: 'TeleNeoWeb';
    src: url('fonts/TeleNeoWeb-Regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/TeleNeoWeb-Regular?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/TeleNeoWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/TeleNeoWeb-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/TeleNeoOffice-Regular.ttf') format('truetype')/* Safari, Android, iOS */
}

@font-face {
    font-family: 'TeleNeoWeb Bold';
    src: url('fonts/TeleNeoWeb-Bold.eot');
    /* IE9 Compat Modes */
    src: url('fonts/TeleNeoWeb-Bold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/TeleNeoWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/TeleNeoWeb-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/TeleNeoOffice-Bold.ttf') format('truetype')/* Safari, Android, iOS */
}

@font-face {
    font-family: 'TeleNeoWeb ExtraBold';
    src: url('fonts/TeleNeoWeb-ExtraBold.eot');
    /* IE9 Compat Modes */
    src: url('fonts/TeleNeoWeb-ExtraBold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/TeleNeoWeb-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/TeleNeoWeb-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/TeleNeoOffice-ExtraBold.ttf') format('truetype')/* Safari, Android, iOS */
}

@font-face {
    font-family: 'TeleNeoWeb ExtraBoldItalic';
    src: url('fonts/TTeleNeoWeb-ExtraBoldItalic.eot');
    /* IE9 Compat Modes */
    src: url('fonts/TeleNeoWeb-ExtraBoldItalic?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/TeleNeoWeb-ExtraBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/TeleNeoWeb-ExtraBoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/TeleNeoOffice-ExtraBoldItalic.ttf') format('truetype')/* Safari, Android, iOS */
}

article,
aside,
blockquote,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: \201C \201D \2018 \2019
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

body,
figure {
    margin: 0
}

legend,
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}


/******************************************************
	
								GENERAL

******************************************************/

html {
    font-size: 62.5%;
    height: 100%;
    width: 100%;
}

body {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #262626;
    line-height: 130%;
    background: #FFF;
}

.clearfix:after,
blockquote:after,
#logo:after,
.image-container:after,
#main-nav-container:after,
#header:after,
body>.body:after,
#footer:after,
.col-1-2:after,
.col-1-4:after,
.col-1-3:after,
.col-2-3:after,
.m-col-1-2:after,
.row:after,
.row-perc:after,
.box:after,
.social a:after,
#sidebar-left:after,
#content:after,
#content .post:after,
#sidebar-right:after,
.share-bar .inner:after,
.box.dropdown-nav #left-nav:after,
#searchform>div:after,
.pager:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
#logo,
.image-container,
#main-nav-container,
#header,
body>.body,
#footer,
.col-1-2,
.col-1-4,
.col-1-3,
.col-2-3,
.m-col-1-2,
.row,
.box,
.social a,
#sidebar-left,
#content,
#content .post,
#sidebar-right,
.share-bar .inner,
.box.dropdown-nav #left-nav,
#searchform>div {
    zoom: 1;
}

.onlyOnMobile {
    display: none;
}


/*------------ Basic Structure ------------*/

#header>.header-container {
    background: #e20074;
}

#header>.nav-container {
    background: #FFF;
}

.margin,
.container,
body>.body {
    width: 1296px;
    margin: 0 auto;
    padding: 0 0px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1024px) and (max-width:1499px) {
    .margin,
    .container,
    body>.body {
        width: 1008px;
    }
}

@media screen and (min-width: 636px) and (max-width:1023px) {
    .margin,
    .container,
    body>.body {
        width: 636px;
    }
}

@media screen and (min-width: 320px) and (max-width:635px) {
    .margin,
    .container,
    body>.body {
        width: 320px;
    }
}

@media screen and (max-width: 319px) {
    .margin,
    .container,
    body>.body {
        width: 100%;
        max-width: 220px;
        padding: 0 12px;
    }
}

body>.body {
    padding-bottom: 70px;
}

body.home>.body {
    padding-top: 0px;
}

.row {
    float: left;
    width: 100%;
}

.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-fullwidth {
    float: left;
    margin-right: 3.539823008849558%;
    /* 40/1130 */
}

[class*="col-"]:last-child {
    margin-right: 0;
}

.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.m-col-1-2,
.col-fullwidth,
.row,
.box,
.bxslider-banner .bx-viewport,
.bxslider-news .bx-viewport {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-2-3 .col-1-2 {
    width: 47.2972972972973%;
    /* 350/740 */
    margin-right: 5.405405405405405%;
    /* 40/740 */
}

.col-1-2 {
    width: 48.23008849557522%;
}

.col-2-3 .col-1-4 {
    width: 21.62162162162162%;
    /* 160/740 */
    margin-right: 2.702702702702703%;
    /* 20/740 */
}

.col-1-3 {
    width: 30.97345132743363%/* 350/1130 */
}

.col-2-3 {
    width: 65.48672566371681%/* 740/1130 */
}

.col-fullwidth {
    width: 100%;
    margin-right: 0;
}

.last-item {
    margin-right: 0 !important;
}

#sidebar-left,
#content,
#content .post,
#sidebar-right {
    float: left;
}


/*
#sidebar-left {
    width: 19.46902654867257%; 
    margin-right: 3.539823008849558%; 
}

#content {
    width: 76.99115044247788%;
}

#content .post {
    width: 64.36781609195402%; 
}

#sidebar-right {
    width: 31.03448275862069%; 
    margin-left: 4.597701149425287%; 
}*/

#content .post-fullwidth {
    width: 100%;
    box-sizing: border-box;
}

[class*="col-p"] {
    float: left;
    box-sizing: border-box;
}

.col-p5 {
    width: 5%;
}

.col-p10 {
    width: 10%;
}

.col-p15 {
    width: 15%;
}

.col-p20 {
    width: 20%;
}

.col-p25 {
    width: 25%;
}

.col-p30 {
    width: 30%;
}

.col-p35 {
    width: 30%;
}

.col-p40 {
    width: 40%;
}

.col-p45 {
    width: 45%;
}

.col-p50 {
    width: 50%;
}

.col-p55 {
    width: 55%;
}

.col-p60 {
    width: 60%;
}

.col-p70 {
    width: 70%;
}

.col-p75 {
    width: 75%;
}

.col-p80 {
    width: 80%;
}

.pull-right {
    float: right;
}


/* new grid*/


/*  SECTIONS  */

.tsection {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  GROUPING  */

.tgroup:before,
.tgroup:after {
    content: "";
    display: table;
}

.tgroup:after {
    clear: both;
}

.tgroup {
    zoom: 1;
    /* For IE 6/7 */
}


/*  COLUMN SETUP  */

.tcol {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 0px 24px;
}

#header .tcol {
    margin: 24px 0px 24px 24px;
}

.header-upper .tsection .tcol:first-child {
    margin-left: 0 !important;
}

.tcol.pull-right {
    text-align: right;
}


/*  GRID OF TWELVE  */

.tcol-12 {
    width: 1296px;
}

.tcol-11 {
    width: 1142px;
}

.tcol-10 {
    width: 1036px;
}

.tcol-9 {
    width: 930px;
}

.tcol-8 {
    width: 824px;
}

.tcol-7 {
    width: 718px;
}

.tcol-6 {
    width: 612px;
}

.tcol-5 {
    width: 506px;
}

.tcol-4 {
    width: 400px;
}

.tcol-3 {
    width: 294px;
}

.tcol-2 {
    width: 188px;
}

.tcol-1 {
    width: 82px;
}


/* max 1008px  */

@media screen and (min-width: 1024px) and (max-width:1499px) {
    /*  GRID OF TWELVE  */
    .tcol-12 {
        width: 960px;
    }
    .tcol-11 {
        width: 878px;
    }
    .tcol-10 {
        width: 796px;
    }
    .tcol-9 {
        width: 714px;
    }
    .tcol-8 {
        width: 632px;
    }
    .tcol-7 {
        width: 550px;
    }
    .tcol-6 {
        width: 468px;
    }
    .tcol-5 {
        width: 386px;
    }
    .tcol-4 {
        width: 304px;
    }
    .tcol-3 {
        width: 222px;
    }
    .tcol-2 {
        width: 140px;
    }
    .tcol-1 {
        width: 58px;
    }
}


/* width: 636px; */

@media screen and (min-width: 636px) and (max-width:1023px) {
    .tcol {
        flex: 0 0 auto;
        padding: 0 0 0 24px;
        flex-basis: 100%;
        max-width: 100%;
        margin: 0px;
    }
    .tsection-md {
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
    }
    /*  GRID OF TWELVE  */
    .tcol-md-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .tcol-md-10 {
        flex-basis: 83.3333333%;
        max-width: 83.3333333%;
    }
    .tcol-md-8 {
        flex-basis: 66.6666667%;
        max-width: 66.6666667%;
    }
    .tcol-md-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .tcol-md-4 {
        flex-basis: 33.3333333%;
        max-width: 33.3333333%;
    }
    .tcol-md-2 {
        flex-basis: 16.6666667%;
        max-width: 16.6666667%;
        padding-left: 0px;
    }
    .col--group {
        padding: 0;
    }
    .tsection-md .tcol:last-child {
        padding-right: 24px;
    }
}

@media screen and (min-width: 320px) and (max-width:635px) {
    .margin,
    #header,
    body>.body {
        width: 320px;
    }
    .tcol {
        flex: 0 0 auto;
        padding: 0 0 0 24px;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin: 0px;
    }
    .tsection-md {
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
    }
    /*  GRID OF TWELVE  */
    .tcol-s-0 {
        display: none;
    }
    .tcol-s-12 {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        padding: 0px;
    }
    .tcol-s-6 {
        flex-basis: 66.6666667%;
        max-width: 66.6666667%;
        width: 66.6666667%;
    }
    .tcol-s-4 {
        flex-basis: 33.3333333%;
        max-width: 33.3333333%;
        width: 33.3333333%;
    }
    .tcol-s-2 {
        flex-basis: 16.6666667%;
        max-width: 16.6666667%;
        width: 16.6666667%;
    }
    .col--group {
        padding: 0;
    }
    .tsection-md .tcol:last-child:not(.tcol-s-12) {
        padding-right: 24px;
    }
}

@media screen and (max-width: 319px) {
    .margin,
    #header,
    body>.body {
        width: 100%;
        max-width: 220px;
    }
}

.tcol.pdr {
    padding-right: 24px;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 636px) {
    .col {
        margin: 1% 0 1% 0%;
    }
    .span_1_of_12,
    .span_2_of_12,
    .span_3_of_12,
    .span_4_of_12,
    .span_5_of_12,
    .span_6_of_12,
    .span_7_of_12,
    .span_8_of_12,
    .span_9_of_12,
    .span_10_of_12,
    .span_11_of_12,
    .span_12_of_12 {
        width: 100%;
    }
}


/*----------- Basic Typography ------------*/

h1 {
    font-size: 42px;
    margin: 38px 0 32px;
}

.post h1 {
    margin-top: 20px;
    line-height: 42px;
    color: #e20074;
}

h2,
#footer h4 {
    font-size: 16px;
    margin: 22px 0 14px;
}

h3 {
    font-size: 14px;
    margin: 14px 0 10px;
}

h1,
.bxslider h2,
.slogan h2 {
    font-family: 'tele-groteskeenorregular', Arial, Helvetica, sans-serif;
}

b,
strong {
    font-weight: 700;
}


/*------------------ Misc -----------------*/

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #e20074;
    text-decoration: underline;
}

.link {
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.oveflow-hidden {
    overflow: hidden;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.image-container {
    position: relative;
    overflow: hidden;
}

.image-container a {
    width: 100%;
    display: block;
    float: left;
}

.image-container img {
    float: left;
    width: 100%;
    min-width: 100%;
    height: auto;
}

img.alignnone {
    width: 100%;
    margin-bottom: 20px;
}

.round-corner-6px,
#searchform>div,
.box,

/*
.bx-viewport,*/

.image-container,
.image-container img {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.screen-reader-text {
    left: -9999px;
    position: absolute;
}


/* image alignments */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%;
    height: auto;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 16px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 16px;
    margin-top: 4px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}


/* box */

.box,
.bxslider-banner .bx-viewport {
    margin-bottom: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #e9e9e9 #666666 #666666 #e9e9e9;
    background: #f8f8f8;
    overflow: hidden;
}

.box>a {
    display: block;
}

.box .inner {
    padding: 14px;
}

.box.naked {
    border: none;
}

.box .image-container:first-child {
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.box.teaser .image-container,
.box.teaser .image-container img {
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

figure.image-container~.inner {
    height: 58px;
    overflow-y: hidden;
}

.box.teaser .inner h2 {
    margin: 0;
    text-decoration: none;
}

.box.teaser .inner p {
    margin: 4px 0 0;
}

.box.teaser a,
.box.teaser .inner h2,
.box.teaser .inner p {
    text-decoration: none;
    color: #000;
}

.box.teaser .inner h2:hover,
.box.teaser .inner p:hover {
    color: #e20074;
}

.box.teaser p {
    padding-left: 12px;
    background: url(images/arrow_right.png) no-repeat left 5px;
}

.box .header {
    margin: -1px -1px 0 -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #ececec #666 #ececec #ececec;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.box .header.magenta {
    color: #fff;
    border: 1px solid #e20074;
}

.box .header h2,
.box .header h3,
.box .header h4 {
    padding: 0 0px;
    margin-top: 24px;
}

.box.social a {
    display: block;
    padding: 7px 11px 7px 42px;
    height: 24px;
    line-height: 24px;
}

.box.social a:hover {
    text-decoration: none;
    background-color: #f1f1f1;
}

.box.social .ico-facebook {
    border-bottom: 1px solid #d5d5d5;
}

.box.social .ico-linkedin {
    border-bottom: 1px solid #d5d5d5;
}

.box.social .ico-twitter {
    border-bottom: 1px solid #fff;
}

.box.social .arrow-right-gray,
.box.positions .arrow-right-gray {
    float: right;
    display: block;
    width: 7px;
    height: 9px;
    margin: 6px 0 7px;
    background: url(images/arrow_right_gray.png) no-repeat;
}

.box.positions .arrow-right-gray {
    margin: 14px 10px 0 0;
}

.box.positions a {
    float: left;
    height: 24px;
    margin: 6px 0;
    padding: 0 10px;
    line-height: 24px;
}

.box.positions .ico-positions,
.box.positions span {
    display: block;
    float: left;
}

.box.positions .ico-positions {
    margin-right: 5px;
    background-size: auto !important;
    background-image: url('images/open_pos_icon.png');
    background-position: 0px;
}


/* lists */


/*#links-bar ul.sub-menu > li,
.links li {
    margin: 0 0 6px;
    padding-left: 14px;
    background: url(images/arrow_right.png) no-repeat left 4px;
}*/

.links li small {
    display: block;
    font-size: 100%;
    color: #666;
}

.links li a:hover,
.links li a:hover small {
    color: #e20074;
}

#links-bar ul.sub-menu>li,
.links.small li {
    line-height: 20px;
}


/*-------------- select 2 --------------*/

.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
}

.select2-container .select2-choice,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #bbb;
    border-radius: 0;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}

.select2-container .select2-choice,
.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 32px;
}

.select2-container .select2-choice .select2-arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    width: 24px;
    height: 24px;
    background-position: -1080px 0;
}

.select2-selection__arrow b {
    display: none;
}

.full-width .select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
}

.btn-input-combo-lg .select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 28px;
    padding: 3px 5px 3px 3px;
    margin: 7px 7px 0 0;
}

.btn-input-combo-lg .select2-selection__rendered {
    margin: 10px;
}

.btn-input-combo-lg .select2-container .select2-selection--multiple,
.btn-input-combo-lg .select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: 52px;
}

.select2-selection__choice__remove::before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-position: -20px -120px;
    opacity: .7;
}

.btn-input-combo-lg .select2-container .select2-search--inline .select2-search__field {
    padding: 4px 0;
    line-height: 30px;
    text-indent: 5px;
    color: #333;
    font-size: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eaeaea;
    border: 1px solid #bbb;
}

.select2-selection__choice__remove:hover::before {
    opacity: 1;
}

.btn-input-combo-lg .select2-selection__choice__remove::before {
    top: 17px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 20px;
    text-indent: -999em;
}


/*----------------- Icons -----------------*/

[class^="ico-"],
.social [class^="ico-"],
#main-nav .cusps {
    background-image: url(images/icons.svg);
    background-repeat: no-repeat;
    background-size: auto;
}

[class^="ico-"],
.no-svg [class^="ico-"],
.social [class^="ico-"],
#searchform input#searchsubmit,
#main-nav .cusps
/* #show-search .icon,
#show-menu .icon*/

{
    background-repeat: no-repeat;
    background-image: url(images/icons.png);
}

.ico-facebook {
    background-position: 9px -18px;
}

.ico-linkedin {
    background-position: 9px -56px;
}

.ico-twitter {
    background-position: 9px -390px;
}

.ico-mail {
    background-position: 3px -112px;
}

.ico-print {
    background-position: 2px -134px;
}

.ico-positions {
    width: 24px;
    height: 24px;
    background-position: 0 -360px;
}

.ico-more {
    display: none;
}

.ico-before {
    position: relative;
    padding-left: 24px;
    background: none;
}

.ico-before::before {
    display: block;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background: url(images/icons.svg) no-repeat;
}

.ico-before.ico-phone::before {
    background-position: 0 -60px;
}

.ico-before.ico-pdf::before {
    background-position: 0 -80px;
}

.ico-before.ico-share::before {
    background-position: 0 -100px;
}

.ico-before.close,
.ico-before[class*="social-"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 6px;
    position: relative;
    padding: 0;
}

.ico-before.close::before,
.ico-before[class*="social-"]::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    top: 0;
    left: 0;
}

.ico-before.close {
    position: absolute;
    right: 2px;
    top: 5px;
    cursor: pointer;
}

.ico-before.social-facebook::before {
    background-position: 0 -180px;
}

.ico-before.social-twitter::before {
    background-position: 0 -210px;
}

.ico-before.social-xing::before {
    background-position: 0 -270px;
}

.ico-before.social-google::before {
    background-position: 0 -150px;
}

.ico-before.social-linkedin::before {
    background-position: 0 -240px;
}

.ico-before.close::before {
    background-position: -26px -150px;
}


/*--------------- Navigation ------------- */

.menu li {
    float: left;
}

.menu a {
    display: block;
}

.menu a,
.menu a:hover {
    text-decoration: none;
}


/*---------------- Buttons -----------------*/

.button-bar {
    /*	margin: 12px 0 18px;*/
}

.button,
input[type="submit"] {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    border: 1px solid #b2005c;
}

a.button {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
}

.button,
.button:hover {
    text-decoration: none;
}

input.button,
button.button {
    border: none;
    outline: none;
}

.button.bold {
    font-weight: 700;
}


/* Sizes */

.button.small {
    height: 20px;
    line-height: 18px;
    min-width: 4px;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
}

.button.normal {
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 14px;
}

.button.medium {
    height: 36px;
    padding: 0 20px;
    line-height: 34px;
    font-size: 18px;
}

.button,
.button.normal,
.button.medium,
.button.icon,
input[type="submit"],
.pager li:hover a,
.pager li.active {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button.big {
    height: 48px;
    padding: 0 22px;
    line-height: 46px;
    min-width: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 24px;
}

.button.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.button.icon span {
    display: block;
    height: 22px;
}

.button.block {
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
}


/* colors */

.button.light-gray,
.button.icon,
select {
    border: 1px solid #b2b2b2;
    background: #ededed;
    /*background: #fafafa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dfdfdf));
    background: -webkit-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #fafafa 0%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf', GradientType=0);
*/
}

.button.gray {
    border-color: #aaa;
    background: #ebebeb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #cccccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#cccccc', GradientType=0);
}


/******************************************************

		 					  HEADER
					
******************************************************/

#logo {
    position: relative;
}

#header .header-upper {
    height: 84px;
    background: #e20074;
}

#header .header-navigation {
    position: relative;
}

#header .header-navigation #language {
    position: absolute;
    width: 112px;
    float: right;
    right: 0px;
}

#header .menu.inline {
    position: relative;
}

#header .menu.inline>div>ul>li {
    float: right;
    padding: 24px;
}

#header .menu.inline>li>ul>li {
    padding: 24px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    visibility: hidden;
    position: absolute;
    top: 59px !important;
    left: 18px !important;
    right: auto !important;
    border-top: none !important;
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 101;
    margin: 4px 6px !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item {
    width: 68px;
    position: relative;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item>a,
.wpml-ls-legacy-dropdown-click .wpml-ls-item ul li a {
    border-radius: 4px;
    border: 1px solid #b2b2b2;
}

#header .menu.inline li:before {
    display: none;
}

#header .menu.inline a {
    font-size: 12px;
    line-height: 16px;
    padding-top: 7px;
}

#header [id^="logo-"] {
    display: block;
}

#header [id^="logo-"] img {
    width: 204px;
    height: 38px;
}

#header .slogan-1,
#header .slogan-2 {
    font-family: 'TeleNeoWeb ExtraBold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-left: 10px;
}

#header .slogan-1 {
    background: url(images/logo-DTITS_164x8.png) no-repeat;
    width: 164px;
    height: 8px;
    display: inline-block;
    margin: 12px 24px;
    position: relative;
    background-position: left center;
    top: 6px;
    background-position: right;
    background-size: 164px 8px;
}

#header .tcol-7 {
    margin-right: 0px;
    padding-right: 0px;
    float: right;
}

#header .slogan-2 {
    padding-left: 0px;
    color: #FFF;
    align-items: flex-end;
}

#show-search,
#hide-search {
    display: block;
    /*  width: 22px;
    height: 22px; */
    position: absolute;
    float: right;
    top: 18px;
    right: 112px;
}

#hide-search {
    right: 16px;
}

#show-search:hover,
#hide-search:hover {
    cursor: pointer;
}

#show-search .icon {
    width: 22px;
    height: 22px;
    background: url(images/icon_search.png) no-repeat;
    padding: 6px;
    display: block;
    background-position: center;
}

#hide-search .icon {
    width: 16px;
    height: 16px;
    background: url(images/icon_cancel.png) no-repeat;
    padding: 10px;
    display: block;
    background-position: center;
}


/*
#logo-itsh {
    float: right;
    height: 70px;
    margin: 13px 0 20px;
}*/

#logo-itsh {
    float: left;
    height: 35px;
    margin: 0px 24px;
    margin-top: 1px;
}

#logo-t {
    float: left;
    height: 36px;
    margin: 35px 0 0;
}

.slogan {
    float: left;
    width: 70%;
    margin-top: 65px;
    overflow: hidden;
}

.slogan h1,
.slogan h2 {
    display: inline-block;
    margin-right: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #882780;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 1023px) and (min-width: 636px) {
    .tsection-md .tcol {
        padding: 24px 0 24px 24px;
    }
    #header .slogan-1,
    #header .slogan-2 {
        padding-left: 0px;
    }
}

@media screen and (max-width: 636px) and (min-width: 320px) {
    .tsection-s .tcol {
        padding: 24px 0 24px 24px;
    }
    #header .slogan-1,
    #header .slogan-2 {
        padding-left: 0px;
    }
}


/*---------------- Main nav ---------------*/

#main-nav-container,
.share-bar,
#main-nav>li {
    background: #FFF;
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #d9d9d9));
    background: -webkit-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9d9d9', GradientType=0);
 */
}

#main-nav-container,
.share-bar {
    /* border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
}

.nav-container {
    border-bottom: 1px solid #b2b2b2;
}

#main-nav {
    float: left;
    margin-top: 0px;
}

#main-nav>li {
    position: relative;
    padding: 18px 0px;
    margin-left: 32px;
    line-height: 13px;
}

#main-nav>li>a {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #262626;
    padding: 12px 8px;
    /*
    height: 31px;
    padding: 0 18px;
    font-size: 12px;
    line-height: 31px;
    font-weight: 700;
    color: #666;
    border-left: 1px solid #fff;
    border-right: 1px solid #999999;*/
}

#main-nav>li:first-child,
#main-nav>li:first-child>a {
    margin-left: 0px;
}

#main-nav>li:first-child>a {
    margin-left: 16px;
}


/*
#main-nav > li:first-child {
    border-left: 1px solid #c7c7c7;
}*/

#main-nav>li:first-child,
#main-nav>li:first-child a {
    /* -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;

    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;*/
}


/*.no-touch #main-nav > li:hover,*/

#searchform,
.button,
.box .header.magenta,

/*#main-nav > li.current-menu-item,
#main-nav > li:nth-child(4),
#main-nav > li.current-page-ancestor,
#main-nav > li.current-menu-ancestor,
#main-nav > li.current-menu-parent,*/

.general-form input[type="submit"],
.wpcf7 input[type="submit"],
.af-submit button[type="submit"] {
    /*background: #ff95d8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjAwNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff95d8 0%, #e20074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff95d8), color-stop(100%, #e20074));
    background: -webkit-linear-gradient(top, #ff95d8 0%, #e20074 100%);
    background: -o-linear-gradient(top, #ff95d8 0%, #e20074 100%);
    background: -ms-linear-gradient(top, #ff95d8 0%, #e20074 100%);
    background: linear-gradient(to bottom, #ff95d8 0%, #e20074 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff95d8', endColorstr='#e20074', GradientType=0);
    */
    background: #e20074;
}

.no-touch #main-nav>li:hover,
#main-nav>li.current-menu-item,
#main-nav>li:nth-child(4),
#main-nav>li.current-page-ancestor,
#main-nav>li.current-menu-ancestor,
#main-nav>li.current-menu-parent,
#searchform {
    /*  border-top: 1px solid #e20074;*/
}

.no-touch #main-nav>li:hover>a,

/*#main-nav > li:hover,*/

#main-nav>li.current-menu-item>a,
#main-nav>li.current-page-ancestor>a,
#main-nav>li.current-menu-ancestor>a,
#main-nav>li.current-menu-parent>a
/*,
#searchform */

{
    color: #262626;
    /*  border-left: 1px solid #e20074;
    border-right: 1px solid #e20074;*/
    background: #ededed;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* subnav */

#main-nav ul {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: -999em;
    width: 238px;
    padding: 14px 0 17px;
    border: 1px solid #b2b2b2;
    background: #fff;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);*/
}

#main-nav ul li,
#main-nav ul li a {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main-nav ul li a {
    padding: 10px 8px 10px 26px;
    line-height: 21px;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #262626;
}

#main-nav ul li a:hover {
    /* background: #f5f5f5 url(images/arrow_right.png) no-repeat 15px 13px;*/
    background: #ededed;
    /*	color: #000;*/
}

#main-nav li:hover ul {
    top: 66px;
}

.no-js #main-nav li:hover>ul {
    top: 31px;
}

#main-nav ul li ul {
    display: none;
}

#main-nav ul li:hover ul {
    display: block;
    position: absolute;
    top: initial;
    left: 255px;
    top: -50%;
    margin-top: 5px;
}

#main-nav ul li {
    position: relative;
}

#main-nav>li:hover>.cusps {
    /*position: absolute;
    display: block;
    left: 0;
    top: 25px;
    z-index: 1001;
    width: 240px;
    height: 18px;
    background-position: 19px -94px;*/
    display: none;
}

#main-nav .cusps {
    display: none;
}

#main-nav>li>ul>li:hover>.cusps {
    z-index: 1001;
    background-position: 19px -94px;
    transform: rotate(-90deg);
    right: 10px;
    position: absolute;
    display: block;
    height: 18px;
    width: 60px;
    left: 217px;
    top: 16px;
}

#main-nav>li>ul>li>.cusps {
    display: none;
}

.touch #main-nav li ul {
    display: none;
}

#main-nav>li:nth-child(4)>ul>li:first-child {
    /* background-color: #e20074; */
}

#main-nav>li:nth-child(4)>ul>li:first-child>a {
    /*color: #ffffff;
    font-weight: bold;*/
}

#main-nav>li:nth-child(4)>ul>li:first-child>a:hover {
    /*  color: #e20074;
    font-weight: bold;
*/
}


/* mobile */

#show-menu {
    display: none;
}


/* search form */

#searchform,
#ajaxsearchlite1 {
    position: absolute;
    display: none;
    top: 0px;
    width: 100%;
    background: #FFF;
    height: 100%;
    border: none;
    border-radius: 0px;
    margin: 0;
    border-bottom: 1px solid #b2b2b2;
}

div.asl_w {
    box-shadow: none;
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
    height: 100%;
    box-shadow: none !important;
}

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input,
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
    color: #262626 !important;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif !important;
    border: none !important;
    outline: none;
    font-size: 18px !important;
    text-shadow: none !important;
}

div.asl_m .probox .proinput {
    max-width: 70% !important;
    height: 80px !important;
    margin: 0px;
    padding: 23px 24px !important;
    /* right: 72px; */
    box-shadow: none !important;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    order: 5;
    -webkit-order: 5;
}

div.asl_m .probox .proloading {
    position: absolute;
    right: 176px;
    top: 20px;
}

.wpdreams_asl_container input#searchsubmit {
    font-size: 18px!important;
    border: 1px solid #6b6b6b !important;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif !important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container {
    display: none;
}

div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 {
    display: block !important;
}

div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
    padding: 10px 8px 10px 8px !important;
    line-height: 16px !important;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    color: #262626 !important;
    text-shadow: none !important;
}

div.asl_r .results .item .asl_content .asl_desc {
    padding: 0px 8px 0px 8px !important;
    line-height: 16px !important;
    display: block !important;
    float: left !important;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    color: #262626 !important;
    text-shadow: none !important;
    margin: 0px !important;
}

div.asl_r.vertical {
    padding: 0px !important;
}

div.asl_r.vertical .results .item:first-child {
    border-radius: 0px !important;
}

div.asl_r .results .item.hovered {
    background: #ededed;
}

div.asl_r .results .item .asl_content {
    padding: 0px !important;
}

div.asl_r .results .item .asl_image {
    padding: 0px !important;
    margin: 0px !important;
}


/*
#searchform > div {
    margin: 6px 11px 7px;
    width: 167px;
    height: 18px;

    background: #d9d9d9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d9d9d9 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(top, #d9d9d9 0%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #d9d9d9 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(top, #d9d9d9 0%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #d9d9d9 0%, #fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#fcfcfc', GradientType=0);

    -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
}*/

#searchform .cusps {
    display: none;
}

#searchform input,
#ajaxsearchlite1 input[type='search'] {
    /* float: left;
    height: 18px;
    margin: 0;*/
    color: #262626;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    padding: 0;
    border: none;
    outline: none;
    font-size: 18px;
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
    height: 100% !important;
}

.proinput form {
    height: 100%;
}

#searchform input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#searchform input#s {
    width: 60%;
    padding: 36.5px;
    line-height: 18px;
    vertical-align: top;
}

.wpdreams_asl_container input#searchsubmit {
    width: auto;
    cursor: pointer;
    background-color: transparent;
    padding: 4px 18px;
    border: 1px solid #b5b5b5 !important;
    color: #262626 !important;
    border-radius: 4px;
    line-height: 1px;
    right: 62px;
    margin: 16px 0px;
    position: absolute;
}

div.asl_r .results .item {
    margin: 0px !important;
    padding: 5px !important;
    border: none !important;
}

div.asl_r.asl_w.vertical .results .item::after {
    display: none !important;
}


/******************************************************

							  CONTENT
					
******************************************************/


/*------------- Left-nav ----------------*/

#left-nav {
    padding: 7px 0 9px;
}

#left-nav li {
    margin-left: -1px;
}

#left-nav li a {
    display: block;
    padding: 6px 12px 6px 30px;
    font-size: 15px;
    line-height: 18px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    background: url(images/sidebar_arrow.png) no-repeat 12px 7px;
}

#left-nav li a.sub {
    padding-left: 38px;
    background-position-x: 25px;
}


/*
#left-nav li:hover a,
#left-nav li.current a {
    padding: 2px 8px 2px 28px;
    background-image: url(images/arrow_right_white.png);
    color: #fff;
    text-decoration: none;
}
*/

#left-nav li:hover a.sub,
#left-nav li.current a.sub {
    padding-left: 38px;
    background-position-x: 25px;
}


/*
#left-nav li:hover {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;

    background: #616161;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #616161 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616161), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #616161 0%, #333333 100%);
    background: -o-linear-gradient(top, #616161 0%, #333333 100%);
    background: -ms-linear-gradient(top, #616161 0%, #333333 100%);
    background: linear-gradient(to bottom, #616161 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#333333', GradientType=0);

}

#left-nav li.current {
    border-top: 1px solid #797979;
    border-bottom: 1px solid #797979;

    background: #969696;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2OTY5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWFlYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #969696 0%, #aeaeae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #aeaeae));
    background: -webkit-linear-gradient(top, #969696 0%, #aeaeae 100%);
    background: -o-linear-gradient(top, #969696 0%, #aeaeae 100%);
    background: -ms-linear-gradient(top, #969696 0%, #aeaeae 100%);
    background: linear-gradient(to bottom, #969696 0%, #aeaeae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#aeaeae', GradientType=0);
}
*/

.box .toggle-dropdown {
    display: none;
}


/*--------------- Post ------------------*/

.post ul {
    margin: 14px 0 11px;
}

.post ul li {
    padding: 0 0 0 19px;
    background: url(images/bullet_point.png) no-repeat 5px 7px;
}

.post a {
    color: #E20074;
}

.post h1 small {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    margin: -10px 0 14px;
    color: #333;
    display: block;
}

.post table td {
    padding: 3px 5px;
}

.post table tr:nth-child(2n) td {
    background-color: #eee;
}


/*--------------- Forms -----------------*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
.select2-container .select2-choice,
.select2-container .select2-selection--single {
    background: #FFF;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2;
    /*
    border-color: #bababa #c4c4c4 #cfcfcf #c4c4c4;
    -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);*/
}

.full-width-input input[type="text"],
.full-width-input input[type="password"],
.full-width-input input[type="email"],
.full-width-input input[type="number"],
.full-width-input textarea,
.full-width-input .select2-container {
    width: 100%;
    box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select {
    height: 35px;
}

input[type="email"],
input[type="text"],
input[type="password"],
input[type="number"] {
    width: 60%;
}

input[type="email"],
input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
    padding: 0px 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #262626;
}

.select2-container .select2-choice,
.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
}

textarea {
    width: 100%;
}

select {
    outline: none;
    width: 40%;
}

fieldset>div {
    margin-bottom: 10px;
}

fieldset {
    border: none;
    margin: 0 2px;
    padding: 0;
}

input[type="button"],
input[type="submit"] {
    height: 30px;
    padding: 0 12px;
}

.field-label {
    margin: 0 0 4px
}

.form-group {
    margin-bottom: 10px;
}


/* Contactform 7 */

.wpcf7 p {
    margin: 12px 0 8px;
}

.field-label,
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
    display: block;
    width: 100%;
    margin: 2px 0;
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: 10pt;
    left: 3px;
    padding: 3px;
    line-height: 18px;
    top: 3px;
    z-index: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
    background: #dd0404;
    background: rgba(221, 4, 4, .9);
}

.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #7fc23d;
}

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    border: none;
    color: #fff;
    border: none;
}

.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    padding: 6px 8px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 22px;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* sizes */

.general-form .text,
.general-form .select,
.general-form textarea {
    float: left;
    width: 100%;
}


/*--------------- Links bar ----------------*/

#links-bar h4 {
    font-size: 16px;
    margin: 0 0 10px;
}

#links-bar {
    clear: left;
}

#links-bar>ul {}

#links-bar>ul>li {
    float: left;
    display: block;
    width: 188px;
    margin-right: 24px;
}

#links-bar>ul>li:last-child {
    margin-right: 0px;
}

#links-bar>ul>li>a {
    margin: 24px 0px 12px 0px;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
}

#links-bar ul.sub-menu>li a {
    margin: 24px 0px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #FFF;
}

#links-bar ul.sub-menu>li a:hover {
    text-decoration: underline;
}

#links-bar ul.sub-menu li {
    float: none !important;
    display: block !important;
}


/*----------------- Share bar -----------------*/

.share-bar {
    margin-top: 25px;
    border-color: #d9d9d9 #666666 #666666 #c7c7c7;
}

.share-bar .inner {
    padding: 6px 12px;
    min-height: 24px;
}

.share-bar .icon {
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
}

.share-bar .social {
    min-width: 17%;
    white-space: nowrap;
}

.share-bar .social>div,
.share-bar .social>span {
    position: relative;
    top: 3px;
}

.share-bar .social .fb-like {
    float: left;
    margin: 0 6px 0 0;
}

.separator-left {
    border-left: 1px solid #999;
}


/*--------------- featured slider  -----------------*/

.bx-viewport {
    overflow: hidden;
}

.bx-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    background: #fff;
}

.bxslider li .container {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -648px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent!important;
}

.bxslider li .container article {
    top: 50px;
    left: 0px;
    height: 424px;
    padding: 80px 55px;
    position: relative;
    width: 46%;
    vertical-align: middle;
    background: url(images/ie_white_transparent_bg_o80.png);
    background: rgba(255, 255, 255, .9);
}

.bxslider li .container article {
    padding: 80px 55px;
    position: relative;
    width: 31%;
}

.bxslider h2 {
    margin: 0;
    font-size: 42px;
    line-height: 46px;
    color: #e20074;
}

.bxslider h2 a {
    color: #e20074;
}

.bxslider h2 a:hover {
    text-decoration: none;
}

.bxslider p {
    margin-top: 5px;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper ul.bxslider {
    overflow: hidden;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    padding-top: 8px;
    text-align: left;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    border-top: 1px solid #c4c4c4;
    background-color: #c7c8cf;
    text-indent: -999em;
    display: block;
    width: 70px;
    height: 6px;
    margin-left: 1px;
    outline: 0;
}

.bxslider-banner .bx-pager.bx-default-pager a {
    width: 35px;
}

.bx-wrapper .bx-pager-item:first-child a {
    margin-left: 0;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.bx-wrapper .bx-pager-item:last-child a {
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    border-top-color: #cd3285;
    background: #e20074;
    margin-top: -7px;
    height: 11px !important;
}

.bx-wrapper .bx-prev {
    left: 0px;
    background: url(images/arrow_left.png) no-repeat center center;
}

.bx-wrapper .bx-next {
    right: 0px;
    background: url(images/arrow_right.png) no-repeat center center;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    bottom: 0;
    outline: 0;
    width: 30px;
    text-indent: -999em;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -999em;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -999em;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.bxslider-banner .bx-wrapper {
    margin-bottom: 36px;
}

.bxslider-news .bx-wrapper {
    padding: 8px 30px;
}

.bx-viewport ul li>a {
    display: block;
}

.bx-viewport ul li:hover h4 {
    color: #000;
}

.bx-viewport ul li:hover a {
    text-decoration: none;
}

.bxslider-news h4,
.bxslider-news p {
    font-size: 12px;
    line-height: 16px;
}

.bxslider-news h4 {
    margin: 0px 0 10px;
}

.bxslider-news p {
    margin: 4px 0 10px;
}


/*------------ Post-list --------------*/

.post .post-list li {
    list-style: none;
    background: none;
    padding: 0;
}

.post .post-list h2 {
    margin-bottom: 8px;
}

.post .post-list p {
    margin-top: 0;
    margin-bottom: 0;
}

.post .post-list .more {
    display: inline-block;
}

.post-list h2 a {
    color: #000;
}


/*--------------- Pager ---------------*/

.pager {
    margin: 24px 0 36px;
    padding: 14px 0 0 0;
    border-top: 1px solid #ccc;
}

.job-post .pager {
    border: none;
    padding: 0;
    margin: 10px 0;
}

.pager ul,
.pager a {
    float: left;
    display: inline-block;
}

.post .pager li,
.post .pager a.button {
    float: left;
}

.post .pager .button+ul,
.post .pager ul+.button {
    margin-left: 10px;
}

.post .pager li a {
    font-weight: 700;
}

.post .pager a:hover {
    text-decoration: none;
}

.post .pager ul {
    margin: 1px 0 0 10px;
}

.post .pager ul li {
    margin: 0;
    padding: 0;
}

.post .pager ul li a,
.post .pager ul li.active {
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 6px;
    min-width: 10px;
    text-align: center;
    margin: 1px;
}

.post .pager ul li {
    list-style: none;
    background-image: none;
}

.post .pager ul li:hover a,
.post .pager ul li.active {
    padding-top: 1px;
    height: 21px;
    line-height: 21px;
    color: #fff;
    background: #75878b;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.pager .button span {
    display: inline-block;
}

.pager .button .arrow-right {
    background: url(images/arrow_right_white.png) no-repeat right 7px;
    padding-right: 12px;
}

.pager .button .arrow-left {
    background: url(images/arrow_left_white.png) no-repeat left 7px;
    padding-left: 12px;
}


/*---------------- Jobs list ----------------*/

.job-post-header.row {
    margin-top: 24px;
    border-bottom: 1px solid #ccc;
}

.job-post .job-post-header.row {
    margin-top: 0;
}

.job-post-header>div {
    vertical-align: baseline;
    padding-bottom: 8px;
}

.row-jobs a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 19px 15px 18px 45px;
}

.row-jobs>div:nth-child(2) a {
    padding: 19px 0;
}

.row-jobs:hover {
    background-color: #eee;
}

.job-post-header.row:hover {
    background-color: #fff;
}

.row-jobs>div {
    padding-left: 0;
}

.row-jobs>div:first-child {
    padding-left: 45px;
}

.jobs-list .row-jobs>div:first-child {
    position: relative;
    padding-left: 36px;
}

.job-post {
    border-top: 1px solid #ccc;
}

.jobs-list {
    border-bottom: 1px solid #ccc;
}

.job-post:first-child {
    border-top: none;
}

.job-post .row-jobs>div {
    padding-top: 0;
}

.job-post .row-jobs>div:first-child {
    padding: 0;
}

.job-post .button-toggle {
    position: absolute;
    left: 10px;
    top: 15px;
}

.job-post {
    float: left;
    width: 100%;
}

.button-toggle {
    position: relative;
}

.teaser-accordion .header {
    padding-left: 30px;
    position: relative;
}

.teaser-accordion .header h3 {
    padding-left: 0;
    cursor: pointer;
}

.teaser-accordion .header::before,
.button-toggle::before {
    position: absolute;
    display: block;
    content: "";
    left: 2px;
    top: 2px;
    background: url(images/icons.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    transform: rotate(0deg);
    transition: 200ms all ease-in;
}

.select2-selection__arrow {
    background: url(images/icons.svg) no-repeat 0 -120px !important;
}

.teaser-accordion .header::before {
    left: 6px;
    top: 6px;
}

.job-post .box.teaser p,
.teaser-accordion .box.teaser p {
    background: none;
}

.job-post .box.teaser p:hover,
.teaser-accordion .box.teaser p:hover {
    color: inherit;
}

.teaser-accordion .opened .header::before,
.job-post.opened .button-toggle::before {
    transform: rotate(90deg);
}

#tsystemjobs_suggested_mobile,
#tsystemjobs_suggested {
    min-height: 141px;
}

#tsystemjobs_suggested_mobile .job-post .row-jobs,
#tsystemjobs_suggested .job-post .row-jobs {
    position: relative !important;
}

.tsystemjobs_loading {
    margin: 30px 35%;
    width: 30%;
}

.itshcontact a {
    text-decoration: underline !important;
    color: #E20074 !important;
}


/*
#tsystemjobs_suggested .job-post .row-jobs a {
    margin-left: 30px !important;
}
*/

.poziikonok {
    text-transform: uppercase;
    color: #CECECE;
    font-family: 'tele-groteskeenorregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.poziikonok .row>div {
    padding-left: 70px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: left top;
    display: table;
    margin-bottom: 20px;
    cursor: pointer;
}

.poziikonok .row>div>div {
    display: table-cell;
    vertical-align: middle;
}

.poziikonok .row div:hover,
.poziikonok .row>div.selected {
    color: #e20074;
}

.poziikonok .Ertekesites {
    background-image: url(images/poziikonok/Ertekesites.jpg);
}

.poziikonok .Ertekesites:hover,
.poziikonok .Ertekesites.selected {
    background-image: url(images/poziikonok/ErtekesitesOn.jpg);
}

.poziikonok .Halozati {
    background-image: url(images/poziikonok/Halozati.jpg);
}

.poziikonok .Halozati:hover,
.poziikonok .Halozati.selected {
    background-image: url(images/poziikonok/HalozatiOn.jpg);
}

.poziikonok .ItProjektmenedzsment {
    background-image: url(images/poziikonok/ItProjektmenedzsment.jpg);
}

.poziikonok .ItProjektmenedzsment:hover,
.poziikonok .ItProjektmenedzsment.selected {
    background-image: url(images/poziikonok/ItProjektmenedzsmentOn.jpg);
}

.poziikonok .ItTanacsado {
    background-image: url(images/poziikonok/ItTanacsado.jpg);
}

.poziikonok .ItTanacsado:hover,
.poziikonok .ItTanacsado.selected {
    background-image: url(images/poziikonok/ItTanacsadoOn.jpg);
}

.poziikonok .ItUzemelteto {
    background-image: url(images/poziikonok/ItUzemelteto.jpg);
}

.poziikonok .ItUzemelteto:hover,
.poziikonok .ItUzemelteto.selected {
    background-image: url(images/poziikonok/ItUzemeltetoOn.jpg);
}

.poziikonok .Jogi {
    background-image: url(images/poziikonok/Jogi.jpg);
}

.poziikonok .Jogi:hover,
.poziikonok .Jogi.selected {
    background-image: url(images/poziikonok/JogiOn.jpg);
}

.poziikonok .KF {
    background-image: url(images/poziikonok/KF.jpg);
}

.poziikonok .KF:hover,
.poziikonok .KF.selected {
    background-image: url(images/poziikonok/KFOn.jpg);
}

.poziikonok .Logisztika {
    background-image: url(images/poziikonok/Logisztika.jpg);
}

.poziikonok .Logisztika:hover,
.poziikonok .Logisztika.selected {
    background-image: url(images/poziikonok/LogisztikaOn.jpg);
}

.poziikonok .Menedzsment {
    background-image: url(images/poziikonok/Menedzsment.jpg);
}

.poziikonok .Menedzsment:hover,
.poziikonok .Menedzsment.selected {
    background-image: url(images/poziikonok/MenedzsmentOn.jpg);
}

.poziikonok .Penzugyes {
    background-image: url(images/poziikonok/Penzugyes.jpg);
}

.poziikonok .Penzugyes:hover,
.poziikonok .Penzugyes.selected {
    background-image: url(images/poziikonok/PenzugyesOn.jpg);
}

.poziikonok .Tanacsado {
    background-image: url(images/poziikonok/Tanacsado.jpg);
}

.poziikonok .Tanacsado:hover,
.poziikonok .Tanacsado.selected {
    background-image: url(images/poziikonok/TanacsadoOn.jpg);
}

.poziikonok .Ugyfelszolgalati {
    background-image: url(images/poziikonok/Ugyfelszolgalati.jpg);
}

.poziikonok .Ugyfelszolgalati:hover,
.poziikonok .Ugyfelszolgalati.selected {
    background-image: url(images/poziikonok/UgyfelszolgalatiOn.jpg);
}

.poziikonok .Ugyintezo {
    background-image: url(images/poziikonok/Ugyintezo.jpg);
}

.poziikonok .Ugyintezo:hover,
.poziikonok .Ugyintezo.selected {
    background-image: url(images/poziikonok/UgyintezoOn.jpg);
}

.poziikonok .Security {
    background-image: url(images/poziikonok/Security.jpg);
}

.poziikonok .Security:hover,
.poziikonok .Security.selected {
    background-image: url(images/poziikonok/SecurityOn.jpg);
}


.pozimobilemenu {
    font-family: 'tele-groteskeenorregular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    background-color: #e20074;
    color: #ffffff;
    padding: 12px 30px 9px 10px;
    font-weight: bold;
    letter-spacing: 1.2px;
    cursor: pointer;
}

.pozimobilemenu .burger {
    width: 35px;
    float: left;
    height: 30px;
    top: -5px;
    position: relative;
}

.pozimobilemenu .burger div {
    width: 20px;
    height: 3px;
    background-color: #ffffff;
    margin: 4px 0;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-content {
    /*	display: none;*/
}

@media (max-width: 960px) {
    .mobile-col-full {
        width: 100%;
    }
    .accordion-toggle>div {
        width: 100%;
    }
    .jobs-details-equal .inner,
    .jobs-details-equal-2 .inner {
        min-height: inherit !important;
    }
}

.job-post.opened .accordion-content {
    /*display: block;*/
}

.accordion-content {
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.accordion-content h2 {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 24px;
    /*	font-weight: 400;*/
}

.job-details {
    margin-bottom: 12px;
}

.job-details>div>div>div {
    padding: 5px 3px;
}

.job-details>div>div:nth-child(odd) {
    background: #f8f8f8;
}

.job-details>div {
    border-bottom: 3px solid #f8f8f8;
}

.job-post .job-details {
    margin-bottom: 30px;
}

.job-post .search-results {
    margin: 40px 0;
}

.job-post .job-description {
    max-height: 200px;
    overflow: hidden;
}

.action-bar {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    background: #e20074;
    padding: 30px 12px;
    color: #fff;
    box-sizing: border-box;
}

.action-bar::before {
    position: absolute;
    content: "";
    display: block;
    height: 70px;
    top: -70px;
    right: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.action-bar-half {
    width: 50%;
}

.action-bar-half-left {
    width: 49%;
    margin-right: 1%;
}

.job-post .action-bar {
    margin-top: 30px;
    text-align: right;
    padding-right: 45px;
}

.job-post .action-bar::before {
    display: none;
}

.action-bar:hover {
    text-decoration: none;
}

.action-bar span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 24px;
}

.action-bar span::before {
    position: absolute;
    content: "";
    display: block;
    width: 12px;
    height: 17px;
    right: -20px;
    top: 2px;
    background: url(images/icons.svg) no-repeat 0 -30px;
}

#search-wrapper {
    position: relative;
    /* border: 1px solid #ccc;
    border-radius: 5px; */
    margin-bottom: 20px;
    background: rgba(0, 0, 0, .45);
    padding: 30px;
}

#search-wrapper form {
    display: none;
}

#form-extended .row:first-child {
    margin-top: 0;
}

#form-extended .row {
    margin-top: 15px;
}

#search-wrapper form.show {
    display: block;
}

#search-wrapper .form {
    /* position: absolute;
    bottom: 50px;
    background: rgba(0, 0, 0, .45); */
    z-index: 99;
    width: 100%;
}

#search-wrapper form label {
    color: #fff;
    line-height: 14px;
    margin-bottom: 3px;
    display: block;
}

.toggle-search {
    color: #fff;
}

#search-wrapper form input[type="text"] {
    padding: 5px;
    line-height: 22px;
    box-sizing: border-box;
    height: 34px;
}

#search-wrapper form button {
    height: 34px;
    margin-top: 17px;
    line-height: 32px;
}

@media (max-width: 960px) {
    #search-wrapper {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        position: static;
        border: none;
        border-radius: 0;
        clear: both;
        padding: 0;
        background: none;
    }
    #search-wrapper .form {
        box-sizing: border-box;
        position: static;
        width: 100%;
        background: #f8f8f8;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 16px;
    }
    #search-wrapper #map {
        display: none;
    }
    #search-wrapper form label,
    .toggle-search {
        color: #999;
    }
    #search-wrapper form .col-1-3 {
        margin-bottom: 16px;
    }
    .action-bar span {
        font-size: 16px;
    }
    #form-extended .row:first-child,
    #search-wrapper .row {
        margin-top: 0;
    }
    #search-wrapper .text-align-right {
        text-align: left;
    }
}


/******************************************************

							  SIDEBAR
					
******************************************************/


/******************************************************

							  FOOTER
					
******************************************************/

#footer {
    overflow: hidden;
}

#footer {
    /*
    margin-top: 40px;
    margin-bottom: 35px;*/
    background: #262626;
    padding: 0px 24px;
}

#footer>.inner-wrapper {
    background: #262626;
}

#footer .copyright,
#footer .menu.inline {
    float: left;
}

#footer .copyright,
#footer .menu.inline li a {
    font-size: 12px;
    line-height: 16px;
    margin: 0 22px 0 0;
}

#footer .box {
    margin: 0px;
    background: none;
    color: #FFF;
    border: none !important;
}

#footer .box.social a {
    display: block;
    padding: 6px 12px 6px 0px;
    height: 24px;
    line-height: 24px;
    border: none !important;
    color: #FFF;
    text-align: left;
}

.social [class^="ico-"] {
    background: none !important;
}

.social [class^="ico-"]>div {
    content: '';
    width: 24px;
    display: table;
    height: 24px;
    float: left;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
}

.social [class^="ico-"]>div>div {
    display: table-cell;
    vertical-align: middle;
}

.social [class^="ico-"]>div>div>svg {
    display: block;
    margin: 0 auto;
    opacity: 0.6;
}

.social .ico-facebook div svg {
    width: 9px;
    height: 20px;
}

.social .ico-twitter div svg {
    width: 17px;
    height: 15px;
}

.social .ico-youtube div svg {
    width: 16px;
    height: 13px;
}

.social [class^="ico-"]:hover>div>div>svg {
    opacity: 1;
}

.social-widget .title {
    margin: 24px 0px 12px 0px;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
}

#footer .tsection.bottom {
    border-top: 1px solid #6b6b6b;
    margin: 0px 24px;
}

#footer .copyright {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #b2b2b2;
    margin: 24px 0px 48px 0px;
    clear: both;
}

#footer .logo {
    background: url('images/logo-telekom.png');
    width: 204px;
    height: 38px;
    display: block;
    margin: 24px 0px 0px 0px;
    float: left;
}

#footer .footer-slogan {
    background: url('images/logo-DTITS-white.png');
    width: 169px;
    height: 8px;
    display: block;
    margin: 41px 0px 0px 170px;
    float: right;
}

#footer .menu.inline {
    margin: 24px 0px 48px 0px;
    float: right;
}

#footer .menu.inline li a {
    margin: 0 22px 0 0;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #b2b2b2;
    margin-right: 0px;
    margin-left: 24px;
}

@media screen and (max-width:635px) {
    #footer .footer-slogan {
        margin: 24px 0px 0px 0px;
    }
    #links-bar>ul>li {
        margin-right: 0px;
        width: 100%;
    }
    #footer .tcol {
        padding-left: 0px;
    }
}


/****************************************************

					TABLET - PORTRAIT

****************************************************/

@media screen and (max-width: 960px) {
    /*  .margin,
    #header,
    #footer,
    body > .body {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .margin,
    #footer,
    body > .body,
    #main-nav-container {
        padding-left: 3.125%;
        padding-right: 3.125%;
    }

    #header {
        padding-left: 0;
        padding-right: 0;
    }*/
    /*
    .slogan {
        width: 60%;
        padding-left: 3.125%;
    }

    #logo-itsh {
        padding-right: 3.125%;
    }*/
    .col-1-2,
    .col-1-3,
    .col-2-3,
    .col-1-4 {
        width: 100%;
    }
    .m-col-1-2 {
        float: left;
    }
    .m-col-1-2,
    .col-2-3 .col-1-2 {
        width: 48.64864864864865%;
        /* 360/740 */
        margin-right: 2.702702702702703%;
        /* 20/740 */
    }
    #sidebar-left,
    #content,
    #sidebar-right,
    #content .post {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    #sidebar-left .image-container {
        display: none;
    }
    .desktop {
        display: none !important;
    }
    .pull-right {
        float: none;
    }
    /******************************************************

                                  HEADER

    ******************************************************/
    /* #header .menu.inline {
        left: 3.125%;
    }*/
    .slogan {
        margin-top: 28px;
    }
    .slogan h1,
    .slogan h2 {
        display: block;
        margin: 0;
    }
    .slogan h1 {
        margin: 24px 0 2px;
    }
    #searchform {
        display: none;
    }
    /*---------------- Main nav ---------------*/
    #main-nav-container,
    #main-nav>li:first-child,
    #main-nav>li:first-child a {
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    /* #show-search {
        float: right;
        margin: 4px 0;
        display: block;
        width: 32px;
        height: 32px;
    }

    #show-search .icon {
        display: block;
        width: 30px;
        height: 30px;
        background-position: 5px -199px;
    }

    #show-search.opened .icon {
        background-position: 5px -229px;
    }*/
    #main-nav>li>a {
        padding: 0 9px;
    }
    #main-nav>li,
    #main-nav>li a {
        /* height: 40px; */
    }
    #main-nav>li>a {
        line-height: 40px;
    }
    #main-nav>li:first-child,
    #main-nav>li:first-child a {}
    #main-nav-container {
        position: relative;
        border-width: 1px 0;
    }
    /* search form */
    #searchform {
        position: absolute;
        z-index: 2000;
        right: 3.125%;
        top: 48px;
        padding: 12px;
        border-color: #e6e6e6;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #ffffff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 1%, #ffffff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 1%, #ffffff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 1%, #ffffff 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        -khtml-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    }
    #searchform>div {
        width: 260px;
        height: 36px;
        margin: 0;
        background: #f8f8f8;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        border-width: 1px;
        border-style: solid;
        border-color: #bababa #c4c4c4 #cfcfcf #c4c4c4;
        -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
        -khtml-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    #searchform .cusps {
        position: absolute;
        display: block;
        z-index: 1001;
        width: 21px;
        height: 11px;
        right: 6px;
        top: -11px;
        background: url(images/icons.png) no-repeat -7px -95px;
    }
    #searchform input {
        height: 36px;
        font-size: 16px;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #searchform input#s {
        width: 224px;
        padding: 0;
    }
    #searchform input#searchsubmit {
        background: url(images/icons.png) no-repeat 0 -260px;
        width: 36px;
        /* -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

        -webkit-border-bottom-left-radius: 0;
        -khtml-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;

        -webkit-border-bottom-right-radius: 0;
        -khtml-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;*/
    }
    /******************************************************

                                  CONTENT

    ******************************************************/
    /*------------- Left-nav ----------------*/
    .dropdown-nav .header {
        float: left;
        clear: left;
    }
    .box.dropdown-nav {
        position: relative;
        border: none;
        background-color: transparent;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        overflow: visible;
    }
    .box.dropdown-nav .header {
        cursor: pointer;
        border: 1px solid #cccccc;
        color: #666;
        background: #fafafa;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #d9d9d9));
        background: -webkit-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -o-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -ms-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9d9d9', GradientType=0);
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .box.dropdown-nav.opened .header {
        -webkit-border-bottom-left-radius: 0;
        -khtml-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -khtml-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        /*
        -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4);
        -khtml-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4);*/
    }
    .box.dropdown-nav.opened .header,
    .box.dropdown-nav #left-nav li.current,
    .box.dropdown-nav #left-nav li.current:hover {
        background: #ebebeb;
        /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #cccccc));
        background: -webkit-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
        background: -o-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
        background: -ms-linear-gradient(top, #ebebeb 0%, #cccccc 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#cccccc', GradientType=0);
*/
        background: #ededed;
    }
    .box.dropdown-nav .header h2 {
        font-weight: 400;
    }
    .box.dropdown-nav {
        border: none;
        background-color: transparent;
    }
    .box.dropdown-nav #left-nav {
        display: none;
        clear: left;
        width: 100%;
    }
    .box.dropdown-nav .toggle-dropdown {
        float: left;
        display: inline-block;
        margin: 7px 4px 7px 0;
        width: 12px;
        height: 12px;
        padding: 4px;
        background: url(images/icons.png) no-repeat 0 -157px;
    }
    .box.dropdown-nav.opened .toggle-dropdown {
        background-position: 0 -178px;
    }
    .box.dropdown-nav .toggle-dropdown img {
        display: none;
    }
    .csstransitions.svg .box.dropdown-nav .toggle-dropdown {
        background: #6d6d6d;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #6d6d6d 0%, #444444 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #444444));
        background: -webkit-linear-gradient(top, #6d6d6d 0%, #444444 100%);
        background: -o-linear-gradient(top, #6d6d6d 0%, #444444 100%);
        background: -ms-linear-gradient(top, #6d6d6d 0%, #444444 100%);
        background: linear-gradient(to bottom, #6d6d6d 0%, #444444 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#444444', GradientType=0);
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    .csstransitions.svg .box.dropdown-nav .toggle-dropdown img {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        -ms-transition-duration: 200ms;
        transition-duration: 200ms;
    }
    .csstransitions.svg .box.dropdown-nav.opened .toggle-dropdown img {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        -ms-transition-duration: 200ms;
        transition-duration: 200ms;
    }
    .csstransitions.svg .box.dropdown-nav .toggle-dropdown img {
        display: block;
    }
    .box.dropdown-nav #left-nav {
        padding: 7px 7px 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #f8f8f8;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #666 #666 #ccc;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-border-top-left-radius: 0;
        -khtml-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
    }
    .box.dropdown-nav #left-nav li,
    .box.dropdown-nav #left-nav li:hover {
        float: left;
        width: 49.64488636363636%;
        /*349.5/704*/
        margin: 0 0.7102272727272727% 6px 0;
        /* 5/704*/
        height: 32px;
        padding: 0 8px;
        border: 1px solid #cccccc;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /*
        background: #fafafa;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #d9d9d9));
        background: -webkit-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -o-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: -ms-linear-gradient(top, #fafafa 0%, #d9d9d9 100%);
        background: linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9d9d9', GradientType=0);
    */
    }
    .box.dropdown-nav #left-nav li:hover,
    .box.dropdown-nav #left-nav li.current {
        background: #ebebeb;
    }
    .box.dropdown-nav #left-nav li a {
        display: block;
        color: #000;
        background: none;
        padding: 0;
        line-height: 32px;
    }
    .box.dropdown-nav #left-nav li:nth-child(even) {
        margin-right: 0;
    }
    /* click events */
    /*.no-csstransforms3d .dropdown-nav #left-nav {
        display: none;
    }
    .no-csstransforms3d .dropdown-nav.opened #left-nav {
        display: block;

    }
    .csstransforms3d .dropdown-nav #left-nav {
        left: 0;
       -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);    transform: scale(1,0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .no-csstransforms3d .dropdown-nav.opened #left-nav {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: scale(1,1);
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible;
    }*/
}

@media screen and (max-width: 1023px) {
    /*---------------- Main nav ---------------*/
    #main-nav {
        position: absolute;
        top: -999em;
        left: 0;
        right: 0;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        transition: opacity .2s ease;
        z-index: 999;
        opacity: 0;
        border-bottom: 1px solid #777;
        -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5);
        -khtml-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5);
    }
    #main-nav.opened {
        top: 73px;
        opacity: 1;
    }
    #main-nav li,
    #main-nav li.current-menu-item {
        height: auto;
        width: 50%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main-nav {
        padding: 8px 0px;
        background: #FFF;
    }
    #main-nav li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 16px;
    }
    #main-nav>li:nth-child(even) {
        padding-left: 6px;
    }
    #main-nav>li:nth-child(odd) {
        padding-right: 6px;
    }
    #main-nav li a,
    #main-nav li.current-menu-item a {
        padding: 4px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 32px;
        border: none;
        color: #444;
        /* padding-left: 0; */
        /* padding-right: 0; */
    }
    #main-nav .cusps,
    #main-nav li ul {
        display: none !important;
    }
    /* mobile */
    #show-menu {
        display: block;
    }
    #show-menu {
        float: left;
        margin: 20px 24px 24px 0px;
        display: block;
        /* width: 32px; */
        height: 32px;
    }
    #logo-itsh {
        margin-left: 0px;
    }
    #header .slogan-1 {
        right: 24px;
    }
    #show-menu .icon {
        background-image: url(images/icons.png);
        display: block;
        padding: 0 8px 0 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        text-indent: -999999;
        background-position: 7px -300px;
        background-repeat: no-repeat;
    }
    #show-menu.opened .icon {
        background-position: 5px -330px;
    }
    #main-nav>li:first-child>a {
        margin-left: 0px;
    }
    #main-nav li,
    #main-nav li.current-menu-item {
        background: #FFF;
    }
    div.asl_r .results .item .asl_content h3,
    div.asl_r .results .item .asl_content h3 a {
        font-size: 16px !important;
    }
    div.asl_r .results .item .asl_content .asl_desc {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 635px) {
    #main-nav li,
    #main-nav li.current-menu-item {
        width: 100%;
    }
    #main-nav>li:nth-child(even),
    #main-nav>li:nth-child(odd) {
        padding: 8px 16px;
    }
    div.asl_r .results .item .asl_content h3 {
        display: block !important;
        margin-left: 35px;
    }
    div.asl_r .results .item .asl_content .asl_desc {
        display: none !important;
    }
}



.page-template-page-full article,
.page-template-page-full .post{
    width: 100%;
    box-sizing: border-box;
    padding: 0px 24px;
}



#featured-slider {
    display: table;
    padding-top: 70px;
}

@media screen and (max-width: 640px) {
    /******************************************************

                                  GENERAL

    ******************************************************/
    .body .col-1-2,
    .body .col-1-4,
    .body .col-1-3,
    .body .col-2-3,
    .body .m-col-1-2 {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    /******************************************************

                                  HEADER

    ******************************************************/
    h1 {
        font-size: 28px;
        line-height: 34px;
        margin: 20px 0 16px;
    }
    h1:first-child {
        margin-top: 0;
    }
    #logo {
        position: relative;
    }
    /*
    #logo-itsh {
        float: right;
        height: 60px;
        margin: 11px 0 14px;
    }

    .slogan {
        position: absolute;
        top: 20px;
        left: 3.125%;
        padding: 0;
    }

    .slogan h2 {
        display: none;
    }

    .slogan h1 {
        display: block;
        margin: 0;
    }
*/
    /******************************************************

                                  CONTENT

    ******************************************************/
    .box.teaser .inner {
        height: auto !important;
    }
    /*------------- Left nav --------------*/
    .box.dropdown-nav #left-nav li {
        width: 100% !important;
    }
    /*--------------- Pager ---------------*/
    .pager {
        text-align: center;
        margin: 14px 0;
    }
    .pager a.button.normal {
        float: none;
    }
    .pager ul {
        display: none;
    }
    /*--------------- featured slider  -----------------*/
    #featured-slider .bx-viewport {
        margin-bottom: 15px;
        border-width: 1px;
        border-style: solid;
        border-color: #e9e9e9 #666666 #666666 #e9e9e9;
        background: #f8f8f8;
        overflow: hidden;
    }
    #featured-slider .bxslider li article {
        position: static;
        width: 100%;
        padding: 14px;
        vertical-align: middle;
        height: 240px;
    }
    #featured-slider .bxslider h2 {
        font-size: 24px;
        line-height: 28px;
    }
    #featured-slider .button.medium {
        font-size: 16px;
        height: 30px;
        line-height: 28px;
        padding: 0 16px;
    }
    #featured-slider .bx-wrapper .bx-pager.bx-default-pager a {
        width: 38px;
    }
    #featured-slider .bxslider img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    /*--------------- Forms -----------------*/
    input[type="text"],
    input[type="password"] {
        width: 100%;
    }
    select {
        width: 75%;
    }
    /* Contactform 7 */
    .wpcf7 .submit {
        margin-bottom: 24px;
    }
    .stickyApply {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #DBDAE3;
        color: white;
        text-align: center;
        padding: 5%;
    }
    .stickyApply .button.block {
        width: 90%;
        padding: 5px;
        height: 40px;
    }
    .hideOnMobileNotImp {
        display: none;
    }
    .hideOnMobile {
        display: none !important;
    }
    .onlyOnMobile {
        display: block !important;
    }
    /*----------------- Share bar -----------------*/
    .share-bar .float-left {
        display: none;
    }
    .separator-left {
        float: left;
        border-left: none;
    }
    /******************************************************

                                  FOOTER

    ******************************************************/
    #footer {
        margin-top: 30px;
        margin-bottom: 16px;
        text-align: center;
    }
    #footer .copyright {
        margin-bottom: 10px;
        padding-bottom: 8px;
        border-bottom: 1px solid #999;
    }
    #footer .menu.inline {
        float: none;
    }
    #footer .menu.inline {
        margin-top: 15px;
        text-align: center;
    }
    #footer .menu.inline li {
        float: none;
        display: inline-block;
    }
    #footer .menu.inline li a {
        margin: 0 12px 0 0;
    }
}

@media screen and (max-width: 479px) {
    #main-nav li,
    #main-nav li.current-menu-item {
        width: 100%;
    }
    #main-nav li:nth-child(even) a {
        border-left: none !important;
    }
    #main-nav li a,
    #main-nav li.current-menu-item a {
        padding-left: 3.125%;
        padding-right: 3.125%;
    }
    .slogan {
        display: none;
    }
}


/* WPML Language Selector Override */

#lang_sel_list {
    height: auto;
    width: auto;
    border: 0;
}

#lang_sel_list ul {
    border: 0 !important;
    width: auto !important;
}

#lang_sel_list li {
    width: auto !important;
    display: inline-block !important;
    font-family: arial, sans-serif;
    margin-right: 15px;
    font-size: 12px;
}

#lang_sel_list li a {
    border: 0;
    padding: 0;
    display: inline;
    font-size: 12px;
}

#sitemap a {
    color: #000;
}

#sitemap>li {
    margin: 5px 0 0 0;
}

#sitemap>li>a {
    font-size: 18px;
}

#sitemap .child {
    margin: 0 0 20px 20px !important;
}


/*--------------- modal window -----------------*/

.modal-window {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    display: none;
}

.modal-window.opened {
    float: none;
    position: fixed;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    overflow: auto;
}

.modal-window .box {
    display: block;
    margin: auto;
    width: 500px;
    height: auto;
    position: relative;
}

@media (max-width: 640px) {
    .modal-window {
        overflow-y: auto;
    }
    .modal-window .box {
        width: 100%;
    }
}


/* E-LIT FORM */

.af-success {
    position: absolute;
    top: 20px;
    z-index: 1000;
    border: 20px solid #732C74;
    padding: 10px 30px;
    background-color: #fff;
}

.post .af-form ul li {
    background: none;
}

.elit-adatkezelesi .acf-input {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 200px;
}

.acf-error-message.-dismiss {
    display: none;
}

.af-submit-button {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    border: 1px solid #e20074;
}

.job_box .inner_negative {
    margin: -14px;
}

.job_box .inner_negative a {
    max-height: 235px;
}

.job_box .inner_negative a span {
    padding-left: 21px;
    padding-top: 30px;
    font-size: 36px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    color: #FFF;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.2);
    display: block;
}

.job_box .inner_negative a.allas_bud {
    background: url(images/allas_budapest.jpg) no-repeat;
    background-position: center;
    background-size: 100%;
}

.job_box .inner_negative a.allas_bud:hover {
    background-size: 120%;
}

.job_box .inner_negative a.allas_pecs {
    background: url(images/allas_pecs.jpg) no-repeat;
    background-position: center;
    background-size: 100%;
}

.job_box .inner_negative a.allas_pecs:hover {
    background-size: 120%;
}

.job_box .inner_negative a.allas_szeg {
    background: url(images/allas_szeged.jpg) no-repeat;
    background-position: center;
    background-size: 100%;
}

.job_box .inner_negative a.allas_szeg:hover {
    background-size: 120%;
}

.job_box .inner_negative a.allas_deb {
    background: url(images/allas_debrecen.jpg) no-repeat;
    position: center;
    background-size: 100%;
}

.job_box .inner_negative a.allas_deb:hover {
    background-size: 120%;
}

#job_notify {
    height: auto;
    width: 100%;
    position: relative;
    background: #8c2a91;
    color: #FFF;
    display: none;
}

#job_notify.show {
    display: table;
}

#job_notify .margin {
    background: #8c2a91;
    position: relative;
}

#job_notify .margin a {
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
}

#job_notify .margin .close {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAzLTE3VDEzOjM5OjQ1KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTE3VDEzOjM5OjQ1KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0xN1QxMzozOTo0NSswMTowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmMWU1MWYzNC1mYzJmLWQ4NGUtYTIzZi1lODZiOTRmZDgyZGMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3MGE5YTc1OS1jNDFiLTQ2NGEtODYwMC0wYjc4ZWZjZjI1OGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOWY2OGM0OS02NTcwLTkyNDYtYTVhNC01ZTZmNWY3YzkyZDIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI5ZjY4YzQ5LTY1NzAtOTI0Ni1hNWE0LTVlNmY1ZjdjOTJkMiIgc3RFdnQ6d2hlbj0iMjAyMC0wMy0xN1QxMzozOTo0NSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMWU1MWYzNC1mYzJmLWQ4NGUtYTIzZi1lODZiOTRmZDgyZGMiIHN0RXZ0OndoZW49IjIwMjAtMDMtMTdUMTM6Mzk6NDUrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+eG1wLmRpZDo0QkE5MDdGQTNGNDIxMUU1QUM1MkM3RjA5MEQyNjkwQjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv90U14AAALjSURBVDiNndRdSBRRFAfw/x13TbzTUrbRBwsVChEUPklgYFlgBEkPFSRFT0Yf0BcUPdwR7EEwKkMCi/KpMgOthALJMjUhoq1eFCzRerlThu4KuqvjzHpPD+6sk+0KduHCcOb8f1xmzgyTXPgBVAAYABDG/60iAFsANONXfu1JZ3D0e+zeh5eSix1EhKVsyUVx7N6Hl87g6PCv/NqTUHH7IyVX/NGXDslF6RKwXfGHnzvcvIrNhEFEZaTUtFucet7fLbnYK7lgi0BMclE29ayvm1KamiaivW5TCc2qSffe9Ktv72WgqlxyoaXBNBmoKp9u//o+hc1ld0ou4G3eTrMq4vZYPcOfzGD1YS8qudDMYPVhq2c47MGiRLRdcgHJBRgRed/WNijqhMZWA4Adln1j+xqvkZV4AgAsx3ck2F55JbsotA0AoGgUGttj6kafCywEAaAARD1gbD0AOP0j38bKGq8DQLCj8rJ/69rNAACin2Bsp6kbQ95wOhAAQlD0DhrbBACJobEfAOArCG5KnuwHNFYCQJq68VfQl2FQJTRWjIR6C5+2JQUBQEINwKftBjCSLqhlAGHqRixyrLmF7FnHrZE960SONbeYuhHLlEsLmroR8Beuu7Ci/sAplp3ld+ssO8u/ov7AKX/hugumbgTSZf95hqZu5GUXhc6venr8rJaXu3LuaNQ1181KAUBFp8YjBx/ctsOyHkA0I2jqxpplpfkX85oqzmiBnOVJ7AUYO5S8fgrG9gOAmrAmo0ebG2a6hm8B+J1CPEMbilQ01alJK+YZ2sdElOUZ/qxkbe5rm7RikYqmOslFyB1sF9sYPdHaoOJ2nObXnQXYPEp0N4XG7Xj0RGuD5GKD5AKQXBSMn2trVJZjebAbRJTx55C8dzOFWo41frbtvuQiHxM1nTeVnXA8WPUi0MJ9NYXaCWeipvMGSKleD3ZpCZi7L6fSSvWCiHKJ6DURnf4PDJILJLNviCj3D0CQL0YCfnSoAAAAAElFTkSuQmCC');
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 0px;
    opacity: .8;
}

#job_notify .margin .close:hover {
    opacity: 1;
    cursor: pointer;
}

@media screen and (max-width: 1499px) {
    #main-nav>li>a {
        font-size: 16px;
    }
}


/*
bx pager custom
*/

.bx-pager.bx-pager-custom .bx-pager-item:before {
    content: '';
    height: 4px;
    background: #a4a4a4;
    display: block;
    top: 0px;
}

.bx-pager.bx-pager-custom .bx-pager-item:hover:before {
    background: #7c7c7c;
}

.bx-pager.bx-pager-custom .bx-pager-item a {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #262626;
    text-align: center;
    height: 100%;
    width: 100%;
    display: block;
}

.bx-pager.bx-pager-custom .bx-pager-item:hover a {
    color: #6c6c6c;
}

.bx-pager.bx-pager-custom .bx-pager-item a:hover {
    text-decoration: none !important;
}

.bx-pager.bx-pager-custom .bx-pager-item a>div {
    display: table;
    height: 85px;
    width: 100%;
}

.bx-pager.bx-pager-custom .bx-pager-item a>div>div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.bx-pager.bx-pager-custom .bx-pager-item.tcol {
    margin: 0px 0px 0px 24px;
}

.bx-pager.bx-pager-custom .bx-pager-item.tcol a.active {
    color: #e20074;
}

.bx-pager.bx-pager-custom .bx-pager-item.tcol.active:before {
    background: #e20074;
}

.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-controls-direction a.bx-prev {
    background-color: #a4a4a4;
    opacity: 0.9;
    padding: 24px;
}

.bx-wrapper .bx-controls-direction a.bx-next:hover,
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    opacity: 1;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    width: 18px;
    height: 33px;
    background-image: url('images/icon-next.png');
    display: block;
    top: 50%;
    margin-top: -16px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    width: 18px;
    height: 33px;
    background-image: url('images/icon-prev.png');
    display: block;
    top: 50%;
    margin-top: -16px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.bxslider h2 {
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    color: #262626;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    margin-bottom: 24px;
}

.bxslider h2 a {
    color: #262626;
}

.bxslider p {
    color: #262626;
    font-size: 18px;
    line-height: 21px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    margin-bottom: 24px;
    margin-top: 0px;
}

#featured-slider,
#featured-slider .bx-wrapper,
#featured-slider .bx-viewport {
    max-height: 524px;
}


/* hero parallax */

#hero {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.layer {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 943px;
}

#hero {
    min-height: 400px;
    margin: 0 auto;
}

.layer {
    margin: -271px auto 0 auto;
    min-height: 943px;
}

.layer-bg {
    background-image: url('images/dtits-website-kv-parallax-scroll_01.png');
}

.layer-1 {
    background-image: url('images/dtits-website-kv-parallax-scroll_02.png');
}

.layer-2 {
    background-image: url('images/dtits-website-kv-parallax-scroll_03.png');
}

.layer-3 {
    background-image: url('images/dtits-website-kv-parallax-scroll_04.png');
    background-size: contain !important;
    margin: -315px auto 0 auto;
}

.layer-4 {
    background-image: url('images/dtits-website-kv-parallax-scroll_05.png');
}

.layer-overlay {
    background-image: url(images/dtits-website-kv-parallax-scroll_overlay.png);
    background-size: contain;
    background-position: center center;
    width: 1248px;
    margin: 0 auto;
    position: relative;
    margin-top: -271px;
}

/* stories 01 */

.stories-01 .layer {
    margin: -200px auto 0 auto;
    min-height: 943px;
}

.stories-01 .layer-bg {
    background-image: url('images/dtits-website-kv-parallax-stories-01-scroll-bg.jpg');
}

.stories-01 .layer-1 {
    background-image: url('images/dtits-website-kv-parallax-stories-01-scroll_04.png');
    background-size: initial;
}

.stories-01 .layer-2 {
    display: none !important;
}

.stories-01 .layer-3 {
    display: none !important;
}

.stories-01 .layer-4 {
    display: none !important;
}

#hero.stories-01 {
    height: 450px;
    min-height: 450px;
}

.stories-01 .layer-overlay {
    background-image: url('images/dtits-website-kv-parallax-stories-01-scroll_overlay.png');
    background-size: contain;
    background-position: center center;
    width: 1248px;
    margin: 0 auto;
    position: relative;
    margin-top: -200px;
}

/* stories 02 */

.stories-02 .layer {
    margin: -200px auto 0 auto;
    min-height: 943px;
}

.stories-02 .layer-bg {
    background-image: url('images/dtits-website-kv-parallax-stories-01-scroll-bg.jpg');
}

.stories-02 .layer-1 {
    background-image: url('images/dtits-website-kv-parallax-stories-03-scroll_04.png');
    background-size: initial;
}

.stories-02 .layer-2 {
    display: none !important;
}

.stories-02 .layer-3 {
    display: none !important;
}

.stories-02 .layer-4 {
    display: none !important;
}

#hero.stories-02 {
    height: 450px;
    min-height: 450px;
}

.stories-02 .layer-overlay {
    background-image: url('images/dtits-website-kv-parallax-stories-03-scroll_overlay.png');
    background-size: contain;
    background-position: center center;
    width: 1248px;
    margin: 0 auto;
    position: relative;
    margin-top: -200px;
}


#hero.en .layer-overlay {
    background-image: url(images/dtits-website-kv-parallax-scroll_overlay-en2.png);
    background-size: contain;
    background-position: center center;
    width: 1248px;
    margin: 0 auto;
    position: relative;
    margin-top: -271px;
}




@media screen and (max-width: 1499px) and (min-width: 1024px) {
    #featured-slider {
        width: 1008px;
    }
    .bxslider li .container {
        left: auto !important;
        margin-left: auto !important;
    }
    #hero,
    .layer {
        min-height: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 1499px) {
    .layer {
        margin: -271px auto 0 auto;
        min-height: 943px;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1024px) {}


/* teaser */

.tsection.teaser {
    padding-top: 70px;
    position: relative;
    padding-bottom: 12px;
    display: table;
}

.tsection.teaser .tcol:nth-child(1),
.tsection.teaser .tcol:nth-child(3) {
    margin-left: 24px;
}

.box.teaser a,
.box.teaser .inner h2,
.box.teaser .inner p {
    color: #6c6c6c;
}

.box.teaser {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.home .box.teaser a,
.home .box.teaser .inner h2 {
    font-size: 36px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

figure.image-container~.inner {
    height: auto;
    padding: 20px 24px;
    background: rgba(255, 255, 255, 0.9);
    margin-top: -58px;
    position: absolute;
    width: 100%;
}

.box.teaser .image-container,
.box.teaser .image-container img,
figure.image-container,
.box.teaser {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.box.teaser {
    position: relative;
}

.box,
.bxslider-banner .bx-viewport {
    border: none;
}


/* job box */

.box.job_box .header h3 {
    font-size: 48px;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 48px;
    text-align: center;
    padding: 24px;
}

.home .box.job_box .header h3 {
    margin: 0px;
}

.job_box .inner_negative a {
    height: 294px;
}

.tcol-12 {
    margin-left: 0px;
}

li.widget_text {
    list-style: none !important;
}

.box {
    background: #FFF;
}

.box .header {
    margin: 0px;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}


/* banner widgets */


/*.bxslider-banner,
.bxslider-banner .bx-wrapper,
.bxslider-news,
.bxslider-news .bx-wrapper,
*/

.bxslider-banner .bx-viewport {
    max-height: 250px;
}

.bxslider-banner .bx-wrapper .bx-pager .bx-pager-item,
.bxslider-news .bx-wrapper .bx-pager .bx-pager-item {
    width: 148.5px;
    margin-right: 6px;
}

.bx-wrapper .bx-pager-item:first-child a,
.bxslider-news .bx-pager-item:first-child a {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bxslider-banner .bx-pager.bx-default-pager a,
.bxslider-news .bx-pager.bx-default-pager a {
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bxslider-banner .bx-wrapper .bx-pager .bx-pager-item:last-child,
.bxslider-news .bx-wrapper .bx-pager .bx-pager-item:last-child {
    margin-right: 0px;
}

.bxslider-banner .bx-wrapper .bx-controls-direction a.bx-prev,
.bxslider-news .bx-wrapper .bx-controls-direction a.bx-prev {
    width: 12px;
    height: 22px;
    background-image: url(images/icon-prev-sm.png);
    display: block;
    top: 50%;
    margin-top: -11px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.bxslider-banner .bx-wrapper .bx-controls-direction a.bx-next,
.bxslider-news .bx-wrapper .bx-controls-direction a.bx-next {
    width: 12px;
    height: 22px;
    background-image: url(images/icon-next-sm.png);
    display: block;
    top: 50%;
    margin-top: -11px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.bxslider-banner .bx-wrapper .bx-controls-direction a.bx-next,
.bxslider-news .bx-wrapper .bx-controls-direction a.bx-next,
.bxslider-banner .bx-wrapper .bx-controls-direction a.bx-prev,
.bxslider-news .bx-wrapper .bx-controls-direction a.bx-prev {
    padding: 10px;
}

.bxslider-news {
    margin-bottom: 0px;
    height: 245px;
    background: #ededed;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bxslider-news .bx-wrapper {
    padding: 0px;
}

.bxslider-banner .bx-wrapper img {
    max-height: 240px;
}

.bxslider-banner {
    margin-bottom: 0px;
}

.bxslider-banner .bx-wrapper,
.bxslider-banner .bx-wrapper ul,
.bxslider-banner .bx-wrapper ul li {
    height: 240px;
}

.bxslider-banner .bx-wrapper .bx-pager,
.bxslider-news .bx-wrapper .bx-pager {
    padding-top: 0px;
    text-align: left;
    bottom: -7px;
}

.bxslider-news .bx-viewport {
    min-height: 200px;
}

.bxslider-news .bx-wrapper ul li {
    display: table;
    height: 100%;
}

.bxslider-news .bx-wrapper ul li a {
    display: table-cell;
    vertical-align: text-top;
    padding: 0 108px;
}

.bxslider-news .bx-wrapper ul li {
    min-height: 150px;
    max-height: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bxslider-news.box .header h3 {
    font-size: 24px;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    padding-top: 24px;
    text-align: left;
    padding-left: 108px;
    margin: 0px;
    margin-bottom: 36px;
}

.bxslider-news .bx-wrapper .bx-pager.bx-default-pager a,
.bxslider-banner .bx-wrapper .bx-pager.bx-default-pager a {
    height: 4px;
}

.bxslider-news .bx-wrapper .bx-controls-direction a.bx-prev,
.bxslider-news .bx-wrapper .bx-controls-direction a.bx-next {
    top: 37px;
}

.tsection.bottom-block {
    padding-top: 70px;
    padding-bottom: 0px;
    display: table;
}


/* sidebar */

#sidebar-left .box.teaser a,
#sidebar-right .box.teaser a {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #262626;
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    padding: 0px 12px 6px 0px;
}

#sidebar-right .box .header h2,
#sidebar-right .box .header h3,
#sidebar-right .box .header h4 {
    font-size: 24px;
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    padding-top: 24px;
    text-align: left;
}

#sidebar-right .box .header.magenta,
#sidebar-left .box .header.magenta {
    color: #262626;
    margin-top: 24px;
}

#content img.size-full {
    width: 100%;
}

.page-template-jobboard_page #search-wrapper {
    margin-top: 24px;
}

.job-post-header>div {
    font-family: 'TeleNeoWeb Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #262626;
}

.row-jobs a,
.row-jobs a b {
    font-family: 'TeleNeoWeb', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #262626;
}

.row-jobs a:hover {
    text-decoration: underline;
}

.job-post .button-toggle {
    display: none;
}

.row-jobs>div:nth-child(2) a,
.row-jobs a,
.row-jobs>div:first-child,
.jobs-list [class*="col-"]:last-child a {
    padding: 12px;
}

.ico-mail {
    background-position: 1px 3px;
    background-image: url(images/email_print_icon.png);
}

.ico-print {
    background-position: -29px 3px;
    background-image: url(images/email_print_icon.png);
}

.social.separator-left {
    border: none;
}

.page-template-jobdetails_page #sidebar-left {
    padding-top: 24px;
}

.page-template-jobdetails_page #contenr {
    padding-top: 12px;
}

.teaser-accordion .header::before {
    left: 1px;
    top: -2px;
}

.bxslider-banner .bx-wrapper .bx-pager,
.bxslider-news .bx-wrapper .bx-pager {
    display: flex;
}

.bxslider-banner .bx-wrapper .bx-pager {
    top: -15px;
    position: relative;
}

.bxslider-news .bx-wrapper .bx-pager {
    top: 6px;
    position: relative;
    background: #FFF;
}

.bxslider-news .bx-viewport {
    min-height: 150px !important;
    max-height: 150px;
}

.bxslider-news .bx-wrapper,
.bxslider-news .bx-wrapper ul,
.bxslider-news .bx-wrapper ul li {
    height: 240px;
}

#featured-slider:before,
#featured-slider:after {
    display: table;
}

#sidebar-left div.image-container:first-child {
    margin-top: 24px;
}

@media screen and (max-width: 1499px) {
    #featured-slider,
    #featured-slider .bx-wrapper,
    #featured-slider .bx-viewport {
        max-height: auto;
    }
    .home .tsection {
        display: table;
        width: 100%;
    }
    .home .tsection .tcol-12 {
        width: 100%;
    }
    .home .box.job_box .inner,
    .home .box.job_box .inner_negative {
        padding: 0px;
        margin: 0px;
    }
    .home .job_box .inner_negative a {
        max-height: 180px;
    }
    .home #hero .layer-overlay {
        max-width: 1008px;
        margin: -320px auto 0 auto;
    }
    .home #hero .layer-3,
    .home #hero .layer-4 {
        margin: -352px auto 0 auto;
    }
    #links-bar>ul>li {
        width: 140px;
    }
    .home #featured-slider .bxslider li .container article {
        top: 20px;
        left: 0px;
        height: 480px;
    }
    .box.job_box .header h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1024px) {
    #header .tcol {
        margin: 0px;
    }
    #hero {
        min-height: 300px;
        margin: 0 auto;
        height: 300px;
    }
    .home #hero .layer-overlay {
        max-width: 636px;
        margin: -320px auto 0 auto;
    }
    .home #hero .layer-3,
    .home #hero .layer-4 {
        margin: -352px auto 0 auto;
    }
    #links-bar>ul>li {
        width: 140px;
    }
    .home #featured-slider .bxslider li .container article {
        top: 24px;
        left: 0px;
        height: 389px;
    }
    .home .tsection.teaser {
        padding-top: 24px;
    }
    .home .tsection .tcol:nth-child(1),
    .page .tsection .tcol:nth-child(1) {
        margin-left: 0px;
        padding-left: 0px;
    }
    .home .tsection.teaser .tcol {
        padding: 0px;
        margin-left: 0px;
        width: 100%;
    }
    .home .tsection.teaser .box.teaser {
        margin-left: 0px;
        padding-left: 0px;
    }
    .home .job_box .inner_negative a {
        max-height: 200px;
        margin: 12px !important;
    }
    .home #featured-slider {
        padding-top: 0px;
    }
    .home #featured-slider .bxslider li .container article {
        top: 24px;
        left: 36px;
        height: 229px;
        padding: 24px;
    }
    .home #featured-slider .bxslider h2 {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0px;
    }
    .home #featured-slider .bxslider p {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 0px;
    }
    .home #featured-slider .bx-wrapper .bx-controls-direction a.bx-next,
    .home #featured-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        padding: 12px;
    }
    .home #featured-slider .bx-pager.bx-pager-custom .bx-pager-item.tcol {
        margin: 0px;
        width: 212px;
    }
    .home #featured-slider .bxslider li .container {
        left: 0%;
    }
    .home .tsection.bottom-block {
        padding-top: 24px;
    }
    .home .tsection.bottom-block .tcol {
        padding: 0px;
        width: 100%;
    }
    .home .tsection {
        display: block;
        width: 100%;
    }
    .home #featured-slider .bx-pager.bx-pager-custom .bx-pager-item.tcol:nth-child(4) {
        padding-left: 0px;
    }
    #footer #links-bar>ul {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }
    #footer #links-bar>ul>li {
        width: 45%;
        margin-right: 5%;
    }
    .social-widget {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 636px) {
    #header {
        width: 100%;
    }
    .home #hero .layer-overlay {
        max-width: 320px;
        margin: -375px auto 0 auto;
    }
    #hero {
        min-height: 200px;
        margin: 0 auto;
        height: 200px;
    }
    .home #hero .layer-3,
    .home #hero .layer-4 {
        margin: -375px auto 0 auto;
    }
    .home #featured-slider .bx-pager.bx-pager-custom .bx-pager-item.tcol {
        /* margin: 0px; */
        width: 20%;
    }
    .home .tsection {
        display: table;
    }
    .home #featured-slider {
        display: block;
    }
    .bx-pager.bx-pager-custom .bx-pager-item a {
        font-size: 0px;
    }
    .home #featured-slider .bx-pager.bx-pager {
        display: flex;
        max-height: 10px;
    }
    .home #featured-slider .bx-pager.bx-pager-custom .bx-pager-item.tcol {
        margin: 0px;
        flex: 1;
    }
    .home .bottom-block {
        display: block;
    }
    .bxslider-news.box .header h3 {
        padding-left: 24px;
    }
    .bxslider-news .bx-wrapper ul li a {
        padding: 0 36px;
    }
    .box.job_box .header h3 {
        font-size: 28px;
    }
    #footer #links-bar>ul>li {
        width: 100%;
        margin-right: 0%;
    }
    #featured-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        width: 12px;
        height: 22px;
        background-image: url(images/icon-prev-sm.png);
        display: block;
        top: 50%;
        margin-top: -11px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    #featured-slider .bx-wrapper .bx-controls-direction a.bx-next {
        width: 12px;
        height: 22px;
        background-image: url(images/icon-next-sm.png);
        display: block;
        top: 50%;
        margin-top: -11px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .home #featured-slider .bx-pager.bx-pager-custom .bx-pager-item.tcol:nth-child(4) {
        padding-left: 24px;
    }
    .bxslider-news p {
        color: #262626;
        font-size: 12px;
        line-height: 16px;
    }
    .home #featured-slider .bxslider li .container article {
        top: 24px;
        left: 36px;
        height: 141px;
        padding: 12px 48px;
        margin-left: 7px;
    }
    .home #featured-slider .bxslider p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .home .job_box .inner_negative a {
        max-height: 200px;
        margin: 12px 0px !important;
    }
    #links-bar ul.sub-menu>li a {
        margin: 12px 0px 12px 0px !important;
    }
}

#itent_mapdirections_map table tr td strong {
    font-size: 15px;
}

.itent_mapdirections_table select {
    width: 270px;
    max-width: 100%;
}

@media screen and (max-width: 960px) {
    .box.dropdown-nav .toggle-dropdown {
        margin: 0px 4px 7px 0;
    }
    .box.dropdown-nav #left-nav {
        border: none;
        background: #FFF;
        padding: 0px;
    }
}

#main-nav>li>ul>li.highlight a,
#main-nav>li.highlight>a {
    background-color: #e20074;
    color: #FFF;
}

#main-nav>li.highlight>a {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* Accordion styles */

.tabs {
    border-radius: 4px;
    overflow: hidden;
}

.tabs .tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

.tabs .tab-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1em;
    background: #ededed;
    color: #262626;
    font-weight: bold;
    cursor: pointer;
    /* Icon */
}

.tabs .tab-label:hover {
    background: #e20074;
    color: #FFF;
}

.tabs .tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.tabs .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #262626;
    background: white;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.tabs .tab-content p {
    margin: 0px;
}

.tabs .tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #ededed;
    cursor: pointer;
}

.tabs .tab-close:hover {
    background: #e20074;
    color: #FFF;
}

.tabs .tab-label+p,
.tabs .tab>input+br {
    display: none;
}

.tabs input:checked+.tab-label,
.tabs input:checked+br+.tab-label {
    background: #e20074;
    color: #FFF;
}

.tabs input {
    display: none;
}

.tabs .tab>input+br .tabs input:checked+.tab-label::after,
.tabs input:checked+br+.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tabs input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
}

#sidebar-right>.box.positions:first-child {
    padding-top: 48px;
}

.cc-revoke,
.cc-window {
    z-index: 99999 !important;
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: https://manos.malihu.gr/jquery-custom-content-scroller
*/


/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/


/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}


/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}


/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}


/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}


/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}


/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}


/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}


/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}


/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}


/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

/* auto-expanded scrollbar */

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}


/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/


/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/


/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* ---------------------------------------- */


/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* ---------------------------------------- */


/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}


/* ---------------------------------------- */


/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "minimal", "minimal-dark" */

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* ---------------------------------------- */


/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}


/* ---------------------------------------- */

.magenta_stories .mini-card-grid {
    /* scrollbar-color: #666 #201c29;
    scrollbar-gutter: always;*/
    padding: 0rem;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: auto;
    padding-top: 50px;
    margin-bottom: 10px;
}


/*
.mini-card-grid::-webkit-scrollbar {
    display: none;
}
*/


/* Hide scrollbar for IE, Edge and Firefox */

.mini-card-grid {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media(max-width:1200px) {}

.mini-card {
    min-width: 350px;
    min-height: 482px;
    max-width: 350px;
    max-height: 482px;
    width: 350px;
    height: 482px;
    padding: 0rem;
    border-radius: 16px;
    /*background: #17141d;
    box-shadow: -1rem 0 3rem #000;
    */
    /*   background-image: url(images/magenta_stories/info-card-bg.png); */
    display: flex;
    flex-direction: column;
    transition: .2s;
    margin: 0;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.mini-card:not(:first-child) {
    margin-left: 40px
}

.mini-card:focus-within,
.mini-card:hover {
    cursor: pointer;
    transform: translateY(-20px);
}

.mini-article-card-header {
    background-image: url(images/magenta_stories/info-card-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.active .mini-article-card-header {
    background-image: url(images/magenta_stories/dtits_webslider_background.png);
}


/*background-image: url(images/magenta_stories/info-card-bg.png);
.mini-card:hover,
.mini-card.active {
    background-image: url(images/magenta_stories/info-card-bg-active.png);
}
*/

.mini-card:focus-within~.mini-card,
.mini-card:hover~.mini-card {}

.bio iframe,
.bio .video_wrapper,
.bio video {
    width: 1036px !important;
    height: 524px;
    max-width: 90%;
    width: 100%;
    margin-bottom: 0px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.bio .video_wrapper {
    margin-bottom: 40px;
}

.bio .btn {
    margin: 0 auto;
    display: table;
    /* height: 70px; */
    padding: 0px 55px;
    /* box-sizing: border-box; */
    line-height: 70px;
}

.magenta_stories {
    margin-top: 40px !important;
}

.magenta_stories .story p:first-child {
    margin-top: 0px;
}

.magenta_stories .highlight {
    background: #e20074;
    padding: 40px;
    padding-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.magenta_stories .highlight h1 {
    color: #FFF;
    font-family: 'TeleNeoWeb';
    font-size: 48px;
    font-weight: 400;
}

.magenta_stories .highlight h2 {
    color: #262626;
    font-family: 'TeleNeoWeb';
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
}

.magenta_stories .btn {
    background: #e20074;
    font-size: 26px;
    height: 70px;
    padding: 0px 55px;
    color: #FFF;
    display: table;
    line-height: 70px;
    border: 1px solid #b2005c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.magenta_stories .btn.center {
    margin: 0 auto;
}

.magenta_stories .btn:hover {
    text-decoration: none;
    background: #e83390;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 10px;
    background: #e20074;
    border-radius: 4px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #e20074;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 10px;
    background: #ebebeb;
    border-radius: 4px;
}

.mini-article-card-header {
    height: 402px;
    width: 100%;
    text-align: center;
    display: table;
}

.mini-article-card-image {
    /* display: table-cell; */
    display: block;
    vertical-align: middle;
    text-align: center;
    /*  width: 260px; */
    height: 290px;
}

.mini-article-card-image img {
    max-width: 100%;
    width: 100%;
}

.mini-article-meta {
    background-color: #ededed;
    width: 100%;
    height: 90px;
    color: #e10074;
    font-size: 24px;
    display: table;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    margin-top: -10px;
}

.mini-card-grid .spacer {
    display: table;
    height: 400px;
    margin-right: -40px;
}

.mini-card:hover .mini-article-meta
/*    .mini-card.active .mini-article-meta*/

{
    background-color: #e20074;
    color: #FFF;
}

.mini-article-meta span {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 24px;
}

.mini-article-meta span span {
    padding: 0;
    font-size: 18px;
    padding-top: 5px;
}

.scroller {
    background: transparent;
    height: 31px;
}

.scroller .filler {
    height: 1px;
    background: transparent;
}

.magenta_stories .scroller::-webkit-scrollbar {
    visibility: hidden;
}

.bio {
    background-image: url(images/magenta_stories/pattern-bg.png);
    min-height: 1262px;
    height: 1262px;
    margin: 0 24px;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    display: inline-block;
    margin-left: 0px;
}

.magenta_stories .tsection .tcol-12 {
    padding: 0 24px;
}

.bio .bio_img_wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.bio .bio_img {
    width: 334px;
    height: 421px;
    display: table-cell;
    display: block;
    vertical-align: center;
}

.bio .bio_img img {
    max-width: 100%;
}

.bio .tcol {
    float: left;
}

.bio .tcol.first {
    margin-left: 0px;
}

.bio .tcol-12 {
    padding-top: 40px;
    margin-left: -24px !important;
}


/*
.bio.person-1 .bio_img {
    background-image: url(images/magenta_stories/bio_img_01.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}*/

#featured-slider .slide .video_wrapper {
    display: table;
    width: auto;
    position: relative;
    width: 100%;
}

.playpause {
    background-image: url('images/magenta_stories/playpause.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: auto;
    background-position: center;
    z-index: 1000;
}

.playpause:hover {
    cursor: pointer;
}

.playpause.noimg {
    background-image: none;
    height: 280px;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%;
    /* Not required for horizontal scroll to trigger */
    max-height: 100%;
    /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #e20074;
    border-radius: 4px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrolling .simplebar-scrollbar:before,
.simplebar-hover .simplebar-scrollbar:before,
.simplebar-mouse-entered .simplebar-scrollbar:before {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-scrollbar:before {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
    background: #ededed;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


/* Rtl support */

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bio .tcol-8 {
    padding-right: 40px;
}

.bio h1 {
    font-size: 60px;
    font-family: 'TeleNeoWeb Bold';
    color: #e20074;
    line-height: 60px;
}

.bio h2 {
    font-size: 24px;
    font-family: 'TeleNeoWeb Bold';
    color: #e20074;
    line-height: 30px;
}

.bio h2 strong {
    font-size: 30px;
    font-family: 'TeleNeoWeb ExtraBold';
}

.magenta_stories p {
    font-size: 21px;
    line-height: 28px;
}

.bio {
    padding: 40px;
    box-sizing: border-box;
}

.bio .bio_img_wrap {
    text-align: center;
}

.bio .tcol-4 {
    width: 30%;
}

.bio .tcol-8 {
    width: 70%;
    padding-right: 0px;
    margin-left: 0px;
    padding-left: 40px;
}

@media screen and (max-width: 1510px) and (min-width:1440px) {
    .bio h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .bio {
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .bio .video_wrapper {
        left: -40px;
    }
}

.bio .center {
    left: -40px;
    display: block;
    position: relative;
}

@media screen and (max-width:1440px) {
    .bio h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .bio .tcol-12 {
        padding-top: 0px;
    }
    .bio .video_wrapper {
        padding: 0px;
        margin: 0px;
        margin-bottom: 40px;
    }
    .bio {
        background-size: cover;
        margin-left: 0px;
        height: auto !important;
        min-height: auto !important;
        display: inline-block;
        padding: 40px;
    }
    .magenta_stories .highlight h2 {
        font-size: 24px;
    }
    /*    .bio iframe,
                    .bio .video_wrapper,
                    .bio video {
                        max-width: 100%;
                        width: 100% !important;
                    }
                    /*     .bio .tcol.first {
                        width: 100%;
                    }
                    */
    .bio .tcol-12 {
        margin-left: 0px;
        margin-left: 0px !important;
    }
    .bio iframe,
    .bio .video_wrapper,
    .bio video {
        height: 434px;
    }
    .magenta_stories+.magenta_stories .tsection {
        display: table;
        margin: 0 auto;
    }
    .magenta_stories p {
        font-size: 18px;
        line-height: 25px;
    }
    .magenta_stories .tsection .tcol-12 {
        padding: 0;
    }
    .magenta_stories+.magenta_stories .tsection {
        display: table;
        margin: 0 auto;
    }
    .magenta_stories .tsection .tcol-12 .tcol-12 {
        width: 100%;
    }
    .bio iframe,
    .bio .video_wrapper,
    .bio video {
        width: 100% !important;
        height: 524px;
        max-width: 100%;
    }
    .bio .bio_img {
        height: auto;
    }
    .bio .center {
        left: 0px;
    }
}

@media screen and (max-width:1280px) {
    .bio .bio_img img {
        max-width: 300px;
    }
    .bio .tcol.first {
        width: 100%;
    }
    .bio .tcol-8 {
        padding-left: 24px;
        width: 100%;
    }
}

@media screen and (max-width:1024px) {
    .body.magenta_stories .story {
        padding-top: 24px;
    }
    .body.magenta_stories .tsection {
        margin: 0 auto;
        display: block;
    }
    .body.magenta_stories>.tsection>.tcol-6:nth-child(1) {
        margin: 0px;
    }
    .bio h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .bio .tcol-4 {
        width: 100%;
    }
    .bio .tcol-8 {
        width: 100%;
    }
    .bio .video_wrapper {
        padding: 0px;
        margin: 0px;
        margin-bottom: 40px;
    }
    .bio {
        background-size: cover;
    }
    .body.magenta_stories {
        width: 100%;
    }
    .magenta_stories p {
        font-size: 18px;
        line-height: 22px;
    }
    .bio .tcol-8 {
        width: 100%;
        padding-left: 0px;
    }
    .bio .tcol.first {
        width: 100%;
        /* padding: 0 0 0 48px; */
        max-width: 100%;
        margin-left: 0px !important;
        padding: 0px;
    }
    .bio iframe,
    .bio .video_wrapper,
    .bio video {
        width: 532px !important;
        height: 300px;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .mini-card:not(:first-child) {
        margin-left: 0px
    }
}

@media screen and (max-width:1023px) and (min-width:636px) {
    .body.magenta_stories {
        width: 636px
    }
}

@media screen and (max-width: 768px) {
    .magenta_stories .highlight h1 {
        font-size: 40px;
        margin-top: 24px;
    }
}

.mini-card-grid span.prev {
    width: 17px;
    height: 33px;
    background-image: url(images/icon-prev.png);
    top: 50%;
    padding: 10px;
    /* margin-top: -16px; */
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    left: 0;
    display: none;
}

.mini-card-grid {
    position: relative;
}

.mini-card-grid span.next {
    width: 17px;
    height: 33px;
    background-image: url(images/icon-next.png);
    display: block;
    top: 50%;
    padding: 10px;
    /* margin-top: -16px; */
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    right: 0;
    display: none;
}

@media screen and (max-width:1023px) {
    .mini-card-grid span.prev,
    .mini-card-grid span.next {
        display: block !important;
    }
    .magenta_stories .tsection .tcol-12 {
        padding: 0px;
    }
}

@media screen and (max-width:668px) {
    .bio iframe,
    .bio .video_wrapper,
    .bio video {
        width: 100% !important;
        height: 300px;
    }
}

@media screen and (max-width:545px) {
    .bio iframe,
    .bio .video_wrapper,
    .bio video {
        width: 100% !important;
        height: 250px;
    }
}



#hellobar{
    width: 100%;
    margin: 0 0;
    height: 50px;
    display: table;
    font-size: 17px;
    font-weight: 400;
    padding: 0.33em 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-family: "Open Sans", sans-serif;
    border-color: rgb(255, 255, 255);
    height: 50px;
    top: 0;
    position: fixed;
    z-index: 99999;
    color: #242424;
    text-align: center;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,.15);
    box-sizing: border-box;
}
#hellobar .container{
    display:flex;
}
#hellobar .container p{
    flex:8;
}
#hellobar .container a{
    flex:1;
    margin-top: 28px;
}
#hellobar + #header{
    margin-top: 104px;
}

@media screen and (max-width:990px){
    #hellobar .container{
         width: 100%;
        display:block;
         padding: 0px 24px;
    }

    #hellobar .container a,
    #hellobar .container p{
       
    }
    #hellobar .container a{
        margin-top:0px;
        margin-bottom:12px;
    }
    #hellobar {
        font-size: 14px;
        position: relative;
    }
 
    #hellobar + #header{
        margin-top: 0px;
    }

}