/* base colors *\
main_highlight : #af1e23;
secondary_highlight: #0072bc;
background_color: #ebebeb;
text_color: #858585;
\*-------------*/
body {
    transition: all .5s ease-in-out;
}
/* -------------------------- *\
 *   CSS RESET
\* -------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* -------------------------- *\
 *   CLEAR FIX
\* -------------------------- */
.clear:after,.clear:before{content:"";display:table}.clear:after{clear:both}.clear{zoom:1}
.group:after,.group:before{content:"";display:table}.group:after{clear:both}.group{zoom:1}

/* -------------------------- *\
 *   GENERAL STYLES
\* -------------------------- */
html {
    font-size: 62.5%;
}

body {
    position: relative;
    left: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    font-family: 'Open Sans', 'Arial', sans-serif;
    background-color: transparent;
    color: #858585;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

body.mobile_open_menu {
    overflow: hidden;
    height: 100%;
}

b {
    font-weight: bold;
}

h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    text-align: center;
    font-weight: normal;
    font-family: 'Open Sans' , 'Arial' , sans-serif;
    text-transform: uppercase;
}

h2 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1em;
}

h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
}

a {
    color: inherit;
    text-decoration: none;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.break_words {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.dot_max_width {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.full_width {
    width: 100%;
}
.block {
    display: block;
}
.is_hidden {
    display: none !important;
}

.small_text {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4em;
}
.bold_text {
    font-weight: 600;
}

.center_text {
    text-align: center;
}
.left_text {
    text-align: left;
}
.right_text {
    text-align: right;
}
.relative {
    position: relative;
}

.main_content {
    padding-top: 138px;
    padding-top: 13.8rem;
}
.feedback_show {
    display: none;
    text-align: center;
}
.feedback_show h1{
    margin-bottom: 20px;
    color: #0072bc;
    font-size: 1em;
    padding-left: 10%;
    padding-right: 10%;
    line-height: 1.3em;
    text-transform: initial;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dashed#0072bc;
}
.site_header {
    position: absolute;
    top: 0;
    -webkit-box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
    background-color: #ffffff;
}
.grid_spacing {
    margin-bottom: 1.9%;
}

.branch_text {
    display: none;
}
.text_link {
    color: #0072bc;
}

/* Dialog Box */
#dialog_overlay{
    display: none;
    background-image:url('../images/t80_black.png');
    background-repeat:repeat;
    position: fixed;
    overflow: auto;
    /*height: 100%;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*width: 100%;*/
    z-index: 999;
}
#dialog_box{
    display: block;
    position: absolute;
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #FEFEFE ;
    max-width:850px;
    width: 70%;
    z-index: 300;
    padding: 2em;
    font-size: 1.2em;
    color: #282828;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0px 10px 30px -7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 30px -7px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 30px -7px rgba(0,0,0,0.3);
}
#dialogbox > div{ margin:1em; }
#dialogboxhead{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #af1e23;
    font-weight: bold;
    /* margin-bottom: 1.5em; */
    text-align: center;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E8E7E8;
}
#dialogboxbody{
    color: #858585;
    margin-bottom: 15px;
}
#dialogboxfoot{text-align:center; }
.button-box-ok {
    font-size: 0.8em;
    padding: 0.6em 3em;
    margin-top: 1em;
    background-color: transparent;
    border: 2px solid #282828;
    cursor: pointer;
}
.close_btn,.nav_btn {
    border: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    display: block;
    cursor: pointer;
}
.close_btn {
    width: 15px;
    height: 15px;
    padding: 15px;
    position: absolute;
    top: 0;
    right: -30px;
    background: transparent url("../images/btn_close.png") no-repeat center top;
}
.nav_btn {
    width: 12px;
    height: 18px;
    padding: 10px 15px;
    background-color: green;
    position: absolute;
    top: 98px;
}
.prev_btn {
    left: -31px;
    background: transparent url("../images/btn_prev.png") no-repeat center center;
}
.next_btn {
    right: -31px;
    background: transparent url("../images/btn_next.png") no-repeat center center;
}
.gallery_content {
    width: 100%;
}
.gallery_content img {
    width: 100%;
    margin-bottom: 1em;
}
#dialogboxbody p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 2em;
}

/* -------------------------- *\
 *   GRID
\* -------------------------- */
.grid {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.grid__col {
    display: block;
    float:left;
    margin: 0 0 1.9% 1.9%;
}

.grid__col--nobotmargin {
    margin-bottom: 0;
}

.grid__col--invert {
    float: right;
    margin-left: 0;
    margin-right: 1.9%;
}
.grid__col--invert:first-child {
    margin-right: 0;
}

.grid__col:first-child { margin-left: 0; }
.grid__col--12 {width: 100%;}
.grid__col--11 {width: 91.50%;}
.grid__col--10 {width: 83.01%;}
.grid__col--9 {width: 74.52%;}
.grid__col--8 {width: 66.03%;}
.grid__col--7 {width: 57.54%;}
.grid__col--6 {width: 49.05%;}
.grid__col--5 {width: 40.55%;}
.grid__col--4 {width: 32.06%;}
.grid__col--3 {width: 23.57%;}
.grid__col--2 {width: 15.08%;}
.grid__col--1 {width: 6.591%;}

@media only screen and (max-width: 550px) {
    .grid__col {
        margin-left: 0;
    }
    .grid__col--1,.grid__col--2,.grid__col--3,.grid__col--4,.grid__col--5,.grid__col--6,.grid__col--7,.grid__col--8,.grid__col--9,.grid__col--10,.grid__col--11,.grid__col--12 {
        width: 100%; 
    }
}

.about_us_logo {
    width: 100%;
    max-width: 373px;
}
.marketing_single_image {
    width: 100%;
    max-width: 760px;
}

/* -------------------------- *\
 *   CONTENT SECTION
\* -------------------------- */
.content_section {
    width: 100%;
    /*background-color: #fff;*/
}
.content_section--highlight {
    background-color : #ebebeb;
}

.content_section--fadelight {
    background-color : #fafafa;
}


.content_section--contrast {
    background-color : rgba(175,30,35,0.9);
    color: #f9f9f9;
}
.content_section--imagebg {
    background: transparent url('../images/red_img_bg.jpg') no-repeat center center;
    background-size: cover;
}
.content_section--imagebg2 {
    background: transparent url('../images/red_img_bg3.jpg') no-repeat center center;
    background-size: cover;
}

.content_section--imagebg4 {
    background: transparent url('../images/red_img_bg2.jpg') no-repeat center center;
    background-size: cover;
}

.content_section--imagebg3 {
    background: transparent url('../images/gray_img_bg.jpg') no-repeat center center;
    background-size: cover;
}
.content_section--imagebg5 {
    background: transparent url('../images/hr/map.png') no-repeat center center;
    background-size: cover;
}
.content_section--imagebg6 {
    background: transparent url('../images/hr/overview_banner.jpg') no-repeat center center;
    background-size: cover;
}
.content_section--imagebg7 {
    background: transparent url('../images/hr/benefits_image.jpg') no-repeat center center;
    background-size: cover;
}

.content_section--shadow {
    -webkit-box-shadow: 0px 7px 29px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 29px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 29px -9px rgba(0,0,0,0.75);
}

.content_section--footer {
    background-color : #3b393c;
    color: #f9f9f9;
}

.content_section--banner {
    position: relative;
    height: 457px;
    /*padding-bottom: 24%;*/
    background: #3b393c url('../images/page_bg_2.jpg') no-repeat center center;
    background-size: cover;
    color: #f9f9f9;
}

.content_section--banner__title {
    text-align: center;
    position: relative;
    top: 40%;
    line-height: 1.2em;
    width: 100%;
    text-transform: none;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
}

.content_section--pattern {
    background: transparent url('../images/square_texture.png') repeat;
}

.content_section--botborder {
    border-bottom: 1px solid transparent;
    border-color: #d8d8d8;
}

/* -------------------------- *\
 *   CONTAINER 
\* -------------------------- */
.container {
    margin: 0 auto;
    width: 100%;
    padding-top: 65px;
    padding-top: 6.5rem;
    padding-bottom: 65px;
    padding-bottom: 6.5rem;
}
.container--smallpadd {
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

.container--bigpadd {
    padding-top: 90px;
    padding-top: 9rem;
    padding-bottom: 90px;
    padding-bottom: 9rem;
}
.container--superwide {
    width: 1360px !important;
    width: 136rem !important;
    max-width: 100%;
    box-sizing: border-box;
}
.container--wide {
    width: 1060px;
    width: 106rem;
}

.container--medium {
    width: 900px;
    width: 90rem;
}

.container--narrow {
    width: 800px;
    width: 80rem;
}
.container--tiny {
    width: 500px;
    width: 50rem;
}

.container--fullwidth {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.container--nopadd {
    padding-top: 0;
    padding-bottom: 0;
}

.container--nopaddtop {
    padding-top: 0;
}

.container--botborder {
    border-bottom: 1px solid transparent;
    border-color: #d8d8d8;
}

.container--header {
    padding: 3px 6px;
    border-bottom: dashed 1px #ddd;
    letter-spacing: 0.0285em;
    text-transform: uppercase;
    font-size: 11px;
    color: #b9b9b9;
}
.container__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1em;
    /*text-align: center;*/
    /*font-weight: 400;*/
    text-transform: uppercase;
    margin-bottom: 45px;
    margin-bottom: 4.5rem;
}
.container__title--undercase {
    text-transform: initial;
}

.container__title--small {
    font-size: 24px;
    font-size: 2.4rem;
}

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

.container__title--nospace {
    margin-bottom: 0 !important;
}



.container__text {
    
}
.container__text--quotes {
    position: relative;
}
.container__text--quotes:before, .container__text--quotes:after {
    content: '';
    display: inline-block;
    opacity: 1;
    width: 31px;
    height: 26px;
    position: absolute;
    line-height: 0px;
    vertical-align: bottom;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.container__text--quotes:before {
    top: 7%;
    right: 97%;
    background: transparent url('../images/comma1.png') no-repeat center center;
}

.container__text--quotes:after {
    top: 45%;
    left: 100%;
    background: transparent url('../images/comma2.png') no-repeat center center;
}


.container__text--bottompadd {
    padding-bottom: 45px;
    padding-bottom: 4.5rem;
}

.container__text--smallpadd {
    padding-bottom: 22px;
    padding-bottom: 2.2rem;
}

.container__text--spaced {
    line-height: 2em;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}

.container__text--tinyspaced {
    line-height: 1.25em;
}

.container__text--smallwidth {
    width: 100%;
    max-width: 40em;
}
.container__text--center {
    margin-left: auto;
    margin-right: auto;
}

.container__text--centerheader {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.5em;
}

.container__text--slant {
    font-style: italic;
}
.container__text--big {
    font-size: 20px;
    font-size: 2rem;
}

/* -------------------------- *\
 *   SUB CONTAINER 
\* -------------------------- */
.sub_container--smallpadd {
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
}
.sub_container--bigpadd {
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 0;
}
.sub_container--borderbot {
    /*border-bottom: 1px solid #858585;*/
    border-bottom: 1px solid #d8d8d8;
}
/* -------------------------- *\
 *   CONTAINER SECTION 
\* -------------------------- */
.container__section {
    
}

.container__section__title {
    font-size: 1.7em;
    line-height: 1em;
    margin: 1.5em 0;
    border-bottom: 1px solid #d8d8d8;
}

.container__section__title__text {
    position: relative;
    top: 0.45em;
    padding-right: 0.5em;
    background-color: #fff;
}

/* -------------------------- *\
 *   FLOATING CONTAINER 
\* -------------------------- */
.floating_container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.floating_container #language_container {
    display: none;
}

/* -------------------------- *\
 *   OPPOSITE CONTENT 
\* -------------------------- */
.opposite_content {
    width: 100%;
}
.opposite_content__left {
    float: left;
    width: auto;
}
.opposite_content__right {
    float: right;
    width: auto;
}
/* -------------------------- *\
 *   BTN
\* -------------------------- */
.btn {
    border: none;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    
}
.btn:focus {
    outline-color: transparent;
}
.btn--normal {
    border: 1px solid #858585;
    color: #858585;
    font-size: 1em;
    padding: 0.5em 1.1em;
}
.btn--normal:hover {
    background-color: #858585;
    color: #f9f9f9;
}
.btn--small {
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-weight: normal;
}
.btn--smallmargins {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.btn--fullwidth {
    width: 100%;
    text-align: center;
}

.btn--fullred {
    border: none;
    background-color: #af1e23;
    color: #f9f9f9;
}
.btn--fullred:hover {
    background-color: #d43b40;
}

.btn--fullblue {
    border: none;
    background-color: #0072bc;
    color: #f9f9f9;
}
.btn--fullgreen {
    border: none;
    background-color: #42b983;
    color: #f9f9f9;
}
.btn--fullgreen:hover {
    background-color: #1ebb5b;
}

.loading_container {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-blend-mode: screen;
}

.spinning {
    background-image:url('../images/spinner.gif');
}

.btn--fullblue:hover {
    background-color: #208cd2;
}

.btn--bigpadd {
    padding-top: 1em;
    padding-bottom: 1em;
}

.btn--white {
    color: #f9f9f9;
    border-color: #f9f9f9;
}
.btn--white:hover {
    background-color: #f9f9f9;
    color: #858585;
}
.btn--blue {
    color: #0072bc;
    border-color: #0072bc;
}
.btn--blue:hover, .btn--blue--active {
    background-color: #0072bc;
    color: #f9f9f9;
}

.btn--red {
    color: #af1e23;
    border-color: #af1e23;
}
.btn--red:hover {
    color: #f9f9f9;
    background-color: #af1e23;
}

.btn--bold {
    font-weight: 600;
    border-width: 2px;
}

.btn--bluehover:hover {
    color: #0072bc;
}
.btn--redhover:hover {
    color: #af1e23;
}
.btn--caps {
    text-transform: uppercase;
}
.btn--apply , .btn--details {
    width: 100%;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}
.btn--apply {
    margin-bottom: 10px;
}
.btn--details {
    background-color: #858585;
    border: #858585;
    color: #FEFEFE;
    vertical-align: middle;
}
.btn--details:before {
    content: "+";
    border: 2px solid #fff;
    line-height: 1.3em;
    font-weight: bold;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent;
    margin-right: 5px;
    vertical-align: middle;
    background-color: transparent;
}

.btn--details.open:before {
    content: "-";
}

.btn--details:hover {
    background-color: #5a5a5a;
    border: #5a5a5a;
}

.btn--huge {
    font-size: 2rem;
    font-size: 20px;
}

/* -------------------------- *\
 *   LANGUAGE SWITCHER 
\* -------------------------- */
.language_switcher {
    text-align: left;
}
.language_switcher__item {
    display: inline-block;
    vertical-align: sub;
    line-height: 1em;
    border-left: 2px solid #d8d8d8;
    margin-left: 0.9em;
    padding-left: 1.2em;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.language_switcher__item:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.language_switcher__link {
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
}
.language_switcher__link--active, .language_switcher__link:hover {
    color: #af1e23;
}

/* -------------------------- *\
 *   QUICK CONTACT 
\* -------------------------- */
.quick_contact {
    text-align: right;
}
.quick_contact__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    /*border-left: 1px solid #858585;*/
    border-left: 1px solid #d8d8d8;
    padding: 8px 25px 8px 50px;
    padding: 0.8rem 2.5rem 0.8rem 5rem;
    background-repeat: no-repeat;
    background-position: 10% center;
}
.quick_contact__item:last-child {
    padding-right: 0;
}
.quick_contact__item--mail {
    background-image: url('../images/quick_contact_mail.png');
}
.quick_contact__item--phone {
    background-image: url('../images/quick_contact_phone.png');
}

/* -------------------------- *\
 *   LOGO IMG
\* -------------------------- */
.logo_img {
    display: block;
}
.logo_img--main {
    width: 253px;
    height: auto;
}

/* -------------------------- *\
 *   MAIN NAVIGATION
\* -------------------------- */
.main_navigation {
    text-align: right;
}
.main_navigation__item {
    display: inline-block;
    position: relative;
}
.main_navigation__item span {
    line-height: 1.4em;
}
.main_navigation__item .label_light {
    color: #9c9c9c;
}
.main_navigation__item .label_bold {
    font-weight: bold;
}
.main_navigation__item .separator_v {
    margin: 0px 15px 0 0;
    color: #ccc;
}
.main_navigation__link {
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 1em;
    padding-bottom: 2em;
    padding-left: 15px;
    padding-left: 1.5rem;
    padding-right: 15px;
    padding-right: 1.5rem;
    cursor: pointer;
/*    -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out; */
}

.main_navigation__item:hover > .main_navigation__level {
    visibility: visible;
    opacity: 1;
    display: block;
}

.main_navigation__item:first-child .main_navigation__link {
    padding-left: 0;
}
.main_navigation__item:last-child .main_navigation__link {
    padding-right: 0;
}

.main_navigation__link--active, .main_navigation__link:hover {
    color: #af1e23;
}

.main_navigation__link--level:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-top: 5px solid #858585;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.main_navigation__level {
    opacity: 0;
    visibility: hidden;
    display: none;
    position: absolute;
    min-width: 100%;
    z-index: 1;
/*    -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out; */
}
.main_navigation__level--one {
    top: 100%;
    text-align: left;
    background-color: #fff;
    color: #af1e23;
    border-top: 1px solid #af1e23;
}
.main_navigation__level--two {
    top: -1px;
    left: 100%;
    text-align: left;
    background-color :#858585;
    color: #f9f9f9;
    border-top: 1px solid #858585;
}
.main_navigation__level__link {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    box-sizing: border-box;
    display: block;
    min-width: 100%;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 15px;
    padding-left: 1.5rem;
    padding-right: 15px;
    padding-right: 1.5rem;
    white-space: nowrap;
    line-height: 1em;
/*    -moz-transition: all 0.1s ease-in;
     -o-transition: all 0.1s ease-in;
     -webkit-transition: all 0.1s ease-in;
     transition: all 0.1s ease-in; */
}

.main_navigation__level__item:hover > .main_navigation__level {
    visibility: visible;
    opacity: 1;
    display: block;
}

.main_navigation__level__link--one {
    border-color: #af1e23;
}
.main_navigation__level__item--one:hover .main_navigation__level__link--one {
    background-color: #af1e23;
    color: #f9f9f9;
}

.main_navigation__level__item--multi:hover > .main_navigation__level__link--one:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #af1e23;
    z-index: 2;
}

.main_navigation__level__link--two {
    border-color: #f9f9f9;
}

.main_navigation__level__link--two:hover {
    background-color: #777;
}

.main_navigation__level__item:first-child .main_navigation__level__link {
    border-top: 1px solid transparent;
}
.main_navigation__level__item:last-child .main_navigation__level__link {
    border-bottom: 1px solid transparent;
}
.nav_mobile_btn {
    display: none;
    background: transparent url('../images/mobile_menu_icon.png') no-repeat left center;
    min-width: 30px;
}

/* -------------------------- *\
 *   PRODUCT ROW
\* -------------------------- */
.product_row {
    /*margin-bottom: 2.1em;*/
}
.product_row__item {
    width: 100%;
}
.product_row__item__title {
    color: #af1e23;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 1em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
.product_row__item__text {
/*    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4em;*/
}

/* -------------------------- *\
 *   OVERLAY BOX
\* -------------------------- */
.overlay_box {
    position: relative;
    overflow: hidden;
}

.overlay_box__under {
    display: block;
}

.overlay_box__over {
    box-sizing: border-box;
    background-color: transparent;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left:0; right:0; bottom: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    
}

.overlay_box__over--padd {
    padding: 5% 5%;
}

.overlay_box__over--highlight {
    background-color: rgba(0,114,188,0.9);
    color: #f9f9f9;
}

.overlay_box:hover .overlay_box__over {
    opacity: 1;
}
.overlay_box__over__text {
    margin-bottom: 1em;
}

/* -------------------------- *\
 *   ADVANTAGE ROW
\* -------------------------- */
.advantage__row {
    clear: both;
    margin-bottom: 40px;
    margin-bottom: 4rem;
}

.advantage__row--bottomnomarg {
    margin-bottom: 0;
}

.advantage__row__col {
    
}
.advantage__row__col--fixedwidth {
    width: 420px;
}

.advantage__row__col__image {
    display: block;
    width: 100%;
    border-radius: 5px;
}
.advantage__row__col__title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #af1e23;
    line-height: 1em;
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}



/* -------------------------- *\
 *   CALL TO ACTION
\* -------------------------- */
.calltoaction {
    width: 350px;
    overflow: hidden;
    background-color: #fff;
}

.calltoaction--center {
    margin: 0 auto;
}

.calltoaction__content {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    box-sizing: border-box;
}
.calltoaction__item {
    margin-bottom: 30px;
    margin-bottom: 3rem;
}
.calltoaction__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
.calltoaction__title--contrast {
   color: #f9f9f9;
   background-color: #af1e23;
}
.calltoaction__image {
    
}
.calltoaction__text {
    
}
.calltoaction__btn {
    
}
/* -------------------------- *\
 *   about_us_partners
\* -------------------------- */
.about_us_partners {
    text-align:center;
}
.about_us_partners > div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

/* -------------------------- *\
 *   FOOTER
\* -------------------------- */
.footer_main {
    padding: 10px 0;
    background-color: #fefefe;
}
.footer_main a,
.footer_main span {
    font-size: 12px;
    letter-spacing: 0.0375em;
}

.footer_main a {
    color: #af1e23;
}
.footer__text {
    position: relative;
    top: 14px;
    top: 1.4rem;
}
/* -------------------------- *\
 *   TEXT LIST
\* -------------------------- */
.text_list {
    margin-bottom: 0;
}
.text_list--topmargin {
    margin-top: 20px;
    margin-top: 2rem;
}
.text_list__item {
    padding-bottom: 2em;
}
.text_list__item:first-child {
    padding-top: 0;
}
.text_list__item:last-child {
    padding-bottom: 0;
}

/* -------------------------- *\
 *   INLINE LIST
\* -------------------------- */
.inline_list {
    font-size: 0;
    text-align: center;
}
.inline_list--center {
    text-align: center;
}
.inline_list__item {
    width: 20%;
    display: inline-block;
    margin: 0 2.5% 2.5% 2.5%;
    vertical-align: top;
}

.inline_list__item--large {
    width: 28%;
}

.inline_list__item--small {
    width: 200px;
    width: 20rem;
}

.inline_list__item--tiny {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
}

.inline_list__item--nomargins {
    margin: 0;
}
.inline_list__item--nomarginbot {
    margin-bottom: 0;
}

.inline_list__title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.2em;
    color: #5f5f5f;
}

.inline_list__title--narrow {
    max-width: 11em;
    margin: 0 auto;
}

.inline_list__title--botspace {
    height: 4em;
    color: #af1e23;
}

.inline_list__title--highlight {
    color: #007fff;
}
.inline_list__title--contrast {
    color: #f9f9f9;
}

.inline_list__title--small {
    font-size: 14px;
    font-size: 1.4rem;
}


.inline_list__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
    max-width: 12em;
    margin: auto;
}

.inline_list__subtitle--small {
    font-size: 12px;
    line-height: 1.3em;
    display: block;
    max-width: 90%;
}

.inline_list__subtitle--large {
    font-size: 17px;
    font-size: 1.7rem;
}

.inline_list__subtitle--wide {
    max-width: 22em;
}

.inline_list__image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

.inline_list__image--cc {
    height: 60px;
    width: auto;
}

.inline_list__image--spacing {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.inline_list__image--rounded {
    border-radius: 50%;
}
.inline-list__image--homepage {
    height: 80px;
    width: auto;
}

/* -------------------------- *\
 *   GRAY HOVER
\* -------------------------- */
.figure_container .figure_container__image, .gray_hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
     /* Firefox 10+, Firefox on Android */
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     filter: gray;
     /* IE 6-9 */
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     -webkit-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;    
}
.figure_container:hover .figure_container__image, .gray_hover:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
     -webkit-filter: none;
     filter: none;   
}

/* -------------------------- *\
 *   INPUT CONTAINER
\* -------------------------- */
.input_container {}
.input_container__label {
    width: 100%;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.input_container__label--small {
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
}

.input_container__field:focus {
    transition: all 0.3s ease-in-out;
    outline-color: #0072bc;
}

.input_container__field {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.8em 1em;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    color: #858585;
    outline-color: transparent;
    height: 45px;
}

.input_container__checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.input_container__checkboxlabel {
    cursor: pointer;
}

.input_container__field--textarea {
    height: 9em;
    font-family: inherit;
    color: inherit;
}

.input_container__field--textarea_2r {
    height: 5em !important;
}

.input_container__label--required:before {
    content: "*";
    display: inline-block;
    vertical-align: top;
    color: #af1e23;
}

.input_container__field--error {
    border-color: #af1e23;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* -------------------------- *\
 *   ERROR FIELD
\* -------------------------- */
.error_field {
    font-size: 0px;
    line-height: 0;
}
.error_field__text {
    opacity: 1;
    font-size: 0px;
    line-height: 0;
    display: inline-block;
    line-height: 5em;
    color: #af1e23;
    font-weight: bold;
}
.error_field__text:before {
    content: "";
    height: 0;
    width: 0;
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.error_field__text--visible:before {
    width: 30px;
    height: 30px;
    content: '!';
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    color:#ffffff;
    background-color: #af1e23;
    border-radius: 50%;
}
.error_field__text--visible {
    opacity: 1;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* -------------------------- *\
 *   CONTACT FORM
\* -------------------------- */
.contact_form {
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact_form--hide {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    padding: 0;
    overflow: hidden;
}
.contact__feedback {
    display: none;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact__feedback--visible {
    opacity: 1;
}
.contact__feedback__image {
    display: inline-block;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
.contact__feedback__title {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 0.3em;
    display: block;
}
.contact__feedback__subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
}
/* -------------------------- *\
 *   FIXED NAV SECTION
\* -------------------------- */
.fixed_nav_section {
    width: 100%;
    display: table;
}
.fixed_nav_section__row {
    display: table-row;
}
.fixed_nav_section__col { 
    display: table-cell;
    vertical-align: top;
}
.fixed_nav_section__col--static {
    width: 350px;
    width: 35rem;
    border-right: 1px solid #d8d8d8;
}
/* -------------------------- *\
 *   NAV LIST
\* -------------------------- */
.nav_list {
    
}
.nav_list--normalmargins {
    margin-left: 30px;
    margin-left: 3rem;
    /*margin-right: 5%;*/
}

.nav_list__item {
}

.nav_list__item__link {
    position: relative;
    display: inline-block;
    font-weight: 600;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1.5em;
    margin-bottom: 0.5em;
    
}
.nav_list__item .nav_list__item__link:before {
    content: "";
    display: inline-block;
    opacity: 0;
    width: 0px;
    height: 0px;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -10px;
    color: #0072bc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid transparent;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.nav_list__item__link--active, .nav_list__item__link:hover {
    color: #0072bc;
}

.nav_list__item .nav_list .nav_list__item__link {
    padding-left: 1.5em;
}

.nav_list__item .nav_list .nav_list__item__link--active:before {
    left: 0;
    border-left-color: #0072bc;
    opacity: 1;
}

.nav_list__item__link--uppercase {
    text-transform: uppercase;
}

.main_subnav.floating_container {
    top: 140px;
    top: 14rem;
    width: auto;
}

/* -------------------------- *\
 *   FIGURE CONTAINER
\* -------------------------- */
.figure_container {
    position: relative;
    border: 1px solid #d8d8d8;
    cursor: pointer;
}
.figure_container__image {
    width: 100%;
    display: block;
}
.figure_container__title {
    text-align: center;
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.figure_container:hover {
    border-color: #af1e23;
}
.figure_container:hover .figure_container__title {
    background-color: #af1e23;
    color: #fff;
}
/* -------------------------- *\
 *   ABOUT US QUOTE
\* -------------------------- */
.quoted_text {
    margin-left: 5em;
    position: relative;
}

.quoted_text:before, .quoted_text:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
}

.quoted_text:before {
    right: 102%;
    top: 4px;
    background: transparent url('../images/as_comma_1.png') no-repeat center center;
    background-size: 100%;
}
.quoted_text:after {
    left: 90%;
    bottom: 10px;
    background: transparent url('../images/as_comma_2.png') no-repeat center center;
    background-size: 100%;
}

.quoted_text .container__text--big {
    font-size: 18px;
    font-size: 1.8rem;
}
.quoted_text__p {
    line-height: 1.8em;
}

/* -------------------------- *\
 *   Person Image
\* -------------------------- */
.person_image {
}
.person_image--rounded {
    border-radius: 50%;
}
.person_image--spacing {
    margin-bottom: 45px;
    margin-bottom: 4.5rem;
}
/* -------------------------- *\
 *   Video container
\* -------------------------- */
.video_container {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

.video_container__inner {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    width: 100%;
}

.video_container__inner iframe, .video_container__inner object, .video_container__inner embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

/* -------------------------- *\
 *   About us block
\* -------------------------- */
.about_us_block {
    background-color: #ffffff;
    padding: 35px;
    padding: 3.5rem;
    padding-bottom: 45px;
    padding-bottom: 4.5rem;
}
.about_us_block__title {
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
    font-size: 18px;
    font-size: 1.8rem;
    color: #af1e23;
}
.about_us_block__text {
    font-size: 13px;
    font-size: 1.3rem;
}
.about_us_block__text li {
    list-style-type: disc;
}

/* -------------------------- *\
 *   ANCHORS
\* -------------------------- */
.a_anchor {
    visibility: hidden;
    position: relative;
    top: -138px;
    top: -13.8rem;
    display: block;
}

/* -------------------------- *\
 *   Process list
\* -------------------------- */
.process_list {
    text-align: center;
    width: 100%;
}

.process_list__line {
    width: 100%;
    border-top: 3px solid #0072bc;
}

.process_list__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.8em;
    margin-top: 1em;
}
.process_list__item--large {
    margin-left: 2em;
    margin-right: 2em;
}

.process_list__item:after {
    content: "1";
    width: 25px;
    height: 25px;
    line-height: 1.7em;
    background-color: #0072bc;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -2em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.process_list__item--first {
    margin-left: 0;
}
.process_list__item--last {
    margin-right: 0;
}

.process_list__item--1:after {
    content: "1";
}

.process_list__item--2:after {
    content: "2";
}

.process_list__item--3:after {
    content: "3";
}

.process_list__item--4:after {
    content: "4";
}

.process_list__item--5:after {
    content: "5";
}

.process_list__item--6:after {
    content: "6";
}

.process_list__item--7:after {
    content: "7";
}
.process_list__item span {
    display: block;
}

.software_logos {
    width: 100%;
    text-align: center;
}
.software_logos__item {
    display: inline-block;
    margin: 0 15px;
    vertical-align: baseline;
}
/* -------------------------- *\
 *   MAP CONTAINER
\* -------------------------- */
.map_items {
    height: 612px;
    position: relative;
}
.map_items__container {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.map_items__item {
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 10px;
    margin-right: 10px;
    padding: 2em;
    background-color: #FEFEFE;
    border-radius: 3px;
    max-width: 16.5em;
    -webkit-box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.15);
}
.map_items__item__list__item {
    padding-left: 2em;
    margin-bottom: 1.2em;
}
.map_items__item__list__address {
    background: transparent url('../images/hr_icon_map.png') no-repeat left 4px;
}
.map_items__item__list__phone {
    background: transparent url('../images/hr_icon_phone.png') no-repeat left 4px;
}
.map_items__item__list__email {
    background: transparent url('../images/hr_icon_mail.png') no-repeat left 4px;
}

.map_items__item__heading {
    font-size: 1.6em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

/* -------------------------- *\
 *   MAP CONTAINER
\* -------------------------- */
.hr_services_item__image {
    width: 100%;
    margin-bottom: 2rem;
    margin-bottom: 20px;
}
.hr_services_item__heading {
    font-size: 1.8em;
    text-align: left;
    margin-bottom: 2rem;
    margin-bottom: 20px;
}
.hr_services_item__text {
    margin-bottom: 2rem;
    margin-bottom: 20px;
    min-height: 8em;
}

/* -------------------------- *\
 *   FILTERS
\* -------------------------- */
.filters__filter_item {
    padding: 0.8em 2em 0.8em 2em;
    border-radius: 5px;
    width: 22%;
    min-width: 15em;
    margin-left: 3%;
    margin-bottom: 3%;
    float: left;
    box-sizing: border-box;
}
.filters__filter_item__checkimg {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #fff;
    margin-right: 0.5em;
}

.filters__filter_item__checkimg, .filters__filter_item__label {
    vertical-align: middle;
}

.filters__filter_item:first-child {
    margin-left: 0;
}
.filters__filter_item:nth-child(5n+5) {
    margin-left: 0;
}

.filters__filter_item--checkbox {
    background-color: #858585;
    color: #f9f9f9;
    cursor: pointer;
}
.filters__filter_item--dropdown {
    padding-left: 2em;
    padding-bottom: 0.9em;
    padding-top: 0.9em;
}
/* -------------------------- *\
 *   JOB
\* -------------------------- */
.job {
    border: 1px solid #d8d8d8;
    border-bottom: none;
    margin-bottom: 4.0rem;
    margin-bottom: 40px;
}
.job__header {
    padding: 5.0rem;
    padding: 50px;
    border-bottom: 1px solid #d8d8d8;
}
.job__header__items > li {
    display: inline-block;
    margin-left: 2em;
}
.job__header__items > li:first-child {
    margin-left: 0;
}

.job__header__items__title {
    font-weight: bold;
    /*color: #0072bc;*/
}

.job__header__title {
    text-align: left;
    margin-bottom: 2.0rem;
    margin-bottom: 20px;
    color: #af1e23;
    cursor: pointer;
}

.job__summary{
    /*display: none;*/
}

.job__content {
    box-sizing: border-box;
    padding: 5rem 5rem 0 5rem;
    padding: 50px 50px 0 50px;
}


.job__content__detail__title {
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 3.5rem auto;
    margin: 0 auto 35px auto;
}
.job__content ul {
    margin: 3.5rem auto;
    margin: 35px auto;
}
.job__content ul li {
    list-style-type: disc;
    margin-left: 1.5em;
    line-height: 2em;
}
.job__content p {
    margin: 0 auto 3.5rem auto;
    margin: 0 auto 35px auto;
    line-height: 2em;
}
.job__footer {
    padding: 5rem;
    padding: 50px;
    border-bottom: 1px solid #d8d8d8;
}
/* -------------------------- *\
 *   send_cv
\* -------------------------- */
.send_cv {
    padding: 50px;
    border: 1px solid #d8d8d8;
}
.send_cv h2 {
    color: #af1e23;
    font-size: 1.8rem;
    font-size: 18px;
    margin-bottom: 2rem;
    margin-bottom: 20px;
    color: #0072bc;
    font-weight: bold;
}
.send_cv button {
    padding: 1em;
    margin-bottom: 2rem;
    margin-bottom: 20px;
}

/* -------------------------- *\
 *     VUE TRANSITIONS
\* -------------------------- */
.slide-transition {
    transition: all .5s ease-in-out;
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
}

.slide-enter {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.slide-leave {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.slide_list-transition {
    opacity: 1;
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: translateX(0);
    position:relative;
}

.slide_list-enter {
    opacity: 0;
    transform: translateX(-50%);
}

.slide_list-leave {
    opacity: 0;
    transform: translateX(50%);
}

.hr_image_content {
    width: 100%;
    max-width: 453px;
}
.employee_grid_2 {
    display: none;
}


/* -------------------------- *\
 *   RESPONSIVE PART
\* -------------------------- */

 /*Styles for 1350px device width*/ 
@media only screen and (max-width: 84.375em) {
    /*MAIN NAVIGATION COMPONENT*/ 
    .main_navigation__level--two {
        right: 100%;
        left: auto;
    }
    .main_navigation__level__item--multi:hover > .main_navigation__level__link--one:after {
        right: 100%;
        left: auto;
        border-left: none;
        border-right: 7px solid #af1e23;
    }
}
 /*Styles for 1100px device width*/ 
@media only screen and (max-width: 68.75em) {
    /*CONTAINER COMPONENT*/ 
    .container--wide {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .fixed_nav_section__col--static {
        font-size: 0.8em;
        width: 21rem;
    }
    .nav_list--normalmargins {
        margin-left: 15px;
        margin-left: 1.5rem;
    }
    .process_list__item {
        margin-left: 1.3em;
        margin-right: 1.3em;
    }
    .product_row__item__title {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .container__section__title {
        font-size: 20px;
        font-size: 2rem;
    }
    .industry_solutions {
        text-align: center;
    }
    .industry_solutions .grid__col, .industry_solutions .grid__col:first-child {
        float: none;
        width: 45%;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
        vertical-align: top;
    }
    .industry_solutions .figure_container {
        padding-top: 10px;
    }
    .industry_solutions .grid__col img {
        max-width: 258px;
        display: block;
        margin: 0 auto;
    }
    .about_us_partners > div {
        display: block;
        margin-bottom: 10px;
    }
    .map_items {
        height: 500px;
    }
}
 /*Styles for 950px device width*/ 
@media only screen and (max-width: 59.375em) {
    /*CONTAINER COMPONENT*/ 
    .container--medium {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .advantage__row__col--fixedwidth {
        width: 44%;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    .software_inline_list .inline_list__item {
        width: 33%;
        margin-bottom: 40px;
    }
    .job__header .grid__col {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    .job__header .grid__col:first-child {
        margin-bottom: 1em;
    }
}
 /*Styles for 900px device width*/ 
@media only screen and (max-width: 56.25em) {
    .content_section--banner {
        height: 290px;
    }
    .content_section--banner__title {
        font-size: 32px;
        font-size: 3.2rem;
    }
    .container__title {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 35px;
        margin-bottom: 3.5rem;
    }
    .about_us_quoted .grid__col--6{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
    .quoted_text {
        margin-left: 0;
        text-align: center;
    }
    .quoted_text:after {
        right: 0px;
        bottom: 0px;
        left: auto;
        
    }
    .quoted_text:before {
        left: 0px;
        top: 0px;
        right: auto;
    }
    
    .quoted_text__p {
        text-align: left;
    }
    .about_us_quoted__img {
        max-width: 540px;
        display: block;
        margin: 0 auto;
    }
    .company_description .grid__col--6:last-child {
        display: none;
    }
    .company_description .grid__col--6 {
        display: block;
        width: 100%;
    }
    .process_list__line {
        display: none;
    }
    .process_list__item {
       min-width: 15em;
       margin-bottom: 35px;
    }
    .process_list__item:after {
        top: auto;
        bottom: 100%;
    }
    .product_row > .grid__col {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .product_row .grid__col .grid__col {
        float: left;
        margin-left: 1.9%;
        margin-right: 0;
    }
    .product_row .grid__col .grid__col:first-child {
        margin-left: 0;
    }
    .product_row > .grid__col:last-child .grid__col {
        float: right;
        margin-right: 1.9%;
        margin-left: 0;
    }
    .product_row > .grid__col:last-child .grid__col:first-child {
        margin-right: 0;
    }
    .product_row__item--text {
        padding-top: 10%;
    }
    .other_solutions_grid .grid__col {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .overlay_box__under {
        width: 48%;
        float: left;
        display: block;
    }
    .overlay_box__over {
        width: 48%;
        margin-left: 4%;
        float: left;
        display: block;
        opacity: 1;
        visibility: visible;
        position: static;
        padding: 0;
        color: #858585;
        background-color: transparent;
    }
    .overlay_box__over .btn {
        color: #af1e23;
        border-color: #af1e23;
    }
}
 /*Styles for 820px device width*/ 
@media only screen and (max-width: 51.25em) {
    /*CONTAINER COMPONENT*/ 
    .container--narrow {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .container {
        padding-top: 3rem;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-bottom: 3rem;
    }
    .container--nopadd {
        padding-top: 0;
        padding-bottom: 0;
    }
    .container__title {
        font-size: 26px;
        font-size: 2.6rem;
    }
    
    /*MAIN NAVIGATION COMPONENT*/
/*    .main_content {
        padding-top: 110px;
        padding-top: 11rem;
    }
    .sub_container--bigpadd {
        padding-top: 0;
    }
    .nav_mobile_btn {
        display: block;
        padding: 20px;
        padding-left: 0;
    }
    .logo_img--main {
        width: 160px;
        margin-top: 16px;
    }
    
    #main_nav .opposite_content__left {
        float: right;
    }
    #main_nav .opposite_content__right {
        float: left;
    }
    
    .nav_mobile_btn {
        display: block;
    }
    .main_navigation {
        position: fixed;
        text-align: left;
        left: auto;
        top: 0;
        background-color: #858585;
        color: #fff;
        width: 260px;
        height: 100%;
        z-index: 100;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        left: -260px;
        top: 0;
        background-color: #858585;
        color: #fff;
        width: 260px;
        height: 100%;
        z-index: 100;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow-y: auto;
    }
    .main_navigation--open {
        display: block;
        left: 0;
    }
    .main_navigation__item {
        display: block;
    }
    .main_navigation__item .main_navigation__link {
        padding-left: 20px !important;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        font-size: 12px;
        font-size: 1.2rem;
        color: #f9f9f9;
    }
    .main_navigation__item .main_navigation__link--active {
        background-color: #777;
    }
    .main_navigation__level {
        display: block;
        visibility: visible;
        opacity: 1;
        position: static;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .main_navigation__level--one {
        background-color: #858585;
        border: none;
        color: #f9f9f9;
    }
    .main_navigation__level__item--multi:hover > .main_navigation__level__link--one:after {
        border: none;
    }
    .main_navigation__level__item--one:hover .main_navigation__level__link--one {
        background-color: #777;
    }
    
    .main_navigation__level__item:first-child .main_navigation__level__link {
        border: none;
        
    }
    
    .main_navigation__level__item:first-child .main_navigation__level__link--one:after {
        content: "";
        display: inline-block;
         width: 10px; 
         height: 10px; 
        vertical-align: baseline;
        margin-left: 5px;
         background-color: #af1e23; 
        vertical-align: text-bottom;
        border-bottom: 5px solid transparent;
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }
    
    .main_navigation__level__link {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 35px;
        padding-left: 3.5rem;
    }
    .main_navigation__level__link--two {
        padding-left: 50px;
        padding-left: 5rem;
        border-bottom: 1px solid #9a9797 !important;
    }*/
    .contact_form--hide {
        height: 200px;
    }
    .contact__feedback__title {
        font-size: 2.8rem;
        font-size: 28px;
    }
    .main_navigation__link--level:after {
        border-top-color: #fff;
    }
    .main_subnav.floating_container {
        display: none;
    }
    .fixed_nav_section__col--static {
        display: none;
    }
    .grid__col--fastblock {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
    .grid__col--fastblock:first-child {
        margin-bottom: 30px;
    }
    .hr_inline_list .inline_list__image{
        max-width: 50px;
        max-height: 40px;
    }
    .hr_inline_list .inline_list__title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1em;
    }
    .map_items {
        height: 420px;
    }
    /* LOGO PART */
    .opposite_content__left--mainlogo, .opposite_content__right--mainlogo {
        text-align: center;
        width: 100%;
        float: none;
    }
    .opposite_content__left--mainlogo img {
        max-width: 200px;
        width: 100%;
    }
    .opposite_content__right--mainlogo img {
        max-width: 245px;
        width: 100%;
    }
}

 /*Styles for 700px device width*/ 
@media only screen and (max-width: 43.75em) {
    .cc_inline_list {
        margin-bottom: 30px;
    }
    .cc_inline_list .inline_list__item {
        width: 44%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        margin-bottom: 15px;
    }
    .cc_inline_list .inline_list__title {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .content_section--imagebg5 {
        background: none;   
    }
    .map_items {
        height: auto;
    }
    .map_items__container {
        position: static;
        transform: translate(0,0);
    }
    .map_items__item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;     
        width: 49%;
        margin: 0;
        box-sizing: border-box;
        max-width: none;
    }
    .job__header, .job__content {
        padding: 5%;
    }
    .job__header__items li {
        display: block;
        margin-left: 0;
    }
    .job__header__title {
        font-size: 2.5 rem;
        font-size: 25px;
    }
}

 /*Styles for 600px device width*/ 
@media only screen and (max-width: 37.5em) {
    .product_row .grid__col--3{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        min-height: 240px;
    }
    .product_row__item--text {
        box-sizing: border-box;
        padding: 5%;
    }
    .about_us_advantages .grid__col {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .about_us_partners .grid__col{
        display: inline-block;
        float: none;
        margin-left: 0.5%;
        margin-right: 0.5%;
        text-align: center;
        width: 48%;
    }
    .about_us_partners a {
        display: block;
    }
    .person_image--spacing {
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }
    .quoted_text:before , .quoted_text:after {
        background: none;
        display: none;
    }
    .advantage__row__col--fixedwidth {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .advantage__row__col--fixedwidth:first-child {
        margin-bottom: 25px;
    }
    .software_inline_list .inline_list__item {
        width: 50%;
        margin-bottom: 20px;
    }
    .overlay_box__under {
        margin-bottom: 10px;
    }
    .overlay_box__under, .overlay_box__over {
        width: 100%;
        margin-left: 0;
    }
    .container__section__title__text {
        line-height: 1.5em;
        top: 0.65em;
    }
    .product_row > .grid__col {
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 30px;
    }
    .product_row:last-child > .grid__col:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .industry_solutions .figure_container__title {
        min-height: 50px;
    }
    .employee_grid {
        display: none;
    }
    .employee_grid_2 {
        display: block;
    }
}

 /*Styles for 550px device width*/ 
@media only screen and (max-width: 34.375em) {
    /*CONTAINER COMPONENT*/ 
    .container--tiny {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    /* Quick contact component */
    .quick_contact {
        text-align: center;
        width: 100%;
        float: none;
    }
    .quick_contact__item {
        border: none;
        padding: 0;
        display: inline-block;
        margin: 0 10px;
        padding-top: 25px;
        background-position: center top;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .inline_list__item--large {
        width: 150px;
    }
    .error_field__text {
        line-height: 1em;
        font-size: 11px !important;
        font-size: 1.1rem !important;
    }
    #dialog_box {
        margin-top: 65px;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .close_btn {
        top: -40px;
        right: 20px;
    }
    .nav_btn {
        top: -40px;
    }
    .prev_btn {
        right: auto;
        left: 0px;
    }
    .next_btn {
        right: auto;
        left: 40px;
    }
    .product_row .grid__col--3 {
        width: 100%;
        min-height: 0;
    }
    img.product_row__item{
        box-sizing: border-box;
        max-width: 350px;
        margin: 0 auto;
        display: block;
    }
    .product_row {
        margin-bottom: 0;
    }
    .content_section--banner {
        height: 220px;
    }
    .content_section--banner__title {
        font-size: 26px;
        font-size: 2.6rem;
        top: 37%;
    }
    .product_row .grid__col .grid__col {
        margin-left: 0;
        margin-right: 0;
    }
    .home_advantages_list .inline_list__item{
        width: 50%;
        padding-left: 1%;
        padding-right: 1%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .inline-list__image--homepage {
        height: 50px; 
    }
    .home_advantages_list .inline_list__title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1em;
        max-width: 10em;
        margin: 0 auto;
        text-align: center;
    }
    .container__text--quotes:before, .container__text--quotes:after {
        display: none;
    }
    .container__text--quotes br {
        display: none;
    }
    
    .container__text--quotes span {
        margin-left: 0.3em;
        font-weight: normal;
    }
    
    .container .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .container__text--bottompadd {
        padding-bottom: 20px;
        padding-bottom: 2rem;
    }
    .hr_inline_list li {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .hr_services_item {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .hr_services_item__image {
        max-width: 351px;
       
    }
    .hr_services_item__text {
        min-height: 0;
    }
    .hr_services_item .btn {
        margin-bottom: 2.5em;
    }
    
}
 /*Styles for 480px device width*/ 
@media only screen and (max-width: 30em) {
    .footer .opposite_content__left, .footer .opposite_content__right {
        display: block;
        text-align: center;
        float: none;
    }
    .footer__text {
        position: static;
    }
    .contact__feedback {
        width: 100%;
    }
    .software_inline_list .inline_list__item {
        width: 100%;
        margin-bottom: 60px;
    }
    .software_inline_list .inline_list__item:last-child {
        margin-bottom: 0;
    }
    .inline_list__title--botspace {
        height: auto;
    }
    .content_section--banner {
        height: 180px;
    }
    .content_section--banner__title {
        top: 40%;
        font-size: 19px;
        font-size: 1.9rem;
    }
    .industry_solutions .grid__col, .industry_solutions .grid__col:first-child {
        width: 100%;
    }
    .industry_solutions .grid__col, .industry_solutions .grid__col:first-child {
        margin-left: 0;
        margin-right: 0;
    }
    .industry_solutions .grid__col img {
        display: none;
    }
    .quick_contact__item {
        display: block;
        padding: 0;
        margin: 0;
        text-align: right;
        padding-left: 10px;
        background: none;
    }
    .quick_contact__item--phone {
        margin-bottom: 5px;
    }
    .map_items__item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;     
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        max-width: none;
    }
    .filters__filter_item {
        width: 100%;
        margin-left: 0;
    }
    
}
 /*Styles for 350px device width*/ 
@media only screen and (max-width: 21.875em) {
    .inline_list--contact {
        text-align: left;
    }
    .inline_list--contact .inline_list__item {
        width: 100%;
        margin: 0;
        position: relative;
        margin-left: 15%;
    }
    .inline_list--contact .inline_list__icon_container {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle;
        width: 20px;
        text-align: center;
    }
    .inline_list--contact .inline_list__image {
        display: inline-block;
        vertical-align: middle;
        height: 25px;
    }
    .inline_list--contact .inline_list__item hgroup {
        display: inline-block;
        vertical-align: middle;
    }
    .container__title {
        font-size: 20px;
        font-size: 2rem;
    }
    .container {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .calltoaction {
        width: 100%;
    }
    .calltoaction__title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
 /*Styles for 650px device height*/ 
@media only screen and (max-height: 750px) {
/*    .main_subnav.floating_container {
        top: 100px;
        top: 10rem;
    }
    .nav_list__item__link {
        margin-bottom: 0;
    }*/
}

.hide_input {
    display: none !important;
}
li.disabled {
    opacity: 0.5;
}

.tablecontent {
    display: table;
    border-collapse: separate;
    border-spacing: 0 1.5em;
}

.tablecontent-full {
    width: 100%;
}

.tablecontent__row {
    display: table-row;
    box-shadow: 3px 5px 9px 0 rgba(51, 51, 51, 0.05);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tablecontent__row--header {
    display: table-header-group;
    box-shadow: none;
}

.tablecontent__col {
    padding: 20px;
    display: table-cell;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 52, 118, 0.02);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-break: break-all;
    box-sizing: border-box;
}
.tablecontent__col--bold {
    font-weight: bold;
    color: #0072bc;
}

.tablecontent__col--header {
    background-color: transparent;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
    border: none;
    word-break: normal;
}

.tablecontent__row-container {
    display: table-row-group;
}

.no-script {
    position: fixed !important;
    z-index: 9999999 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0.7 !important;
    margin: 0 !important;
    background-color: #cc1e24;
    display: table-cell;
    vertical-align: middle;
    margin: 2em auto;
}

.no-script div {
    margin: 0 auto;
    width: 600px;
    text-align: center;
    color: #ffffff;
}