
/****/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;    line-height: 1.5;
}

/****/

html,body { height: 100vh; min-height:100vh;  font-size: 13px; direction:ltr; text-align:left }
body {font-family: 'Heebo', sans-serif; }
body * { position:relative; z-index:3}
a, a:hover { text-decoration:none}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


button, a {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
textarea:focus, input:focus{
    outline: 0;
}
 *:focus {
    outline: 0!important;
}
button:focus {
    outline: 0!important;
    outline: 0!important;
}
a:hover, .btn-link:hover { text-decoration:none; color:#000}

a:focus { 
    outline: none; 
}
*::-moz-focus-inner {
  border: 0;
}


img { max-width:100%;}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto; padding:0 30px;
}
header { background:url(../img/bg1-M.jpg) no-repeat top center; background-size:cover; padding-top:80px;padding-bottom:70%}
header h1 { font:normal 4.188rem 'Anton', sans-serif; color:#003c7f; padding:30px 20px 0 20px; margin:0 auto;line-height:1.1em; background:#fff; width:80%;}
header h2 { font:normal 2.375rem 'Anton', sans-serif; color:#0095da; padding:0 20px 30px 20px; margin:0 auto; line-height:1em; background:#fff; width:80%;}
header p { margin:0 auto; color:#003c7f; font-size:1.625rem}
.logo { display:block; text-align:right; margin-bottom:55%; margin-top:55%; }
.logo img { width:50%;}
.midContent { position:relative; padding:5% 0 0 0;
background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(102,191,232,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(102,191,232,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(102,191,232,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66bfe8',GradientType=0 ); }
.midContent:after { content:""; background:url(../img/bg2M.png) no-repeat  center 3%; background-size:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2}
.midContent * { position:relative; z-index:3}
.midContent h2 { color:#23408f; font:bold 1.875rem  'Heebo', sans-serif; text-align:left; padding:0 0 3% 0; margin:0; position:relative}
.midContent h2:after { content:"";background:url(../img/title-icon.png) no-repeat left 0px; position:absolute; left:-30px; top:0; width:40px; bottom:0  }
.midContent .logos { display:flex; align-items: center;justify-content: space-between; margin-bottom:10%;flex-wrap: wrap;}
.midContent .logos img { width:15%; margin-bottom:15px}
.midContent p { font-size:1.125rem; color:#23408f; padding-right:15%; margin:0}
.titleImg { margin:600px 0 2% 0; padding:0 }
.midContent .innerMenu { margin:5% 0 4% 0; padding:0; list-style:none; display:flex; align-items: center; }
.midContent .innerMenu  li a { font:normal 1.2rem/23px 'Anton', sans-serif; color:#0095da; padding:0 5px;}
.midContent .innerMenu  li:after { content:"|"; font:normal 1.688rem/23px 'Anton', sans-serif; color:#0095da;display:inline-block}
.midContent .innerMenu  li:first-child a  { padding-left:0}
.midContent .innerMenu  li:last-child:after { content:" "; height:23px; width:1px;}
.sliders  { padding-bottom:10%;}
.sliders h3 {  font-weight:bold; font-size:2.375rem;padding-left:1.5%; line-height:40px; padding-right:25px; display:inline-block}
.sliders.digital  h3{color:#0095da; border:4px solid #0095da; border-left:0px; margin-bottom:5%}
.sliders.technologies  h3{color:#41ad49; border:4px solid #41ad49; border-left:0px; margin-bottom:5%}
.sliders.data  h3{color:#ffc20e; border:4px solid #ffc20e; border-left:0px; margin-bottom:5%}
.slider { width: 100%;   margin:20px auto 0 auto; }

.slick-slide { width:278px; margin:0 15px}
.slick-slide > div { background:url(../img/picBg.png) no-repeat top center; padding-top:1.5px;  }
.sliders.technologies .slick-slide > div { background:url(../img/picBg2.png) no-repeat top center;   }
.sliders.data .slick-slide > div { background:url(../img/picBg3.png) no-repeat top center }

.slick-slide img {width:168px; height:107px; position:relative; z-index:5; margin-left:auto; margin-right:3px; margin-top:2px }
.slick-slide span.impWapper a { display:block}
.slick-slide span.impWapper a:after { content:""; background:url(../img/linkedinicon.png) no-repeat; background-size:100%; width:30px; height:30px; position:absolute; top:10px; right:48%; z-index:8}

.slick-slide .slidHeader { position:absolute; left:30px; top:115px; z-index: 7;width:206px; padding:0; height:53px; display:flex;flex-wrap: wrap;    align-content: center; flex-direction: column;    justify-content: center;}
.slick-slide .slidHeader h4 { font-weight:bold; font-size:0.938rem; color:#003b7e; padding:0; margin:0; line-height:1em;}
.slick-slide .slidHeader h5 { font-weight:normal; font-size:0.938rem; color:#003b7e; padding:0; margin:0; line-height:1em;}
.slick-slide .more { width:100%;  padding:25% 0 0 43px;}
.slick-slide .morelink { display:none; cursor:pointer; position:absolute; right:0; top:0; bottom:0; border-left:7px solid #003c7f; width:50px; z-index:8}

.slick-slide .more > div {width:90%;}
.slick-slide.open .more > div { left:10px;  transition:all ease-in-out .3s;}
.slick-slide .more p { font-weight:normal; font-size:1rem; color:#003c7f; font-style:italic }
.slick-slide {transition: all ease-in-out .3s;opacity: .2; }
.slick-active {opacity: .5;}
.slick-current { opacity: 1;}
.slick-dots { text-align:center; list-style:none; padding:0; display:flex;align-items: center; margin:5% auto 0 auto; justify-content: center;}
.slick-dots button { cursor:pointer; background:#0094da; border:none; border-radius:50%; font-size:0; width:15px; height:15px;}
.slick-dots li { padding:0 5px;}
.sliders.technologies .slick-dots button { background:#40ac48;}
.sliders.data .slick-dots button { background:#fec10d;}
.slick-dots .slick-active button { background:#003b7e!important;}
.bottomSection { background:#003c7f;}
.bottomSection h2 { background:url(../img/titleBGN.png) no-repeat right top; text-align:center; font:normal 2.875rem 'Anton', sans-serif; color:#fff; line-height:1.2em;  padding:213px 95px 5% 95px; text-transform:uppercase; margin:0}
.bottomSection .eventList { list-style:none; margin:0; padding:0; display:flex;  align-items:center;justify-content: space-between;flex-wrap: wrap;}
.bottomSection .eventList li { width:48%; background:#fff; margin:10px 0; }
.bottomSection .eventList li span { display:block; padding:10px; font-size:0.688rem; color:#0095da;}
.bottomSection .eventList li h3 { font-weight:bold; color:#003c7f; font-size:1.125rem; padding:10px 10px; padding-top:0; margin:0; min-height:72px;}
.bottomSection .eventList li  a{ display:block; background:#ffc20e; text-align:center; color:#fff; font-weight:bold; font-size:1.125rem; line-height:30px;}

footer { background:#003c7f url(../img/footerbgM.png) no-repeat bottom center; background-size:100%; padding:20% 0 70% 0; text-align:center;}
footer a.moreJobs { background:url(../img/btnM.png) no-repeat;  display:inline-block; width:85%; font:normal 2.8rem 'Anton', sans-serif; color:#fff; padding:3% 0 5% 0; margin-bottom:5%}
footer .footerS a  img { width:123px;}
footer .footerS a:last-child { position:relative;  width:123px;padding-left:40px; display:inline-block;}
footer .footerS a:last-child:before { content:""; position:absolute; left:20px; top:0; display:inline-block; background:#fff; width:1px; height:30px;}
footer a.moreJobs.hide-xs{ display:none}
footer .footerS {}
.hide-xs { display:none}
.hide-md { display:inherit;}
.midContent .logos img:last-child { margin-right:auto; margin-left:5px;}
@media (min-width: 576px) {
 .container {    max-width: 540px;  }
 
}
@media (min-width: 768px) {
.midContent .logos img:last-child { margin-right:0;}
.hide-xs { display:inherit;}
.hide-md { display:none;}
.container {    max-width: 720px;  padding:0 0; }
header { background:url(../img/bg1.jpg) no-repeat top center; background-size:cover; padding-top:7.9%;padding-bottom:20%}
header h1 { font:normal 9.688rem 'Anton', sans-serif; color:#003c7f; padding:1% 0 5% 2%; margin:0; width:60%;line-height:1.1em}
header h2 { font:normal 5.625rem 'Anton', sans-serif; color:#0095da; padding:0 0 70px 2%; margin:0; line-height:1em}
header p { width:60%; margin:0 auto; color:#003c7f; font-size:3.125rem}
.logo img { width:auto;}
.midContent { position:relative; padding:5% 0 0 0;
background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,244,251,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,244,251,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,244,251,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f4fb',GradientType=0 ); }
.midContent .logos img { width:5%; margin-bottom:0}
.logo { display:block; text-align:right; margin-bottom:10%; margin-top:0}
 .midContent:after { content:""; background:url(../img/bg2.png) no-repeat  center 5%; background-size:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2}
 .midContent h2 { color:#23408f; font:bold 5rem  'Heebo', sans-serif; text-align:center; padding:0 0 2% 0; margin:0}
 .midContent h2:after { display:none}
.midContent .logos { display:flex; align-items: center;justify-content: space-between; margin-bottom:2%;flex-wrap: wrap;}
.midContent p { font-size:2.5rem; color:#23408f;}
.titleImg { margin:0 0 2% 2%; padding:0 }
.midContent .innerMenu { margin:0 0 4% 2%; padding:0; list-style:none; display:flex; align-items: center; }
.midContent .innerMenu  li a { font:normal 2.875rem/47px 'Anton', sans-serif; color:#0095da; padding:0 16px;}
.bottomSection h2 { background:none;    padding:0 0 5% 0;  text-align:left;  text-transform:uppercase; margin:0}
.bottomSection .eventList { list-style:none; margin:0; padding:0; display:flex;  align-items:center;justify-content: space-between;    flex-wrap: inherit;}
.bottomSection .eventList li { width:25%; background:#fff; margin:0 10px; }
.bottomSection .eventList li span { display:block; padding:30px; font-size:1.438rem; color:#0095da;}
.bottomSection .eventList li h3 { height:126px; font-weight:bold; color:#003c7f; font-size:2.5rem; padding:30px 10px; padding-top:0; margin:0}
.bottomSection .eventList li  a{ display:block; background:#ffc20e; text-align:center; color:#fff; font-weight:bold; font-size:2.5rem; line-height:70px;}
.sliders h3 {  font-weight:bold; font-size:6.25rem; background:#fff; padding-left:1.5%; line-height:121px; padding-right:25px; display:inline-block}
.sliders.digital {box-shadow:inset 0 -400px 0 0 #0095da;}
.sliders.digital  h3{color:#0095da; border:12px solid #0095da; border-left:0px; margin-bottom:5%}
.sliders.technologies {box-shadow:inset 0 -400px 0 0 #41ad49;}
.sliders.technologies  h3{color:#41ad49; border:12px solid #41ad49; border-left:0px; margin-bottom:5%}
.sliders.data {box-shadow:inset 0 -400px 0 0 #ffc20e;}
.sliders.data  h3{color:#ffc20e; border:12px solid #ffc20e; border-left:0px; margin-bottom:5%}
.slider { width: 100%;   margin: 0 auto; }

.slick-slide { width:740px; margin:0 30px}
.slick-slide.open { width:800px;}

.slick-slide > div {display:flex;border:7px solid #003c7f; background:#fff none; padding-top:0  }

.slick-slide span.impWapper {width: 675px;  height:auto; position:relative; z-index:5; margin:0; display:block; }
.slick-slide span.impWapper img { position:relative; z-index:2; width:100%; height:460px; margin:0}
.slick-slide span.impWapper a:after { content:""; background:url(../img/linkedinicon.png) no-repeat; background-size:100%; width:100px; height:100px; position:absolute; top:10px; left:10px; z-index:8}
.slick-slide.open  span.impWapper { display:block; overflow:hidden;width: 50%; position:relative; z-index:5}
.slick-slide.open  span.impWapper  img { height:460px; width:auto; left:-50%; max-width:inherit; }
.slick-slide .slidHeader { position:absolute; left:0; top:auto; bottom:0; z-index: 7;background-color: rgba(0, 149, 218, 0.7); border:7px solid #003c7f; border-left:0; border-bottom:0; width:340px; padding:25px;height:auto; display:inherit;
}
.sliders.technologies .slick-slide .slidHeader{background-color: rgba(65, 173, 73, 0.7);}
.sliders.data .slick-slide .slidHeader{background-color: rgba(255, 194, 14, 0.7);}
.slick-slide .slidHeader h4 { font-weight:bold; font-size:1.875rem; color:#fff; padding:0; margin:0}
.slick-slide .slidHeader h5 { font-weight:normal; font-size:1.875rem; color:#fff; padding:0; margin:0}
.slick-slide .more { transition: all ease-in-out .3s; width:50px; background:#fff; padding:20px; overflow:hidden; height:460px;}
.slick-slide.open .more { width:50%; }
.slick-slide .more p { padding:5% 0}
.slick-slide .morelink { display:block;  cursor:pointer; position:absolute; right:0; top:0; bottom:0; border-left:7px solid #003c7f; width:50px; z-index:8}
.slick-slide .morelink:after { content:""; width: 0;height: 0;border-style: solid;border-width: 28.5px 0 28.5px 29px;border-color: transparent transparent transparent #003b7f; position:absolute; top:50%; left:7px;
margin-top:-28.5px;}
.slick-slide.open  .morelink:after { content:""; width: 0;height: 0;border-style: solid;border-width: 28.5px 29px 28.5px 0;border-color: transparent #003b7f transparent transparent;position:absolute; top:50%; left:7px;
margin-top:-28.5px;}
.slick-slide .more > div { position:absolute; left:-1000px; top:0; bottom:0; right:0;  transition: all ease-in-out .3s; width:80%;}
.slick-slide.open .more > div { left:10px;  transition:all ease-in-out .3s;}
.slick-slide .more p { font-weight:normal; font-size:1.875rem; color:#003c7f; font-style:italic }
.slick-slide {transition: all ease-in-out .3s;opacity: .2; }
.slick-active {opacity: .5;}
.slick-current { opacity: 1;}
.slick-dots { text-align:center; list-style:none; padding:0; display:flex;align-items: center; margin:5% auto 0 auto; justify-content: center;}
.slick-dots button { cursor:pointer; background:#fff!important; border:none; border-radius:50%; font-size:0; width:20px; height:20px;}
.slick-dots li { padding:0 20px;}
.slick-dots .slick-active button { background:#003b7e!important;}
footer { background:#003c7f url(../img/footerbg.jpg) no-repeat top center; background-size:cover; padding:20% 0 20% 0; text-align:center;}
footer a.moreJobs { background:none;  display:inherit; width:auto;  padding:0 0; margin-bottom:5%}
footer a.moreJobs.hide-md  { display:none}
footer .footerS  a:last-child { width:auto; padding-left:50px; display:inline-block;}
footer .footerS a:last-child:before { content:""; position:relative; left:auto; top:auto; display:inline-block; margin-right:50px; background:#fff; width:1px; height:90px;}
footer .footerS a  img { width:auto;}
}
@media (min-width: 992px) {
 .container {    max-width: 960px;   }
}

@media (min-width: 1200px) {
  .container {    max-width: 1200px;  }
header h1 { font:normal 9.688rem 'Anton', sans-serif; color:#003c7f; padding:1% 0 2% 2%; margin:0 0 3% 0; width:60%;line-height:1.1em; background:#fff}
header h2 { font:normal 5.625rem 'Anton', sans-serif; color:#0095da; padding:1% 0 1% 2%; margin:0 0 70px 0; line-height:1em; background:#fff;  width:60%;}
header p { width:70%; }
header {padding-bottom:20%}
/*
.bottomSection h2 {text-align:right; font:normal 8.438rem 'Anton', sans-serif; color:#fff;  text-transform:uppercase; margin:0}*/

}
@media (min-width: 1450px) {
  .container {    max-width: 1660px;}
	header h1 {  line-height:1.5em;width:50%;}
	header h2 {width:50%;}
	.logo  {margin-bottom:15%;}
	header p { width:60%; }
	header {padding-bottom:30%}
	.midContent:after { content:""; background:url(../img/bg2.png) no-repeat  center top; background-size:100%;}
	.titleImg { margin:0 0 2% 2%; padding:0 }
	.bottomSection .eventList li h3  { padding:30px; padding-top:0;}
/*.bottomSection h2 { background:url(../img/titleBG.png) no-repeat left top; padding:254px 0 5% 0;  text-align:center; font:normal 8.438rem 'Anton', sans-serif; color:#fff;  text-transform:uppercase; margin:0;     background-size: auto;}*/
}

