@import url('https://fonts.googleapis.com/css?family=Barlow:100,400,700,900&display=swap');


:root {
    --swiper-theme-color: #f7931e !important;
    --ged: #f7931e;
}

* { outline: none; clear: inherit; font-size: 11px; margin: 0px; border: none; padding: 0; text-decoration: none; list-style-type: none; font-family: 'Barlow', sans-serif;  color: black; }

html,body { width: 100%; height: 100%; background: #efefef; }

.container  {width: 1100px;padding: 0px;margin: 0px auto;position: relative;display: flow-root;}

.header {width: 100%;height: 500px;background: white;border-radius: 10px;margin-top: 40px;overflow: hidden;}
.headerTwo {width: 100%;height: 170px;background: #ffffff;border-radius: 10px;margin-top: 10px;overflow: hidden;position: relative;z-index: 9;}
.headerThree {width: 100%;height: 518px;border-radius: 10px;margin-top: 10px;position: relative;z-index: 9;}

.left { float: left; }
.right { float: right; }



.container > .headerTwo > .left {width: 100%;height: 170px;}
.container > .headerTwo > .left > .logo {width: 244px;height: 170px;display: flex;justify-content: center;align-items: center;float: left;}


.menuPage {width: auto;display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.menuPage > ul {width: 100%;height: 50px;}
.menuPage > ul > a > li {transition: all 500ms;height: 100%;margin-bottom: 10px;margin-right: 14px;padding: 0px 20px;/* width: 120px; */line-height: 35px;font-size: 12px;letter-spacing: 0.7px;border-bottom: 0px solid #f7931e;font-weight: 500;float: left;justify-content: center;align-items: center;display: flex;background: white;border-radius: 10px;box-shadow: 0 0 12px 4px #f6931e1f;}
.menuPage > ul > a > li:hover {transition: all 500ms;border-bottom: 5px solid #f7931e;height: calc(100% - 5px);text-align: center;}


.container > .headerTwo > .left > .menu {width: auto;height: 170px;display: flex;justify-content: center;align-items: center;float: right;margin-right: 32px;}
.container > .headerTwo > .left > .menu > ul {width: 100%;height: 170px;}
.container > .headerTwo > .left > .menu > ul > a > li {transition: all 500ms;height: 100%;margin-bottom: 10px;width: 120px;background: none !important;line-height: 35px;border-radius: 0 !important;font-size: 12px;letter-spacing: 0.7px;border-bottom: 0px solid #f7931e;font-weight: 500;float: left;justify-content: center;align-items: center;display: flex;}
.container > .headerTwo > .left > .menu > ul > a > li:hover {transition: all 500ms;border-bottom: 5px solid #f7931e;height: calc(100% - 5px);text-align: center;}

.container > .headerThree > .left {width: 100%;height: 530px;position: relative;z-index: 999;}
.container > .headerThree > .left > .logo {width: 250px;height: 170px;display: flex;justify-content: center;align-items: center;}


.container > .headerThree > .left > .menu {width: 250px;height: 380px;display: flex;justify-content: center;align-items: center;margin-left: 13px;margin-top: 53px;}
.container > .headerThree > .left > .menu > ul {width: 100%;height: 100%;}
.container > .headerThree > .left > .menu > ul > a > li {transition: all 500ms;height: 40px;margin-bottom: 10px;width: 100%;line-height: 42px;font-size: 12px;letter-spacing: 0.7px;border-left: 0px solid #f7931e;font-weight: 400;float: left;display: flex;text-align: left;}
.container > .headerThree > .left > .menu > ul > a > li:hover {transition: all 500ms;border-left: 5px solid #f7931e;text-align: center;padding-left: 13px;}
.headerThreeArea {width: 100%;background: white;height: 529px;margin-top: 0px;overflow: hidden;}



.container > .header > .left { width: 300px; height: 500px; }
.container > .header > .left > .logo {width: 300px;height: 290px;display: flex;justify-content: center;align-items: center;}


.container > .header > .left > .menu {width: 300px;height: 210px;display: flex;justify-content: center;align-items: center;}
.container > .header > .left > .menu > ul { width: 300px; height: 200px;  }
.container > .header > .left > .menu > ul > a > li {transition: all 500ms;width: 100%;height: 35px;margin-bottom: 10px;line-height: 35px;font-size: 12px;letter-spacing: 0.7px;text-indent: 32px;border-left: 0px solid #f7931e;font-weight: 400;}
.container > .header > .left > .menu > ul > a > li:hover {transition: all 500ms;width: 100%;height: 35px;margin-bottom: 10px;line-height: 35px;font-size: 12px;letter-spacing: 2px;border-left: 5px solid #f7931e;}


.container > .header > .right { width: 800px; height: 500px; }

.fullWidthOrange { width: 100%; background: #f7931e; }
.fullWidthWhite { width: 100%; background: #ffffff; }


.categoryZone {width: 100%;height: 80px;margin: 50px 0px;}
.categoryZone > .header { width: 100%; height: 40px;  font-weight: 100; }
.categoryZone > .content { width: 100%; height: 80px;  }
.categoryZone > .content > a > .item {transition: transform 500ms;width: 240px;height: 80px;background: white;border-radius: 10px;display: flex;flex-direction: row;align-items: center;float: left;margin-right: 16px;margin-left: 17px;}
.categoryZone > .content > a > .item > .textZone {height: 39px;width: 130px;margin-top: 4px;margin-left: 10px;}
.categoryZone > .content > a > .item > div {float: left;margin-left: 20px;margin-top: -3px; width: 60px; height: 60px;}
.categoryZone > .content > a > .item > .textZone  > .title {  font-size: 15px; font-weight: 900; }
.categoryZone > .content > a > .item > .textZone  > .description {  font-size: 10px; margin-top: 3px; }
.categoryZone > .content > a > .item:hover { transform: scale(1.05);  transition: transform 500ms; }
.categoryZone > .content > a > .item.active { transform: scale(1.05);  transition: transform 500ms; }


.container > .points { height: 400px;background-repeat: no-repeat;background-position: center center;position: relative;overflow: hidden;margin-top: 0px;background: #f7931e;color: white;border-radius: 10px;}
.container > .points > .title > strong {font-size: 40px;color: white;margin-left: 0;}
.container > .points > .title {font-size: 40px;margin-top: 70px;color: white;}
.container > .points > .description {width: 430px;font-size: 13px;margin-top: 20px;color: white;margin-left: 0px;}
.container > .points > a > button {cursor: pointer;outline: none;padding: 8px 24px;background: #ffffff;border-radius: 5px;font-size: 12px;margin-top: 37px;color: #f7931e;margin-left: 0px;}

.swiper-container.slider { width: 800px; height: 500px; }

.swiper-container.news {width: 1100px;height: 420px;}

.container > .newsHeader {width: 100%;font-size: 34px;font-weight: 900;height: 60px;text-align: center;letter-spacing: 3px;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}

.newsItem {width: 300px;height: 399px;background: #efefef;border-radius: 10px;margin-left: 35px;overflow: hidden;}
.newsItem > .title {font-size: 16px;font-weight: bolder;text-align: center;width: 95%;padding-top: 11px;height: 64px;display: flex;justify-content: center;align-items: center;margin: 0 auto;letter-spacing: 1px;color: #4a4a4a;}
.newsItem > .description {width: 90%;margin: 0 auto;height: 120px;font-size: 13px;margin-top: 6px;}


.newsItemNorms {width: 300px;height: auto;background: #ffffff;border-radius: 10px;margin: 26.6px;overflow: hidden;float: left;margin-bottom: 0px;}
.newsItemNorms > .title {font-size: 16px;font-weight: bolder;text-align: center;width: 95%;padding-top: 11px;height: 64px;display: flex;justify-content: center;align-items: center;margin: 0 auto;letter-spacing: 1px;color: #4a4a4a;}
.newsItemNorms > .description {width: 90%;margin: 0 auto;height: 120px;font-size: 14px;margin-bottom: 40px;text-align: center;line-height: 1;}


.newsArea {padding: 31px 0px;margin-top: 0px !important;}
.newsGo { width: 100%; text-align: center;  }
.newsGo > a > button{ padding: 9px 20px;background: var(--ged);border-radius: 4px;color: white; margin-bottom: 10px; cursor: pointer;}

.c-w { color: white !important; }


.partner {width: 214px;height: 120px;background: white;border-radius: 10px;overflow: hidden;justify-content: center;align-items: center;display: flex;float: left;margin-left: 5px;margin-bottom: 18px;}
.partner > img {max-width: 130px;width: 100%;}
.partnersZone > .partnersHeader { width: 100%; font-size: 34px; font-weight: 900; height: 60px; text-align: center; letter-spacing: 3px; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.partners { padding: 10px 0px; display: flow-root; }

.masterFooter {width: 100%;height: 323px;background: white;margin-top: 50px;}


.masterFooter > .container > .logo {height: 260px;width: 218px;display: flex;justify-content: center;align-items: center;float: left;}

.corparty {float: right;width: 207px;height: 196px;margin-top: 62px;margin-left: 30px;}

.corparty > h4 {width: 100%;font-size: 16px;text-indent: 10px;}

.corparty > ul { width: 100%; height: auto; padding: 10px 0px; margin-top: 20px; }

.corparty > ul > li { width: 100%; height: 28px; margin-bottom: 7px; cursor: pointer; line-height: 28px; font-size: 12px; font-weight: 500; transition: all 500ms; }
.corparty > ul > a > li {width: 100%;height: 28px;text-indent: 10px;margin-bottom: 4px;cursor: pointer;line-height: 28px;font-size: 12px;font-weight: 500;transition: all 500ms;}

.corparty > ul > a > li:hover { transition: all 500ms; font-size: 13px; }
.masterFooter > .container { height: 260px; }
.masterFooter > .footer {  position: relative; width: 1100px; margin: 0 auto; height: 40px;   }
.masterFooter > .footer > .corp{ float: left; height: 40px; display: flex; justify-content: center; align-items: center; width: 170px;  }
.masterFooter > .footer > .vobo{float: right;height: 40px;display: flex;justify-content: center;align-items: center;right: 0px;width: 200px;position: absolute;top: 0px;font-size: 12px;}


/* ELEMENTS */

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

.card  {width: 300px;overflow: hidden;position: relative;padding: 10px;background: white;float: left;margin: 23px;border-radius: 4px;}
.card > .cover {width: 100%;height: auto;overflow: hidden;position: relative;padding: 0px;border-radius: 4px;}
.card > .card-title {padding: 19px 0px;background: white;font-size: 15px;text-align: center;font-weight: 500;}
.card > .card-description {width: 90%;margin: 0 auto;font-size: 11px;padding: 3px 0px;margin-bottom: 6px;margin-top: -7px;}
.card > .cover > img { width: 100%; }


.headerCover { position: relative;background-color: #f7931e;color: white;height: 110px;margin-top: -50px;z-index: 0;padding-top: 29px;text-align: center;background-image: url('/assets/img/pattern.png');background-size: contain; }
.headerCover > .container > h1 {color: white;font-size: 32px;margin-top: 14px;}

.list {background: white;padding: 20px 26px;border-radius: 7px;margin-bottom: 11px;}
.list > .list-title { width: 100%; height: 57px; display: flex; align-items: center; font-size: 20px; font-weight: 600; letter-spacing: 0px; color: #f7931e; }
.list > .list-description {width: 100%;font-size: 12px;padding: 17px 0px;padding-top: 0px;}
.list > .list-footer > .list-item {padding: 7px 9px;font-weight: 600;display: inline-block;}

.bd {padding: 5px 18px;border-radius: 20px;padding-bottom: 6px;font-size: 11px;font-weight: 500;cursor: pointer;}
.bd-success {background: #21e021;color: white;}
.bd-warning {background: #ff8d00;color: white;}
.bd-danger {background: #ef1111;color: white;}
.bd-info {background: #3fabde;color: white;}
.bd-primary { background: #000000; color: white; }
.list-footer { position: relative; width: 100%; height: 34px; display: flex; align-items: center; }

.list-footer > a > button { cursor: pointer; transition: background 500ms; position: absolute; right: 0px; bottom: -4px; background: #ff8d18c2; padding: 9px 22px; border-radius: 4px; color: white; font-size: 12px;}
.list-footer > a > button:hover { transition: background 500ms; position: absolute; right: 0px; bottom: -4px; background: #ff8d18; padding: 9px 22px; border-radius: 4px; color: white; font-size: 12px;}
.list-footer > a > button > i {  color: white; margin-left: 10px; font-size: 14px; cursor: pointer; }


.video {width: 47%;overflow: hidden;height: 313px;border-radius: 11px;position: relative;float: left;margin: 16px;}
.video > .video-cover { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.video-play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(2,0,36);background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,212,255,0) 100%);z-index: 2;display: flex;align-items: center;justify-content: center;transition: all 500ms;display: none;}
.video:hover .video-play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(2,0,36);background: linear-gradient(0deg, rgb(247 147 30) 0%, rgba(0,212,255,0) 100%);z-index: 2;display: flex;align-items: center;justify-content: center;transition: all 500ms;}
.video-play > a > i { color: #ffffff; font-size: 80px; }
.video-radius { width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 9; color: #ffffff; height: 30%; font-size: 16px; text-indent: 22px; font-weight: 700; background: rgb(2,0,36); background: linear-gradient(0deg, rgb(2 0 36 / 90%) 21%, rgba(0,212,255,0) 100%); line-height: 136px; }


.maps { width: 100%; height: 500px; border-radius: 10px; overflow: hidden; }



.personel {width: 510px;height: 164px;background: white;overflow: hidden;border-radius: 9px;float: left;margin: 13px 10px;}
.personel > .personel-cover { float: left; height: 200px; width: 190px; overflow: hidden; }
.personel > .personel-cover {width: 150px;height: 150px;text-align: center;margin-top: 6px;overflow: hidden;border-radius: 9px;margin-left: 14px;background: #f7931e;}
.personel > .personel-information {float: left;height: 185px;width: 280px;}
.personel > .personel-information > table { width: calc(100% - 20px); height: 64%; margin-left: 20px; margin-top: 15px; }
.personel > .personel-information > table > tr > td { font-size: 9px; }
.personel > .personel-information > table > tbody > tr > td:nth-child(1) { font-size: 11px; font-weight: 300; }
.personel > .personel-information > table > tbody > tr > td:nth-child(2) { font-weight: 600; font-size: 12px; }

.startup {width: 325px;background: white;height: 388px;text-align: center;border-radius: 9px;margin: 10px;overflow: hidden;float: left;}
.startup > .startup-cover {width: 325px;height: 200px;display: flex;align-items: center;justify-content: center;}
.startup > .startup-logo {width: 100px;height: 90px;display: flex;align-items: center;justify-content: center;border-radius: 3px;overflow: hidden;margin-top: 19px;margin-left: 19px;float: left;clear: both;overflow: hidden;}
.startup > .startup-title {width: 174px;height: 93px;font-weight: bold;font-size: 13px;float: left;clear: initial;margin-top: 19px;margin-left: 19px;text-align: initial;}
.startup > .startup-title > .item:nth-child(1) { width: 100%; height: 35px; font-size: 15px; display: flex; align-items: center; }
.startup > .startup-title > .item:nth-child(2) { font-weight: 500; }
.startup > .startup-title > .item:nth-child(3) { font-weight: 500; margin-top: 5px; }
.startup > .button {width: 100%;height: 50px;top: 19px;position: relative;}
.startup > .button > .left {width: calc(50% - 1px);height: 50px;display: flex;align-items: center;display: flex;align-items: center;justify-content: center;}
.startup > .button > .right {display: flex;width: 50%;height: 50px;justify-content: center;align-items: center;clear: initial;font-size: 13px;}
.startup > .button > .right > a { font-size: 13px;}
.startup > .button > .right > a > i {font-size: 16px;margin-left: 10px;top: 1px;position: relative;color: #00000052;}

.pageInner {z-index: 38;padding: 22px 10px;background: white;border-radius: 10px;width: calc(1100px - 20px);font-size: 11px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.pageInner > .pageHeader {height: 90px;position: relative;background: white;border-radius: 10px;}
.pageInner > .pageHeader > h1 {position: relative;top: 21px;font-size: 39px;font-weight: 900;left: 40px;}
.pageInner > .pageHeader > span {position: relative;top: 23px;font-size: 15px;font-weight: 100;left: 40px;}

.hoverEffectOne {  transition: box-shadow 500ms; webkit-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0); box-shadow: 0px 0px 128px -56px rgba(0,0,0,0); }
.hoverEffectOne:hover {transition: box-shadow 500ms;webkit-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 34%);}
.hoverEffectOneActive {transition: box-shadow 500ms;webkit-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 128px -56px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 18%);}

.m-t-10 { margin-top: 10px;}
.m-t-30 { margin-top: 30px;}
.m-t-50 { margin-top: 50px;}

.bg-white { background: white !important;}
.text-page {padding: 20px 20px;width: calc(1060px - 0px);border-radius: 10px;margin-top: 10px;font-size: 14px;}
.text-page > p {font-size: 15px;font-weight: 500;line-height: 21.00px;width: 96%;margin: 4px auto;}
.text-page > p > * { font-size: 15px; font-weight: 500; line-height: 21.00px; }
.text-page > * {font-size: 15px;font-weight: 500;line-height: 21.00px;}


.pswp__caption__center {text-align: center;}
figure {display: inline-block;width: 30%;float: left;border: 10px solid white;margin: 0.7%;border-radius: 4px;max-width: 350px;}
figure > a > img {width: 100%;}
.spacer {height: 5em;}


.tablea > tbody > tr > td > i:nth-child(1) { background: #58aa47; width: 30px; height: 30px; text-align: center; align-items: center; display: flex; justify-content: center; align-items: center; font-size: 16px; color: white; }
.tablea > tbody > tr > td:nth-child(2)  {padding-left: 11px;font-size: 12px;}
.tablea > tbody > tr { padding-bottom: 5px; display: block; }
.tablea { margin-top: 31px; }


.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: white !important;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
    line-height: 10px;
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}

.resp-sharing-button--facebook {
    background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}

.resp-sharing-button--tumblr {
    background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
    background-color: #3a80c1
}

.resp-sharing-button--google {
    background-color: #dd4b39
}

.resp-sharing-button--google:hover {
    background-color: #c23321
}

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
    background-color: #046293
}

.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}

.resp-sharing-button--xing {
    background-color: #1a7576
}

.resp-sharing-button--xing:hover {
    background-color: #114c4c
}

.resp-sharing-button--whatsapp {
    background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.resp-sharing-button--hackernews {
    background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
    background-color: #507299
}

.resp-sharing-button--vk:hover {
    background-color: #43648c
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.resp-sharing-button--tumblr {
    background-color: #35465C;
    border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c;
}

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}

.newsDetails {
    width: 100%;
    height: auto;
    padding: 0px 0px;
    margin: 20px 0px 20px 0px;
    text-align: center;
}
.newsDetails > .cube {   }
.newsDetails > img {
    width: 80%;
    border-radius: 9px;
}
.newsItem > .cover  {
    min-height: 190px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.newsItemNorms > .cover  {
    min-height: 190px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.personel > .personel-cover > img {height: auto;width: 100%;}
.startup > .startup-cover > img {height: auto;width: 100%;}
.active {background-color: #f7931e !important;color: white;font-weight: 900 !important;background-image: url(/assets/img/pattern.png) !important;background-size: contain !important;border-radius: 5px;}
.container > .headerTwo > .left > .menu > ul > a > li.active { color: #f7931e; }