/*@font-face{font-family:'AlteHaasGroteskBold';src:url('../fonts/AlteHaasGroteskBold/AlteHaasGroteskBold.ttf') format('ttf'), url('../fonts/AlteHaasGroteskBold/AlteHaasGroteskBold.eot') format('eot'), url('../fonts/AlteHaasGroteskBold/AlteHaasGroteskBold.otf') format('otf'), url('../fonts/AlteHaasGroteskBold/AlteHaasGroteskBold.svg') format('svg'), url('../fonts/AlteHaasGroteskBold/AlteHaasGroteskBold.woff') format('woff');font-weight:normal;font-style:normal;}*/
/*@font-face{font-family:'AlteHaasGroteskRegular';src:url('../fonts/AlteHaasGroteskRegular/AlteHaasGroteskRegular.ttf') format('ttf'), url('../fonts/AlteHaasGroteskRegular/AlteHaasGroteskRegular.eot') format('eot'), url('../fonts/AlteHaasGroteskRegular/AlteHaasGroteskRegular.otf') format('otf'), url('../fonts/AlteHaasGroteskRegular/AlteHaasGroteskRegular.svg') format('svg'), url('../fonts/AlteHaasGroteskRegular/AlteHaasGroteskRegular.woff') format('woff');font-weight:normal;font-style:normal;}*/
/*@font-face{font-family:'RobotoBold';src:url('../fonts/RobotoBold/RobotoBold.ttf') format('ttf'), url('../fonts/RobotoBold/RobotoBold.eot') format('eot'), url('../fonts/RobotoBold/RobotoBold.otf') format('otf'), url('../fonts/RobotoBold/RobotoBold.svg') format('svg'), url('../fonts/RobotoBold/RobotoBold.woff') format('woff');font-weight:normal;font-style:normal;}*/
/*@font-face{font-family:'RobotoRegular';src:url('../fonts/RobotoRegular/RobotoRegular.ttf') format('ttf'), url('../fonts/RobotoRegular/RobotoRegular.eot') format('eot'), url('../fonts/RobotoRegular/RobotoRegular.otf') format('otf'), url('../fonts/RobotoRegular/RobotoRegular.svg') format('svg'), url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff');font-weight:normal;font-style:normal;}*/
/*@font-face{font-family:'RobotoLight';src:url('../fonts/RobotoLight/RobotoLight.ttf') format('ttf'), url('../fonts/RobotoLight/RobotoLight.eot') format('eot'), url('../fonts/RobotoLight/RobotoLight.otf') format('otf'), url('../fonts/RobotoLight/RobotoLight.svg') format('svg'), url('../fonts/RobotoLight/RobotoLight.woff') format('woff');font-weight:300;font-style:normal;}*/
/*@font-face{font-family:'RobotoMedium';src:url('../fonts/RobotoMedium/RobotoMedium.ttf') format('ttf'), url('../fonts/RobotoMedium/RobotoMedium.eot') format('eot'), url('../fonts/RobotoMedium/RobotoMedium.otf') format('otf'), url('../fonts/RobotoMedium/RobotoMedium.svg') format('svg'), url('../fonts/RobotoMedium/RobotoMedium.woff') format('woff');font-weight:500;font-style:normal;}*/



@font-face{font-family:'AlteHaasGroteskBold';src:url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'AlteHaasGroteskRegular';src:url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoBold';src:url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoRegular';src:url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoLight';src:url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoMedium';src:url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoItalic';src:url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}

@font-face{font-family:'SuisseIntl-Regular';src:url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'SuisseIntl-Light';src:url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'SuisseIntl-Bold';src:url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'SuisseIntl-RegularItalic';src:url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'SuisseSign-Regular-Web';src:url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseSign-Regular-Web/XL/SuisseSign-Regular-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal;}



.not-overflow-x{
    overflow-x: hidden;
}

body{
    color: #001722;
    font-size: 16px;
    line-height: 24px;
}

#map{
    height: 400px;
    width: 100%;
}
#map1, #map2, #map3 {
    height: 240px;
    width: 100%;
}

.container {
    width: 1600px;
    max-width: 100%;
}


.image-header{
    background-image: url("../images/lines.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 580px;
}

.position-header-title{
    padding-top: 172px;
}



.btn{
    width: 240px;
    font-size: 18px;
    line-height: 38px;
}

.btn-primary{
    background-color: #009fdf;
    border-radius: 5px;
}

.btn-small-head{
    height: 35px;
    line-height: 31px;
    font-size: 14px;
    max-width: 130px;
    width: 100%;
    padding: 0 10px;
    color: #fff!important;

}

.btn-rounded{
    border-radius: 50px;
}

.border-top{
    border-top: 1px solid #E4ECF2;
}

.border-bottom{
    border-bottom: 1px solid #E4ECF2;
}

.border-bottom-blue{
    border-bottom: 2px solid #009FDF;
    width: 32px;
}

.border-top-blue{
    border-top: 2px solid #009FDF;
    width: 32px;
}

.border-bottom-dark { border-bottom: 1px solid #293D4A; }

.border-top-white{
    border-top: 2px solid #fff;
}

.border-btn{
    border: 1px solid #009FDF;
}

.border-right{
    border-right: 1px solid #E4ECF2;
}



/* ========****** MODIFICATONS ******======== */
.br3 { border-radius: 3px; }

.center {
    display: inline-block;
    margin: 0 auto;
}
/* ========****** end: MODIFICATIONS ******======== */

/* ========****** COLORS ******======== */

/* ==== Font */
.brand-dark     { color: #000000; }
.brand-normal   { color: #001722; }
.brand-light    { color: #293D4A; }

.blue-dark      { color: #0071AD; }
.blue           { color: #009FDF; }
.blue-light     { color: #62D0FF; }

.grey-dark      { color: #6C7A87; }
.grey           { color: #9AA9B7; }
.grey-med       { color: #CED4DB; }
.grey-light     { color: #F2F5F8; }

.red            { color: #F44336; }
.green          { color: #00C853; }
.yellow         { color: #FFC82C; }
.white          { color: #FFFFFF; }


/* ==== Background */
.bg-brand-dark     { background-color: #000000; }
.bg-brand-normal   { background-color: #001722; }
.bg-brand-light    { background-color: #293D4A; }

.bg-blue-dark      { background-color: #0071AD; }
.bg-blue           { background-color: #009FDF; }
.bg-blue-light     { background-color: #62D0FF; }

.bg-grey-dark      { background-color: #6C7A87; }
.bg-grey           { background-color: #9AA9B7; }
.bg-grey-med       { background-color: #CED4DB; }
.bg-grey-light     { background-color: #F2F5F8; }

.bg-red            { background-color: #F44336; }
.bg-green          { background-color: #00C853; }
.bg-yellow         { background-color: #FFC82C; }
.bg-white          { background-color: #FFFFFF; }

/* ========****** END: Colors */


/* ========****** LINKS ******======== */
a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
}

a.link-blue         {  color: #009FDF;  }
a.link-blue:hover   {  color: #009FDF;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);}

a.link-dark         {  color: #293D4A;  }
a.link-dark:hover   {  color: #293D4A;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);}

a.link-grey         {  color: #9AA9B7;  }
a.link-grey:hover   {  color: #9AA9B7;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);}

a.link-dark-bg         {  color: #9AA9B7;  }
a.link-dark-bg:hover   {  color: #9AA9B7;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);}


.black-link     {  color:#2C3E50;  }

/* ========****** END: LINKS ******======== */

/* ========****** FONTS ******======== */

/* Alte Haas Grotesk */
.alte-reg-48 {
    font-family: "AlteHaasGroteskRegular", Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 24px;
}
.alte-reg-34 {
    font-family: "AlteHaasGroteskRegular", Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 40px;
}

.alte-45 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    line-height: 48px;
}
.alte-34 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 40px;
}
.alte-24 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
}
.alte-20 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
}

/* Roboto Regular */
.roboto-reg-24 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 34px;
}
.roboto-reg-22 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
}
.roboto-reg-20 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
}
.roboto-reg-18 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.roboto-reg-16 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.roboto-reg-14 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.roboto-reg-12 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

/* Roboto Medium */
.roboto-med-20 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
}
.roboto-med-18 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.roboto-med-16 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.roboto-med-14 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.roboto-med-12-up {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

/* Roboto Bold */
.roboto-bold-18 {
    font-family: "RobotoBold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.roboto-bold-16 {
    font-family: "RobotoBold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
}

/* Roboto Light */
.roboto-light-18 {
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.roboto-light-22 {
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
}
.roboto-light-24 {
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 34px;
}


.alte          { font-family: "AlteHaasGroteskRegular", Helvetica, Arial, sans-serif; }
.alte-bold     { font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif; }
.roboto        { font-family: "RobotoRegular", Helvetica, Arial, sans-serif; }
.roboto-bold   { font-family: "RobotoBold", Helvetica, Arial, sans-serif; }
.roboto-light  { font-family: "RobotoLight", Helvetica, Arial, sans-serif; }
.roboto-medium { font-family: "RobotoMedium", Helvetica, Arial, sans-serif; }


.font-48    {  font-size:48px;  line-height: 24px;  }
.font-34    {  font-size: 34px;  }
.font-22    {  font-size: 22px;  line-height: 22px;  }
.font-20    {  font-size: 20px;  line-height: 30px;  }
.font-18    {  font-size: 18px;  line-height: 18px;  }
.font-16    {  font-size: 16px;  line-height: 24px;  }

/* ========****** end: FONTS ******======== */

/* ========****** DIMENSIONS ******======== */


.mt-125 { margin-top: 125px; }
.mt-120 { margin-top: 120px; }
.mt-105 { margin-top: 105px; }
.mt-90 { margin-top: 90px; }
.mt-80 { margin-top: 80px; }
.mt-70 { margin-top: 70px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-40 { margin-top: 40px; }
.mt-35 { margin-top: 35px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }
.mt-24 { margin-top: 24px; }
.mt-20 { margin-top: 20px; }
.mt-15 { margin-top: 15px; }

.mb-130 { margin-bottom: 130px; }
.mb-105 { margin-bottom: 105px; }
.mb-100 { margin-bottom: 100px; }
.mb-95 { margin-bottom: 95px; }
.mb-90 { margin-bottom: 90px; }
.mb-80 { margin-bottom: 80px; }
.mb-75 { margin-bottom: 75px; }
.mb-70 { margin-bottom: 70px; }
.mb-65 { margin-bottom: 65px; }
.mb-60 { margin-bottom: 60px; }
.mb-55 { margin-bottom: 55px; }
.mb-50 { margin-bottom: 50px; }
.mb-45 { margin-bottom: 45px; }
.mb-40 { margin-bottom: 40px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-25 { margin-bottom: 25px; }
.mb-20 { margin-bottom: 20px; }
.mb-10 { margin-bottom: 10px; }

.ml-30   { margin-left: 30px; }

.mr-30   { margin-right: 30px; }
.mr-15   { margin-right: 15px; }

.padding-65     { padding: 65px; }
.padding-tb-80  { padding-top: 80px; padding-bottom: 80px; }
.padding-tb-slider-about  { padding-top: 150px; padding-bottom: 95px; }

.padding-tb-slider-careers  { padding-top: 120px; padding-bottom: 95px; background-color: #009fdf }
.padding-tb-careers  { padding-top: 120px; padding-bottom: 95px; }
.bk-tb-careers  { background-image: url("../images/bg2.svg");
    background-position: -10% 30%;
    background-size: 60%;
    background-color: #009fdf;
    background-repeat: no-repeat;
}
.bk-tb-careers2  {
    background-image: url("../images/bg1.svg");
    background-position: 100% 40%;
    background-size: 60%;
    background-color: #009fdf;
    background-repeat: no-repeat;

}
.pl-62          { padding-left: 62px; }

.pt-130 { padding-top: 130px; }
.pt-120 { padding-top: 120px; }
.pt-110 { padding-top: 110px; }
.pt-100 { padding-top: 100px; }
.pt-80  { padding-top: 80px; }
.pt-70  { padding-top: 70px; }
.pt-65  { padding-top: 65px; }
.pt-60  { padding-top: 60px; }
.pt-55  { padding-top: 55px; }
.pt-50  { padding-top: 50px; }
.pt-45  { padding-top: 45px; }
.pt-40  { padding-top: 40px; }
.pt-35  { padding-top: 35px; }
.pt-30  { padding-top: 30px; }
.pt-20  { padding-top: 20px; }
.pt-15  { padding-top: 15px; }
.pt-10  { padding-top: 10px; }

.pr-10          { padding-right: 10px; }

.mtm-5{
    top: -5px;
    position: relative;
}

.pb-160 { padding-bottom: 160px; }
.pb-140 { padding-bottom: 140px; }
.pb-130 { padding-bottom: 130px; }
.pb-120 { padding-bottom: 120px; }
.pb-115 { padding-bottom: 115px; }
.pb-110 { padding-bottom: 110px; }
.pb-105 { padding-bottom: 105px; }
.pb-90 { padding-bottom: 90px; }
.pb-80 { padding-bottom: 80px; }
.pb-65  { padding-bottom: 65px; }
.pb-55  { padding-bottom: 55px; }
.pb-50  { padding-bottom: 50px; }
.pb-45  { padding-bottom: 45px; }
.pb-44  { padding-bottom: 44px; }
.pb-38  { padding-bottom: 38px; }
.pb-35  { padding-bottom: 35px; }
.pb-30  { padding-bottom: 30px; }
.pb-25  { padding-bottom: 25px; }
.pb-20  { padding-bottom: 20px; }
.pb-15  { padding-bottom: 15px; }
.pb-10  { padding-bottom: 10px; }

.mh100   { min-height: 100px; }
.mh480   { min-height: 480px; }
.mh455   { min-height: 455px; }
.mh560  { min-height: 560px; }
.mh640  { min-height: 640px; }
.h780   { height: 780px; }

.w35    { width: 35px; }
.w40    { width: 40px; }
.mw880   { max-width: 880px; }

/* ========****** end: DIMENSIONS ******======== */


#header-menu{
    background-color: transparent;
}

/* TOP SECTION */

.top-navbar {

    align-items: flex-start;
}

.dg-awards {
    padding-top: 5px;
}

/* end: TOP SECTION */


.map-cities{
    background-image: url("../images/map.svg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 800px;
}


.nav-pills {
    /*width: 310px;*/
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-bottom: 0;
}

.nav-pills .nav-item {
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

.current-openings .nav-pills .nav-link {
    height: 48px;

    display: inline-block;
    padding: 8px 25px 10px;
    border-radius: 30px;
    line-height: 28px;
}

.current-openings .nav-pills li a.active,
.current-openings .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link {
    background-color: #009EE3;
    color: #fff;
    cursor: pointer;
}

.current-openings .nav-pills .nav-link, .nav-pills .nav-link:hover{
    color: #009EE3;
    text-decoration: none;
    cursor: pointer;
}

.current-openings .nav-item .nav-link:hover{
    border-top: 1px solid;
}

.center-pills li a.active, .center-pills li a.active:hover{
    color: #fff;
    text-decoration: none;
}

.background-contact{
    background-image: url("../images/res-DSC_6867.jpg");
    background-size: cover;
    background-position: center 25%;
    background-repeat: no-repeat;
    min-height: 487px;
}

.contact-div{
    max-width: 425px;
    min-height: 487px;
    margin-left: 18%;
}


.category-name{
    font-weight: bold;
    border-bottom: 1px solid #E4ECF2;
    padding: 10px 0;
    margin-bottom: 0;
    margin-top: 20px;
}

.jobs{
    border-bottom: 1px solid #E4ECF2;
    padding: 10px 0;
}

.jobs a{
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #2C3E50!important;
}

.jobs .pull-right{
    color: #9AA9B7;
    font-size: 14px;
    line-height: 24px;
}


/*FOOTER*/

.background-black-div{
    background-color: #001722;
    color: #9aa9b7;
}
.background-black-div a{
    color: #9aa9b7;
}

.title-footer{
    margin-top: -10px;
    font-size: 0.875em;
}

.medium-text{
    font-size: 0.875em;/*14px*/
    line-height: 24px;
    color: #4e6175
}

.line-height-20 {  line-height: 20px;  }

.background-black-div li a:focus,
.background-black-div li a:active{
    color: #009fdf;
}

footer .select2-container--focus,
footer .select2-container--focus:focus {
    outline: 0 !important;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
footer .select2-container--default .select2-selection--single {
    border: 1px solid #2c3e50;
}
footer .select2-container--default .select2-results > .select2-results__options {
    overflow-y: scroll;
}
footer .select2-container .select2-selection--single {
    height: 38px;
    background-color: #f8fafb;
}
footer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
footer .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
footer .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 13px;
    padding-right: 26px;
    background-color: #2c3e50;
    border-color: #2c3e50;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.750em;
}

footer .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #fff transparent transparent;
}

footer .select2-selection__rendered img{
    float: left;
    margin-top: 13px!important;
}

.title-footer{
    margin-top: -10px;
    font-size: 0.875em;
}

footer ul li p.blue i{
    padding-left: 5px;
    font-size: 1.125em;
}

footer a {
    font-family: 'RobotoRegular', Helvetica, Arial, sans-serif;
}

footer ul li a{
    text-decoration: none;
    color: #000;
    line-height: 32px;
}
footer ul li a:active,
footer ul li a:hover{
    text-decoration: none;
    color: #fff;
}


.disclaimer-text{
    margin-top: -30px;
}

.smallest-text{
    font-size: 0.688em;/*11px*/
    line-height: 18px;
}

.text-muted {
    color: #9aa9b7;
}

.vertical-middle{
    vertical-align: middle;
}

span.select2-results ul li span img.img-flag{
    padding-top: 8px;
    padding-right: 3px;
}

.navbar-toggler{
    font-size: 30px;
    top: -7px;
}

.maxw625{
    max-width: 660px;
    display: block;
    margin: 0 auto;
}

.maxw140{
    max-width: 140px;
}

.margin-auto{
    margin: 0 auto;
}




/* ========================= Homepage ========================= */


.body-black{
    background-color: #001722;
}

.maxw370{
    max-width: 370px;
}

.maxw450{
    max-width: 450px;
}

.maxw700{
    max-width: 700px;
}

.background-wave{
    background-image: url("../images/wave.svg");
    /*background-image: url("../images/gradient.svg");*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 900px;
}

.background-about{
    background-image: url("../../dg-2017/imgs/new_devices.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    min-width: 1000px;
    overflow-x: hidden;
}
.background-white{
    background-color: #fff;
}

.background-partners{
    background-color: #f2f5f8;
}
/* ========================= END: Homepage ========================= */


/* ========================= About page ========================= */
.testimonials-back1{
    background-image: url("../images/Artboard–1.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}

.pt-370 { padding-top: 370px; }

.careers-back{
    background-image: url("../images/res-DSC_7004.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}

.custom-marg-padd-carr{
    margin-top: -550px;
    padding-bottom: 130px;
}

.careers-back2{
    background-image: url("../images/HR_photo3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 640px;
}

.careers-back3{
    background-image: url("../images/HR_photo2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 640px;
}


.testimonials-back{
    min-height: 700px;
    background-color: #009fdf;
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
}
.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
}


.carousel-indicators li {
    position: relative;
    max-width: 7px;
    height: 7px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #fff;
}

.border-1{
    border: 2px solid #f1f2f4;
    border-radius: 3px;
}

.center-div{
    display: block;
    margin: 0 auto;
}


/* ========================= END: about page ========================= */

.display-none   { display: none; }
.hide           { display: none; }

.grey-dark      { color: #6C7A87; }

#ams, #sof, #hk{
    cursor: pointer;
}



/*=====Header======*/

.height-header{
    height: 72px;
}


@media ( max-width: 1024px ) {

    .height-header {
        height: 72px;
        line-height: 60px;
    }
}



.navbar {  padding: 0;  }
.navbar { flex-direction: row; }

.logo, .navbar-brand {  width: 110px;  }
.logo, .navbar-brand img {  width: 110px;  }



ul.navbar-nav{
    margin-right: -100px
}

.nav-item {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: auto;
    height: 72px;
}

.nav-item {
    min-width: 120px;
}

 .nav-item.active > .nav-link,
 .nav-item > .nav-link:hover {
    border-bottom: 2px solid #009FDF;
}

 .nav-pills .nav-link, .nav-item {
    /*width: 120px;*/
    display: inline-block;
    flex: 0 1 auto !important;
}


 .nav-link {
    color: #6C7A87;
    line-height: 54px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
}
 .nav-link:hover {  color: #001722;  }

 .nav-item.active > .nav-link,
 .nav-item > .nav-link:hover {
    border-bottom: 2px solid #009FDF;
     color: #6C7A87;
}




.body-black #header-menu .nav-link {
    color: #fff;
}

#jobsPart .nav-link{
    border: 1px solid #009EE3;
}


.top-right-btns { max-width: 390px; }


.mobile-toggler {
    display: none;
    font-size: 20px;
    cursor: pointer;
}
.mobile-toggler:hover {
    opacity: 0.6;
}
.mobile-toggler i {
    position: relative;
    top: 3px;
}

.mobile-nav {  display: none;  }
.mobile-nav.active {  display: none;  }


.w-120  { width: 120px; }



button:focus, button:active, button.active,
.btn, .btn:active, .btn:focus,
.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus,
a, a:focus, a:active,
a:active:focus, a.active:focus,
a:active.focus, a.active.focus {
    outline: none !important;
    outline: 0 !important;
}

.btn {
    display: inline-block;
    position: relative;
    z-index: 1;

    background-color: #009FDF;
    border: 1px solid #009FDF;
    border-radius: 3px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;

    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.btn:hover {
    color: #FFFFFF;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}
.btn:active {
    background-color: #0071AD;
    border-color: #0071AD;
}

.btn:hover {
    color: #FFFFFF;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}
.btn:active {
    background-color: #0071AD;
    border-color: #0071AD;
}

.btn-sm     {  min-width: 80px;   height: 32px;  font-size: 14px; line-height: 22px; }


.btn-green {
    background-color: #00C853;
    color: #FFFFFF;
    border: none;
}

.dark-green-hover:hover {

    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}

.btn-primary:hover{
    background-color: #009FDF;
    border: 1px solid #009FDF;

}

.dark-blue-hover:hover {

    background-color: #009FDF;
    border: 1px solid #009FDF;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}



.mobile-nav.active {
    display: block;
    background-color: #fff;
    z-index: 2;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #E6ECF2;
}





@media ( max-width: 1280px ) {
    #header-menu .nav-pills .nav-link, .nav-item{
        min-width: 110px;
    }
}

@media ( max-width: 1200px ) {
    .nav-item {
        min-width: 0px;
    }
    ul.navbar-nav   {  margin-right: 0;  }
}
@media ( max-width: 1024px ) {

    .nav-item {
        /*width: 150px;*/
        margin: 0 auto;
    }
    .mobile-toggler {  display: inline-block;  }
    .screen-nav {  display: none;  }
    .mobile-nav.active {  display: block;  }
    .mobile-toggler {  display: inline-block;  }
    #header-menu .mobile-toggler.mr-30 { margin-right: 0; }
    .login-btns     {  margin-top: 15px;  }
}


@media ( max-width: 576px ) {
    .top-right-btns {  max-width: 128px;  }
    .login-btns { display: none !important; }
}
@media ( max-width: 375px ) {

    .height-header {
        line-height: 54px;
        height: 62px;
    }

    .logo, .navbar-brand img {  width: 120px; margin-left: -15px;  }



    .navbar-brand { padding-top: 12px; margin-left: -10px; }

    .navbar-brand{
        padding-top: 0;
    }
    .top-right-btns, .mobile-toggler{
        margin-top: 0;
    }

    .mobile-toggler         { margin-top: 4px; }
    .mobile-toggler.mr-30   { margin-right: -10px; }

    .top-right-btns, .mobile-toggler{
        margin-top: 0;
    }
}
/*=======End Header ========*/
.container {
    padding-right: 24px;
    padding-left: 24px;
}

.map-image-countries{
    background-image: url("../images/map2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 500px;
}

.footer-screen{
    display: block;
}

.footer-mob{
    display: none;
}


.special-margin-top-careers{
    margin-top: -230px
}

.bk-tb-careers{
    height: 400px;
}

@media (max-width:1055px){
    .special-margin-top-careers{
        margin-top: -270px
    }
    .bk-tb-careers{
        height: 500px;
    }
}

@media (max-width:935px) {
    .special-margin-top-careers {
        margin-top: -300px
    }


}

.no-padd .container{
    padding-right: 0;
    padding-left: 0;
}

.no-padd .container .col-md-12{
    padding-right: 40px;
    padding-left: 40px;
}

@media (min-width:1600px){
    .background-wave{
        background-size: cover;
    }
}

@media (max-width:1280px){
    .background-wave .maxw370{
        display: block;
        margin: 0 auto;
        text-align: center;
        max-width: 500px;
    }
}


@media (max-width:1200px){

    .testimonials-back1, .testimonials-back2, .testimonials-back3{
        background-position: 50% center;
    }


    footer .padding-left-60{
        padding-left: 0;
    }

    footer .padding-left-40{
        padding-left: 0;
    }

    .map-cities{
        background-size: 100%;
        background-position: center;
        min-height: 400px;
    }

    .custom-marg-padd-carr{
        margin-top: -550px;
        padding-bottom: 105px;
    }


}



@media (max-width: 992px) {

    .footer-menu-set:nth-child(3), .footer-menu-set:nth-child(4) {
        margin-top: 20px;
    }

    .custom-marg-padd-carr {
        margin-top: -585px;
        padding-bottom: 0px;

    }

    a.navbar-brand {
        margin-top: 0;
    }

    footer .col-lg-3 {
        min-height: 240px;
    }

    .atdegiro .img-fluid {
        padding-top: 105px;
        display: block;
        margin: 0 auto;
    }

    .btn-small-head {
        float: right;
        margin-top: 30px !important;
    }

    .custom-marg-padd-carr .pt-50 {
        padding-top: 0px;
    }


}

/* Tablet only */
@media (max-width: 768px) {

    .custom-marg-padd-carr {
        margin-top: -390px;
    }


    .testimonials-back{
        min-height: 400px;
        background-color: #009fdf;
    }

    .hide-768{
        display: none;
    }

    #four-cols .mt-4{
        margin-top: 28px!important;
    }

    .careers-back{
        min-height: 400px;
    }

    .right-testimonials{
        padding: 40px 15px;
    }

    .background-wave{
        background-position: 0px;
        min-height: 750px;
    }

    .testimonials-back1, .testimonials-back2, .testimonials-back3{
        background-size: cover;
        background-position: 50% center;
    }

    .carousel-item .pt-120{
        padding-top: 0px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .padding-tb-slider-about  { padding-top: 150px; padding-bottom: 15px; }


    .carousel-indicators{
        left:0;
    }

    .position-header-title  {  padding-top: 125px;  }
    .image-header_text { max-width: 450px; margin: 0 auto; }

    .three-cities .mw880 { max-width: 570px; }

    .atdegiro-pt2 .pt65 { padding-top: 0; }
    .atdegiro-pt2 .img-fluid { padding-top: 40px; }




    /*.special-map-margin{*/
        /*margin-left: -24px;*/
        /*margin-right: -60px;*/
    /*}*/

    .no-padd-contact-page{
        padding-left: 0;
        padding-right: 0;
    }

    .no-padd-contact-page p{
        padding-left: 24px;
    }

}

@media (max-width: 767px) {


    .custom-marg-padd-carr .font-34{
        font-size: 24px;
    }

    .border-top-white {
        border-top: 2px solid #fff;
        line-height: 1px;
        padding: 1px;
        margin: 1px;
        height: 1px;
        min-height: 1px;
    }

    .lh48{
        line-height: 36px;
    }

    .testimonials-back1, .testimonials-back2, .testimonials-back3{
        min-height: 530px;
    }

    .bk-tb-careers{
        background-size: cover;
        background-position: 50% 0%;
        min-height: 400px;
        height: auto;
    }

    .bk-tb-careers2{
        background-size: cover;
        background-position: 50%;
        min-height: 400px;
        height: auto;
    }

    .custom-marg-padd-carr{
        margin-top: -450px;
        padding-bottom: 0px;
        min-height: 700px;

    }

    .careers-back3, .careers-back2 {
        min-height: 400px;
    }

    .special-boxes-mobile{
        min-height: 400px;
        padding-top: 160px;
    }

    .pt-sm-430{
        padding-top: 390px;
        padding-bottom: 40px;
    }

    .pt-sm-200{
        min-height: 400px;
        padding-top: 160px;
    }

    .careers-back3, .careers-back2 {
        background-size: cover;
        background-position: top;
    }


    #about-header{
        padding-top: 0;
        margin-top: 10px;
    }

    #partners-section img{
        max-width: 60%;
        margin: 0 auto 20px;
        display: block;

    }

    .navbar-toggler {
        font-size: 30px;
        top: 25px;
    }

    .navbar-brand{
        margin-left: 0px;
    }


    .padding-tb-careers .pt-50{
        padding-top: 20px;
    }

    .padding-65{
        padding: 30px;
    }

    .pl-62{
        padding-left: 30px;
    }

    .map-cities{
        background-size: cover;
    }



}





@media (max-width:620px){
    footer .padding-left-55{
        padding-left: 10px;
        font-size: 0.813em;
    }

    .contact-div{
        margin-left: 10px;
    }

    .jobs a{
        display: block;
    }

    .position-header-title h2 { line-height: 1 }

    .custom-marg-padd-carr{
        margin-top: -450px;
    }

}

@media (max-width:576px){
    .footer-screen{
        display: none;
    }

    .footer-mob{
        display: block;
    }

    #four-cols .mt-4{
        margin-top: 48px!important;
    }

    .background-about {
        background-size: cover;
        min-height: 320px;
        min-width: 500px;
    }

    #about-header h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .background-wave {
        background-position: 0px;
        min-height: 900px;
    }

}



/* Mobile */


@media (max-width:480px){
    .hide-480{
        display: none;
    }

    /*.pt-sm-200{*/
        /*padding-top: 140px;*/
        /*padding-bottom: 75px;*/

    /*}*/
}

@media (max-width:400px){
    .image-header { min-height: 550px; }
    .image-header .container { padding: 0; }
    .top-navbar { padding-top: 5px; }
    .top-navbar .fa-bars::before {
        font-size: 30px;
    }


    #partners-section img{
        max-width: 100%;
        margin-bottom: 20px;
    }

    .position-header-title  {  padding-top: 100px; max-width: 240px; }
    .position-header-title h2 { font-size: 30px; }
    .position-header-title p { font-size: 14px; line-height: 24px; }
    .position-header-title a {font-size: 16px;}

    .who-is p, .three-cities p, .consistent p {
        font-size: 14px;
        line-height: 24px;
    }


    .who-is h2,
    .three-cities h2,
    .consistent h2,
    .atdegiro h2,
    .current-openings h2
    { font-size: 24px; }

    .who-is p,
    .three-cities p,
    .consistent p
    { font-size: 14px; line-height: 24px; }

    .atdegiro p,
    .atdegiro-pt2 p { font-size: 14px; line-height: 22px; }

    .atdegiro-pt2 p.blue { font-size: 16px; line-height: 24px; }



    .who-is { padding-bottom: 120px; }

    .three-cities .mw880 { max-width: 250px; }
    /*.three-cities .map-points { font-size: 12px; line-height: 28px; }*/

    .map-cities{
        background-size: cover;
        background-position: top;
        min-height: 200px;
    }

    .consistent .qualities .lh28 {
        line-height: 28px;
    }

    .atdegiro { padding-top: 55px; padding-bottom: 60px; }
    .atdegiro p.mb60 { margin-bottom: 35px; }
    .atdegiro .img-fluid { padding-top: 60px; }

    .atdegiro-pt2 { padding-top: 10px; padding-bottom: 85px;  }
    .atdegiro-pt2 p { margin-bottom: 30px; }
    .atdegiro-pt2 .img-fluid { padding-top: 30px; }

    .current-openings { padding-top: 75px; }

    .talk-to { padding: 0; }
    .contact-div {

        margin-left: 0px;
    }
    .leave-comment {
        background-color: #FFFFFF;
    }
    .talk-to h2 { margin-top: 60px; }


    .who-is p.mob-font-20{
        font-size: 20px;
    }

}


@media (max-width:360px){
    footer ul li a{
        font-size: 0.75em;
    }

    .custom-marg-padd-carr{
        margin-top: -430px;
    }

    .careers-back{
        min-height: 400px;
    }

    .pt-sm-200 {
        padding-top: 100px;
    }

    .background-wave {
        background-position: 0px;
        min-height: 1100px;
    }

}

@media (max-width:340px){

    .custom-marg-padd-carr {
        margin-top: -400px;
    }
}

.material-icons{
    font-size: 36px;
}


.material-icons-24{
    font-size: 24px;
}

/* ========================= END FOOTER ========================= */
.white{
    color: #fff
}

.blue{
    color: #009fdf;
}

.black{
    color: #001722;
}

footer ul li a.no-hover:hover{
    color: #fff;
    margin-left: 0;
}



/* ================ TEXT EFFECTS ================ */
/* ======== Underline From Left ======== */
.underline-from-left {
    display: inline-block;
    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);
    -ms-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #009FDF;
    height: 4px;

    -webkit-transition-property: right;
    -ms-transition-property: right;
    transition-property: right;

    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.underline-from-left:hover:before,
.underline-from-left:focus:before,
.underline-from-left:active:before {
    right: 0;
}
.underline-from-left-parent:hover .underline-from-left:before,
.underline-from-left-parent:focus .underline-from-left:before,
.underline-from-left-parent:active .underline-from-left:before {
    right: 0;
}

/* ======== Blue */
.blue-underline.underline-from-left:before {  background: #009FDF;  }
/* ======== White */
.white-underline.underline-from-left:before {  background: #FFFFFF;  }
/* ======== Grey */
.grey-underline.underline-from-left:before {  background: #9AA9B7;  }





/* ========================= ANIMATIONS ========================= */
/* ======== Oblique open 1 ======== */
.oblique-open:link,
.oblique-open:visited {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.oblique-open:link:after,
.oblique-open:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    -ms-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
.oblique-open:hover:after,
.oblique-open:visited:hover:after {
    height: 450%;
}
.oblique-open:hover {
    color: #009FDF;
}
.oblique-open:after {
    background: #FFFFFF;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}


/* Outline 1 Variation */
.btn-out1.oblique-open:hover {  color: #FFFFFF;  }
.btn-out1.oblique-open:after {  background: #009FDF;  }

/* ========================= END: animations ========================= */


/* ======== Footer variation */

a.link-dark-bg-2         {  color: #6C7A87;  }
a.link-dark-bg-2:hover   {  color: #F2F5F8;  }

.bg-brand-normal   { background-color: #001722; }
.app-store-logo, .google-play-logo         { width: 128px; height: 40px; }

.apps-download {  float: right;  }
.apps-download > p {  display: none;  }

.footer-logo-screen {  width: 110px;  height: 36px;  }
.footer-logo-mob    {  width: 80px;  height: 26px;  }

.footer-secure-global-logo    {  width: 72px;  height: 27px;  }
.footer-sofort-logo           {  width: 66px;  height: 20px;  }
.footer-ideal-logo            {  width: 31px;  height: 27px;  }


.footer-menu-set ul li {
    text-align: left;
}


.footer-dd-menu {
    width: 100%;
    border-top: 1px solid #95989A;
    padding: 16px 0;
    position: relative;
}

.footer-dd-menu--border-bottom { border-bottom: 1px solid #95989A;  }

.footer-dd-menu__arrow-down,
.footer-dd-menu__arrow-up {
    font-size: 20px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 10px;
}
.footer-dd-menu__arrow-down {  color: #6C7A87;  }
.footer-dd-menu__arrow-up   {  color: #FFFFFF;  }

.footer-dd-menu__dropdown {  display: none;  }
.footer-dd-menu__dropdown.active {  display: block;  }

.footer-dd-menu__title--online {
    padding-left: 10px;
    color: #00C853;
}
.footer-dd-menu__title--online i {
    font-size: 15px;
    top: 1px;
    position: relative;
}

.sl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    width: 100%;

    background: transparent;
    border: none;
    padding: 0;
    height: 40px !important;
}
.sl-placeholder {
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;

    border-radius: 2px;
    border: 1px solid #6C7A87;
    background: none;
    color: #FFFFFF;
    padding: 0 12px;
    height: 40px !important;
    line-height: 40px;
    vertical-align: middle;
}
.sl.active .sl-placeholder {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #001722;
    color: #FFFFFF;
    line-height: 40px;
    vertical-align: middle;
}
.sl-options {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background-color: #001722;
    border: 1px solid #6C7A87;
    border-top: none;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0;
    display: block;
    z-index: 2000;
    line-height: 0;
}
.sl-options ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sl-options ul li {
    display: list-item;
    text-align: match-parent;
    padding: 12px;
    height: 44px !important;
    cursor: pointer;
    color: #FFFFFF;
}
.sl-options ul li:hover {
    color: #F2F5F8;
}


/* =========== flags =========== */
.sl-option[data-flag="nl"]:before,
.sl-placeholder[data-flag="nl"]:before {
    content: "";
    display: inline-block;
    background: url('../images/nl.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
}

@media ( max-width: 1024px ) {

    .apps-download {
        float: none;
    }

    .apps-download > p {
        display: inline-block;
    }
}


@media ( max-width: 992px ) {
    .footer-menu-set:nth-child(3), .footer-menu-set:nth-child(4) {
        margin-top: 20px;
    }
}

@media ( max-width: 375px ) {
    footer.pt-45 {
        padding-top: 25px;
    }

    .footer-secure-global-logo {
        width: 93px;
        height: 35px;
    }

    .footer-sofort-logo {
        width: 85px;
        height: 26px;
    }

    .footer-ideal-logo {
        width: 40px;
        height: 35px;
    }

    .app-store-logo, .google-play-logo         { width: 160px; height: 49px; }

    .center-pills {
        width: 250px;
    }


    .nav-item {
        width: 120px;
        margin: 0 auto;
    }

}

/*Font resize on smaller devices*/
@media ( max-width: 768px ) {
    body {
        font-size: 14px;
        line-height: 21px;
    }

    .btn-small-head {
        font-size: 14px;
    }

    .alte-20 {
        font-size: 16px;
        line-height: 24px;
    }

    .roboto-reg-20 {
        font-size: 16px;
        line-height: 24px;
    }

    .roboto-reg-18 {
        font-size: 18px;
        line-height: 28px;
    }

    .roboto-reg-16 {
        font-size: 14px;
        line-height: 21px;
    }

    .roboto-reg-14 {
        font-size: 14px;
        line-height: 21px;
    }

    .roboto-med-20 {
        font-size: 16px;
        line-height: 24px;
    }

    .roboto-med-18 {
        font-size: 18px;
        line-height: 28px;
    }

    .roboto-med-16 {
        font-size: 14px;
        line-height: 21px;
    }

    .roboto-med-14 {
        font-size: 14px;
        line-height: 24px;
    }

    .roboto-bold-18 {
        font-size: 18px;
        line-height: 28px;
    }

    .roboto-bold-16 {
        font-size: 14px;
        line-height: 21px;
    }

    /* Roboto Light */
    .roboto-light-18 {
        font-size: 18px;
        line-height: 28px;
    }

    .font-20 {
        font-size: 16px;
        line-height: 24px;
    }

    .font-18 {
        font-size: 18px;
        line-height: 18px;
    }

    .font-16 {
        font-size: 14px;
        line-height: 21px;
    }

    .jobs a {
        font-size: 14px;
        line-height: 21px;
    }

    .jobs .pull-right {
        font-size: 14px;
        line-height: 24px;
    }

    .lh38 {
        line-height: 38px;
    }

}


/*=======Homepage degiro.eu===========*/


.z-3{
    position: relative;
    z-index: 3;
}

.laptop-imgs    {  position: absolute;  left: -100px; z-index:3 }
.laptop-img    {
    position: absolute;
    right: -200px;
    z-index: 2;
    top: 90px;
}


.bg-el-eu {
    display: inline-block;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    background: url('../images/eu/blue-rect.svg') no-repeat center center;
    /*width: 100%;*/
    /*height: 1100px;*/
    top: -360px;
    left: 820px;

    width: 1490px;
    height: 1200px;
}

.font-24{
    font-size: 24px;
    line-height: 36px;
}

.font-20{
    font-size: 20px;
}
.font-18{
    font-size: 18px;
    line-height: 28px;
}


/*.eu-laptop{*/
    /*position: absolute;*/
    /*z-index: 3;*/
    /*width: 950px;*/
    /*margin-top: -250px;*/
/*}*/

.overflowx-none{
    overflow-x: hidden;
}


@media (max-width:1600px) {
    .laptop-img {
        right: -330px;
    }

    .bg-el-eu {
        left: 700px;
    }
}

@media (max-width:1400px) {
    .laptop-img {
        right: -470px;
    }
    .bg-el-eu {
        left: 650px;
    }
}

@media (max-width:1040px){
    .laptop-img {
        right: -600px;
        top: 180px;
    }
    .bg-el-eu {
        left: 500px;
    }
}


@media (max-width:1280px) {
    .laptop-img {
        right: -500px;
    }
    .bg-el-eu {
        left: 580px;
    }
}


@media (max-width:992px){
    .laptop-img {
        top: 150px;
        right: -600px;
    }
    .bg-el-eu {
        left: 480px;
    }
}

@media (max-width:768px){
    .bg-el-eu {
        left: 300px;
    }
}

@media (max-width:767px){
    .bg-el-eu {
        top: -120px;
        left: 0;
        width: 130%;
        z-index: 0;
    }
    .eu-laptop {
        position: relative;
        margin: 80px 0 60px;
        width: 100%;
    }

    footer .maxw370{
        max-width: 100%;
    }

    .countries-list div{
        padding-bottom: 15px;
    }
}


@media (max-width:480px){
    .eu-laptop {
        margin: 60px 0;
    }

    .bg-el-eu {
        top: -240px;
        left: 0;
        width: 140%;
        z-index: 0;
    }


}


@media (max-width:375px){

    .eu-laptop {
        margin: 50px 0;
    }
}
/*=======END Homepage degiro.eu===========*/



.background-wave-press{
    background-image: url("../images/lines_press.svg");
    /*background-image: url("../images/gradient.svg");*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


#press-figures #prices-section .tarieven-title     { top: -15px; position: relative; display: block; margin: 0 auto; padding: 0 32px; }
#press-figures #prices-section .blue-tag     { color:#fff; background-color: #009fdf; width: 100%; padding: 0 0 3px 0; border-radius: 3px;}


.mr-75{
    margin-right: 75px;
}

#press-tabs .nav-pills .grey, #graphs-tabs .nav-pills .grey{
    color:#7f8b90;
}

#press-tabs .nav-item .nav-link, #graphs-tabs .nav-item .nav-link, #press-tabs .nav-pills .nav-link, #graphs-tabs .nav-pills .nav-link, .nav-item{
    max-width: none;
    width: auto;
}



#press-tabs .nav-pills .nav-link.active, #graphs-tabs .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link{
    background-color: transparent;
    color:#001722;
    border-bottom: 2px solid #009fdf;
    border-radius: 0;
}


.divs-press-page:hover{
    -webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.26);
}



#press-tabs .nav-pills, #graphs-tabs .nav-pills{
    width: 100%;
}

.divs-press-page{
    min-height: 330px;
    padding: 50px 40px;
    border: 1px solid #f1f2f4;
    border-radius: 3px;
}

.maxw900{
    max-width: 900px;
}

.border-btn2 {
    border: 1px solid #f1f2f4;
    border-radius: 3px;
}


.subscribe-press-bg  {
    background-image: url("../images/subscribe-press-bg.svg");
    background-position: center;
    background-size: cover;
    background-color: #009fdf;
    background-repeat: no-repeat;
}

.subscribe-press-bg .form-control{
    height: 55px!important;
}


.min-h-400{
    min-height: 400px;
}

.bottom-btn{
    position:absolute;bottom:46px;
}

.pl-40{
    padding-left: 40px;
}

.height-48{
    height: 48px;
    line-height: 48px;
}

a.blue:hover{
    color: #62D0FF;
}

a.background-black:hover{
    color: #009fdf;
}

@media (max-width:1480px){
    .divs-press-page {
        min-height: 390px;
    }
}

@media (max-width:1280px) {
    .subscribe-press-bg .maxw900{
        max-width: 710px;
    }
}


@media (max-width:1100px){
    .divs-press-page {
        min-height: 390px;
    }
}
@media (max-width:768px){
    .divs-press-page {
        min-height: 360px;
    }

    .background-wave-press{
        background-size: contain;
    }
}

@media (max-width:767px){
    #press-figures #prices-section .blue-tag {
        color: #fff;
        background-color: #009fdf;
        width: 100%;
        padding: 0 0 3px 0;
        border-radius: 3px;
        max-width: 220px;
        display: block;
        margin: 0 auto;
    }

    #prices-section .mr-75{
        margin-right: 10px;
        margin-left: 10px;
    }


    #press-tabs .nav-item .nav-link, #graphs-tabs .nav-item .nav-link, #press-tabs .nav-pills .nav-link, #graphs-tabs .nav-pills .nav-link, .nav-item{
        max-width: none;
        width: auto;
        min-width: auto;
    }


    .pl-40{
        padding-left: 15px;
    }
}

@media (max-width:470px){
    .divs-press-page {
        min-height: 450px;
    }
}


/*Pres page graphs*/

.clientvalue{
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #001722;
    margin: 0px;
}

.graphdescription{
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    margin-top: 8px;
    text-align: center;
}

.transactionvalue{
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #001722;
    margin: 0px 40px 0px 0px;
    margin-left: 40px;

}

.transaction{
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    margin-top: 8px;
    margin-left: 40px;
}

.em{
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    color: #009fdf;
    font-style: normal;
}

.max1600{
    margin: auto;
    max-width: 1600px;
    height: auto;
}

.contentbox{
    margin: 80px 100px 80px 100px;
    height: auto;
    width: auto;
}

.graph{
    float: left;
    width: 50%;
    height: auto;
    position: relative;
}

.minus40a {
    width: auto;
    margin-right: 40px;
    min-height: 1px;
}

.minus40b {
    width: auto;
    margin-left: 40px;
    min-height: 1px;
}

.barbox {
    width: 16.3%;
    float: left;
    height: 400px;
    position: relative;
    text-align: center;
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    padding: 0px;
}

.barbox-line {
    width: 16.3%;
    float: left;
    height: 2px;
    position: relative;
    text-align: center;
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    padding: 0px;
}

.barbox-line p{
    font-size: 16px;
    line-height: 56px;
}

.barbox-line p.active{
    font-size: 20px;
    line-height: 56px;
}

.barbox-line .bar{
    visibility: hidden;
}


.barbox-line .bar.active{
    visibility: visible;
}




.lastbarbox{
    color: #001722;
    font-size: 20px;
    line-height: 48px;
}

.bottom {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.bar {
    width: 62%;
    margin: auto;
    height: 100%;
    background: #009fdf;
}

.bar0{
    background: #07A2E1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #009FDF , #0DA5E3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #009FDF, #0DA5E3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #009FDF, #0DA5E3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #009FDF , #0DA5E3); /* Standard syntax */
}

.bar1{
    background: #1CADE8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #15A9E6 , #23B1EB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #15A9E6, #23B1EB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #15A9E6, #23B1EB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #15A9E6 , #23B1EB); /* Standard syntax */
}

.bar2{
    background: #31B8EF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #2AB4EC , #38BBF1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #2AB4EC, #38BBF1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #2AB4EC, #38BBF1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #2AB4EC , #38BBF1); /* Standard syntax */
}

.bar3{
    background: #47C2F6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #40BFF4 , #4CC5F8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #40BFF4, #4CC5F8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #40BFF4, #4CC5F8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #40BFF4 , #4CC5F8); /* Standard syntax */
}

.bar4{
    background: #5BCDFD; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #55CAFB , #62D0FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #55CAFB, #62D0FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #55CAFB, #62D0FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #55CAFB , #62D0FF); /* Standard syntax */
}

.bar5{
    background: #5BCDFD; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #55CAFB , #62D0FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #55CAFB, #62D0FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #55CAFB, #62D0FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #55CAFB , #62D0FF); /* Standard syntax */
}

.bar6{

    background: #D7F3FF;
}

@media (max-width: 640px) {
    .barbox-line p{
        font-size: 14px;
        line-height: 52px;
    }

    .barbox-line p.active{
        font-size: 16px;
        line-height: 52px;
    }

}

@media screen and (max-width: 1279px) {
    .contentbox{ margin: 80px 40px 80px 40px; }
}

@media screen and (max-width: 959px) {
    .graph{ width: 100%; }
    .minus40a { margin-right: 0px; }
    .minus40b { margin-left: 0px; }
    .transactionvalue{ margin-left: 0px;}
    .transaction{ margin-left: 0px;}
    .transactiongraph{ display: none; }
}

@media screen and (max-width: 639px) {
    .contentbox{ margin: 48px 24px 80px 24px; }
    .barbox { height: 300px; font-size: 14px; }
    .lastbarbox{ font-size: 16px; line-height: 52px;}
    .clientvalue{ font-size: 34px; }
    .clientdescription{ font-size: 14px; margin-top: 4px; }
    .transactionvalue{ font-size: 34px; }
    .transaction{ font-size: 14px; margin-top: 4px; }
}


.nav-link {
    color: #6C7A87;
    line-height: 54px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
}
.nav-link:hover {  color: #001722;  }

#press-figures .nav-item.active > .nav-link,
#press-figures .nav-item > .nav-link:hover, #press-figures .nav-pills .nav-link.active, #press-figures .nav-pills .nav-item.show .nav-link {
    border-bottom: 2px solid #009FDF;
    border-radius: 0;
    color: #6C7A87;
    background: none;
}

.pos-abs-z-1{
    position: absolute;
    z-index: 1;
}

.h1p    {  height: 1%;  }
.h3p    {  height: 3%;  }
.h11p   {  height: 11%;  }
.h16p   {  height: 16%;  }
.h29p   {  height:29%;  }
.h38p   {  height:38%;  }
.h43p   {  height:43%;  }
.h50p   {  height:50%;  }
.h51p   {  height:51%;  }
.h68p   {  height: 68%;  }
.h71p   {  height:71%;  }
.h73p   {  height:73%;  }
.h80p   {  height:80%;  }
.h93p   {  height: 93%;  }
.h100p  {  height: 100%;  }



.height48{
    height: 48px;
}

.line0, .line1, .line2, .line3, .line4, .line5, .line6, .line7, .line8, .line9{
    height: 2px;
}

.line-graph{
    border-bottom:1px solid #E6ECF2;
}

.hide-me{
    display: none;
}

.click-span{
    cursor: pointer;
}



.background-blue{
    background-color: #F6FAFD;
}

.background-black{
    background-color: #060d11;
}

.lh2-1 { line-height: 2.1; }
.lh2-5 { line-height: 2.5; }
.lh28 { line-height: 28px; }
.lh36 { line-height: 36px; }
.lh38 { line-height: 38px; }
.lh48 { line-height: 48px; }





.p64    { padding: 64px; }
.pb-70  { padding-bottom: 70px; }
.max-w-290  {  max-width: 290px; }
.pt-60  { padding-top: 60px; }
.br         { border-radius: 3px; }


/*new timeline*/
.events{
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.left-arrow-timeline, .right-arrow-timeline{
    color: #62D0FF;
    font-size: 50px;
    cursor: pointer;
}

.left-arrow-timeline{
    position: relative;
    top: -400px;
    left: -550px;
    z-index: 200;
}

.right-arrow-timeline{
    position: relative;
    top: -400px;
    right: -550px;
    z-index: 200;
}

@media ( max-width: 1200px ) {
    .left-arrow-timeline {
        left: -430px;
    }

    .right-arrow-timeline {
        right: -430px;
    }
}


@media ( max-width: 992px ) {
    .left-arrow-timeline {
        left: -370px;
    }

    .right-arrow-timeline {
        right: -370px;
    }
}

@media ( max-width: 768px ) {
    .left-arrow-timeline {
        left: -355px;
    }

    .right-arrow-timeline {
        right: -355px;
    }
}

@media ( max-width: 650px ) {
    .left-arrow-timeline, .right-arrow-timeline {
        display: none;
    }
}


.round-flag {
    margin: 0 5px;
    width: 33px !important;
    height: 33px !important;
    border-radius: 100%;
    border: 1px solid #CED4DB;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 150% 100%;
    display: block;
}


.flag-bg-at { background-image: url('../images/flags/at.svg'); }
.flag-bg-au { background-image: url('../images/flags/au.svg'); }
.flag-bg-be { background-image: url('../images/flags/be.svg'); }
.flag-bg-ca { background-image: url('../images/flags/ca.svg'); }
.flag-bg-ch { background-image: url('../images/flags/ch.svg'); }
.flag-bg-cz { background-image: url('../images/flags/cz.svg'); }
.flag-bg-de { background-image: url('../images/flags/de.svg'); }
.flag-bg-dk { background-image: url('../images/flags/dk.svg'); }
.flag-bg-es { background-image: url('../images/flags/es.svg'); }
.flag-bg-eu { background-image: url('../images/flags/eu.svg'); }
.flag-bg-fi { background-image: url('../images/flags/fi.svg'); }
.flag-bg-fi { background-image: url('../images/flags/fi.svg'); }
.flag-bg-fr { background-image: url('../images/flags/fr.svg'); }
.flag-bg-gb { background-image: url('../images/flags/gb.svg'); }
.flag-bg-gr { background-image: url('../images/flags/gr.svg'); }
.flag-bg-hk { background-image: url('../images/flags/hk.svg'); }
.flag-bg-hu { background-image: url('../images/flags/hu.svg'); }
.flag-bg-ie { background-image: url('../images/flags/ie.svg'); }
.flag-bg-it { background-image: url('../images/flags/it.svg'); }
.flag-bg-jp { background-image: url('../images/flags/jp.svg'); }
.flag-bg-jp { background-image: url('../images/flags/jp.svg'); }
.flag-bg-nl { background-image: url('../images/flags/nl.svg'); }
.flag-bg-no { background-image: url('../images/flags/no.svg'); }
.flag-bg-pl { background-image: url('../images/flags/pl.svg'); }
.flag-bg-pt { background-image: url('../images/flags/pt.svg'); }
.flag-bg-ro { background-image: url('../images/flags/ro.svg'); }
.flag-bg-se { background-image: url('../images/flags/se.svg'); }
.flag-bg-sg { background-image: url('../images/flags/sg.svg'); }
.flag-bg-tr { background-image: url('../images/flags/tr.svg'); }
.flag-bg-us { background-image: url('../images/flags/us.svg'); }

/*TIMELINE CUSTOM*/
div.events-content{
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

li.item div.bg-white{
    min-height: 455px;
}

.dates{
    /*max-width: 455px;*/
    width: 100%;
    display: block;
    margin: 55px auto 0;
}
.dates ul{
    margin: 30px auto;
    position: relative;
    top: -13px;
    width: 100%;
    text-align: center;
}

div.dates li.dateslink{
    float: left;
    /*margin-left: 45px;*/
    /*margin-right: 25px;*/
    margin-right: 25%;
    color: #62d0ff;
    text-align: center;
    font-size: 1.8em;
    position: relative;
    z-index: 30;
    cursor: pointer;
}


div.dates li.dateslink.selected{
    color: #fff;
}

div.dates li.dateslink span{
    font-size: 20px;
    position: absolute;
    bottom: -35px;
    left: -40px;
}




div.line-timeline{
    width: 100%;
    background: #62d0ff;
    height: 2px;
}

div.line-active-timeline{
    width: 20px;
    background: #fff;
    height: 2px;
    position: relative;
    top:-2px;
}



@media ( max-width: 1024px ) {
    div.dates li.dateslink{
        margin-right: 22%;
    }
}


@media ( max-width: 639px ) {
    .dates{
        margin: 42px auto 0;
    }
}
@media ( max-width: 767px ) {

    /*div.dates li.dateslink{*/
        /*margin-left: 45px;*/
        /*margin-right: 25px;*/
    /*}*/

    /*div.dates li.dateslink{*/
        /*font-size: 0.8em;*/
    /*}*/

    /*#arrows-timeline{*/
        /*display: none;*/
    /*}*/


    @media not all and (min-resolution:.001dpcm) { @media {

        div.dates li.dateslink {
            margin-right: 18%!important;
        }

        div.dates li:last-child{
            margin-right: 0!important;
        }
    }}
}

@media ( max-width: 520px ) {

    /*div.line-active-timeline {*/
        /*width: 40px;*/
    /*}*/
    /*.dates{*/
        /*max-width: 260px;*/
    /*}*/

    /*div.dates li.dateslink span {*/
        /*display: none;*/
    /*}*/

    /*div.dates li.dateslink{*/
        /*margin-left: 18px;*/
        /*margin-right: 18px;*/
    /*}*/

    .dates{
        max-width: 260px;
    }

    div.dates li.dateslink span {
        font-size: 15px;
    }

    #recaptcha{
        display: none;
    }

    #slider-part .btn{
        width: auto;
    }
}




@media not all and (min-resolution:.001dpcm) { @media {

    div.dates li.dateslink {
        margin-right: 18%!important;
    }
    div.dates li:last-child{
        margin-right: 0!important;
    }
}}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { /* Portrait iphone 5 */
    .div.dates li.dateslink {
        margin-right: 18%!important;
    }
}


@media ( max-width: 460px ) {
    #slider-part .item .alte-34{
        font-size: 20px;
    }

    #slider-part .btn{
        margin-left: -10px;
    }
}
@media ( max-width: 375px ) {
    /*div.dates li.dateslink{*/
        /*margin-left: 15px;*/
        /*margin-right: 15px;*/
        /*font-size: 1.5em;*/
    /*}*/

    #slider-part .btn{
        margin-left: -30px;
    }
}


.cookie-policy-bottom {
    height: 40px;
    line-height:40px;
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%;
}

.cookie-policy-bottom .roboto-reg-12{
    line-height: 40px;
}

.bg-brand-dark     { background-color: #000000; }

.min-h-40   {  min-height: 40px; }



@media ( max-width: 576px ) {

    #cookie-notification .min-h-40  {  min-height: 50px;  }
}


#cookie-notification{
    position: relative;
    z-index: 5;
}

#cookie-notification .blue-tag {
    background: #009FDF;
    color: #FFFFFF;
    padding: 0 12px;
    border-radius: 3px;
}

.close-btn {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 5px;
}
.close-btn::before,
.close-btn::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #FFFFFF;
}
.close-btn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-btn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-btn:hover::before,
.close-btn:hover::after {
    background: #009FDF;
}