/*
Theme Name: AquaMaof

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?9e6ikh');
    src: url('fonts/icomoon.eot?9e6ikh#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?9e6ikh') format('truetype'), url('fonts/icomoon.woff?9e6ikh') format('woff'), url('fonts/icomoon.svg?9e6ikh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    color: #222;
    font-size: 10px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.theComeetForm {
    width: 60rem;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-family: 'Work Sans', sans-serif;
    color: #171a42;
}

p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
}

.noTrans {
    transform: none !important;
}

.width114 {
    width: 114rem;
    margin-left: auto;
    margin-right: auto;
}

.milstones {
    background-color: #171a42;
    padding: 7.5rem 0;
    overflow-x: hidden;
}

.single-event header {
    background-color: #171a42;
}

.milstones h2 {
    color: #fff;
    font-size: 5rem;
    padding: 0 6rem;
    font-weight: 600;
}

.openMile {
    width: 1.6rem;
    height: 2.1rem;
    background-color: transparent;
    border: none;
    padding: 0;
}

.liKav {
    border-top: 1px solid #ff5800;
    flex-grow: 1;
    margin-left: 2rem;
    margin-right: 2rem;
}

.milstonesList {
    transition: .5s all;
}

.milstonesList .slick-list {
    overflow: visible !important;
}

.milstoneContent {
    width: 87rem;
    min-height: 20rem;
    background-color: #fff;
    padding: 2rem;
    position: relative;
    margin-top: 5rem;
    opacity: 0;
    transition: .3s all;
}

.openMile {
    transition: .3s all;
}

.slick-current .openMile {
    transform: rotate(90deg);
}

.milstones .btnsCon button {
    display: block;
    width: 7rem;
    height: 7rem;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

.milstones .btnsCon button.nextM {
    background-color: #ff5800;
    background-image: url(img/next.svg);
}

.milstones .btnsCon button.prevM {
    background-color: #fff;
    background-image: url("img/prev.svg");
}

.milstones .btnsCon {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}

.slick-current .openMile path {
    fill: #ff5800;
}

.milstonesList li.slick-current .milstoneContent {
    margin-top: 3rem;
    opacity: 1;
}

.milstoneContent:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.05rem 1rem 1.05rem;
    border-color: transparent transparent #ffffff transparent;
    left: 1rem;
    top: -1rem;
}

.milstonesList {
    display: flex;
}

.milstonesList li:last-child .liKav {
    display: none;
}

.milstonesList li {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    height: auto !important;
}

.topBanner {
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    height: 60rem;
    background-color: #171a42;
}

.mya {
    font-size: 1.8rem;
    font-weight: 400;
    color: #171a42;
    margin-top: 0;
    margin-bottom: .5rem;
}

.mltx {
    padding-left: 2rem;
}

.tmi {
    flex: 0 0 20.7rem;
    width: 20.7rem;
    height: 12rem;
    background-size: cover;
    background-position: center;
}

.milstonesList li h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 0;
}

.mt {
    font-size: 1.4rem;
}

.home .topBanner {
    height: 100vh;
}

.topBanner .h62rem {
    color: #ffffff;
    line-height: 1.23;
    text-align: left;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    margin: 0;
}

.projectsList {
    display: flex;
    flex-wrap: wrap;
}

.projectsList li {
    flex: 0 0 32%;
    margin: 2% 1%;
    height: 0;
    padding-bottom: 25rem;
}

.projectThumb {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem 2.9rem;
    filter: grayscale(1);
    text-decoration: none;
    transition: .3s all;
    overflow: hidden;
}

.pImg {
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: .3s all;
    transform: scale(1);
}

.projectThumb:hover .pImg {
    transform: scale(1.05);
}

.projectsListArea {
    padding-bottom: 10rem;
}

.orgst {
    height: 5px;
    background-color: #ff5800;
    width: 0;
    transition: .3s all;
    z-index: 99999999;
}

.projectThumb:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0 0.575rem 0.65rem;
    border-color: transparent transparent transparent #fff;
    transition: .3s all;
    bottom: 2.8rem;
    right: 2.9rem;
    z-index: 999999999;
}

.projectThumb:hover:after {
    border-color: transparent transparent transparent #ff5800;
}

.projectThumb:hover {
    filter: grayscale(0);
}

.projectThumb:hover .orgst {
    width: 100%;
}

.projectThumb:hover p.sub {
    max-height: 4rem;
    opacity: 1;
}

.projectThumb h2 {
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-size: 1.6;
    position: relative;
    z-index: 1;
}

.projectThumb p.loc {
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 2rem;
    position: relative;
    z-index: 1;
}

.projectThumb p.sub {
    overflow: hidden;
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 2rem;
    position: relative;
    z-index: 1;
    max-height: 0;
    transition: .3s all;
    opacity: 0;
}

.projectThumb:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    z-index: 1;
    opacity: .7;
    background-image: linear-gradient(to bottom, rgba(23, 26, 66, 0), #171a42);
}

.projectsList li:nth-child(1),
.projectsList li:nth-child(3n+4) {
    margin-left: 0;
}

.projectsList li:nth-child(3n+3) {
    margin-right: 0;
}

.fontSize62 {
    font-size: 6.2rem;
}

.topBanner .h62orange {
    font-weight: 700;
    color: #ff5800;
    display: block;
    white-space: pre-wrap;
}

.topBnrCon {
    padding-top: 5.3rem;
}

.playBtn {
    display: block;
    width: 7.9rem;
    height: 8rem;
    background-image: url(img/play.svg);
    background-color: transparent;
    margin: 5rem 0 7rem 7.7rem;
    border: none;
    background-repeat: no-repeat;
    background-size: 7.9rem 8rem;
}

.topAreaDescription {
    background-color: #ff5800;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topAreaDescCon {
    margin: 4.5rem 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.topAreaPara {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    line-height: 1.38;
    text-align: center;
    color: #171a42;
    width: 97rem;
}

.fontSize32 {
    font-size: 2.9rem;
}

.button180 {
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    line-height: 3.15;
    padding: 0 5rem;
    font-size: 1.6rem;
    transition: .3s ease all;
    color: #171a42;
    display: block;
    text-align: center;
    font-weight: 500;
    display: table;
}

.button180:hover {
    opacity: .7;
    font-family: 'Work Sans', sans-serif;
}

.underTopAreaCon {
    text-align: center;
    margin: auto;
    padding: 15rem 0 15.1rem 0;
}

.text32 {
    font-weight: 600;
    line-height: 1.5;
    color: #171a42;
    font-family: 'Work Sans', sans-serif;
}

.text18 {
    font-weight: 400;
    line-height: 1.33;
    text-align: center;
    color: #171a42;
    font-family: 'Work Sans', sans-serif;
}

.fontSize18 {
    font-size: 1.8rem;
}

.underTopAreaCon .text32 {
    margin: 0;
}

.text16 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    line-height: 1.25;
    color: #171a42;
}

.fontSize16 {
    font-size: 1.6rem;
}

.fourBoxesBullets {
    display: flex;
    justify-content: space-between;
}

.fourthBullet {
    flex: 0 0 24%;
}

.fourBoxesBullets .fourthBullet .text16 {
    padding: 0 5rem;
    margin: 2.8rem 0 0 0;
}

.fourthBulletImgCon {
    width: 28rem;
    height: 14.5rem;
}

.fourthBulletImgCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.underTopAreaCon .text18 {
    margin: .9rem 0 3.8rem 0;
}

.sLeft,
.sRight {
    flex: 0 0 50%;
    width: 50%;
    height: 80rem;
    position: relative;
    background-color: #171a42;
}

.singleContent h1 {
    font-size: 3.2rem;
}

.neh {
    font-size: 4.2rem;
}

.technology .sLeft,
.technology .sRight {
    background-color: #fff;
}

.sLeft {
    background-size: cover;
    background-position: center;
}

.sRight {
    position: relative;
}

.sRightContent {
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sLeftContent {
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    padding-right: 9.5rem;
}

.button180white {
    border: solid 2px #ff5800;
    border-radius: 5px;
}

.technology .sRight h2 {
    color: #171a42;
    margin: 0;
    font-size: 3rem;
}

.sRight h2:lang(zh-hans) {
    white-space: pre;
}

.technology p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 2rem 0 4rem 0;
}

.halfImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-size: cover;
}

.sRightContentCon {
    width: 57rem;
    padding-left: 13rem;
}

.sRight h2 {
    font-size: 3.4rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.44;
}

.aboveFooter .topImg {
    height: 0;
    padding-bottom: 28%;
    position: relative;
}

.tia {
    background-size: cover;
}

.orangeSquare {
    width: 37rem;
    min-height: 36rem;
    background-color: #ff5800;
    padding: 3rem;
}

.orangeSquare h2 {
    margin: 0 0 2rem 0;
    font-size: 1.8rem;
    font-weight: 400;
}

.orangeSquare .h3 {
    font-size: 5.2rem;
    font-weight: 600;
    margin: 0 0 2rem 0;
    line-height: 1;
}

.orangeSquare .h3:lang(zh-hans) {
    font-size: 4.5rem;
    white-space: nowrap;
}

.serviceList li p:lang(zh-hans) {
    font-size: 1.7rem;
}

.orangeSquare .text {
    font-size: 1.8rem;
    margin: 0 0 2rem 0;
    font-weight: 400;
    white-space: pre-line;
}

.aquamaofGroup h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 6.3rem 0;
}

.amgLogos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.amgLogos li {
    flex: 0 0 14.4rem;
    text-align: center;
}

.bi {
    margin-top: -16rem;
    position: relative;
    z-index: 1;
    margin-bottom: 7.3rem;
}

.home .topH:before {
    content: '';
    display: block;
    position: absolute;
    width: 69rem;
    height: calc(100% - 15.5rem);
    top: 15.5rem;
    left: -48.5rem;
    opacity: .5;
    background-color: #171a42;
}

.home .topBnrCon {
    padding-top: 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    height: 15.5rem;
    align-items: center;
    transition: .3s all;
}

.lastNewsMoudole .slick-dots {
    position: absolute;
    bottom: -1rem;
}

.home header {
    background-color: rgba(23, 26, 66, .5);
}

header.mini {
    height: 8.3rem;
    background-color: rgba(23, 26, 66, 1);
}

header.mini .secNav {
    max-height: 0;
    padding-bottom: 0;
    opacity: 0;
    margin-bottom: 0;
}

header .secNav {
    align-self: flex-end;
    flex-grow: 1;
    max-height: 3rem;
    transition: .3s all;
    overflow: hidden;
    opacity: 1;
    margin-bottom: 1rem;
    display: flex;
    padding-bottom: 4rem;
    justify-content: flex-end;
}


/*.home .topBanner:after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 15.5rem;
    top:0;
    left: 0;
  opacity: .9;
    background-color: #171a42;
}*/

.topH {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.topH * {
    position: relative;
    z-index: 9;
}

.tbc:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7;
    background-color: #171a42;
}

header.mini .mainNav ul li a {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

header.mini .logMain,
header.mini .logMain * {}

header.mini .logMain {
    padding-bottom: 2rem;
}

.logMain,
.logMain * {
    height: auto;
    transition: .3s all;
}

.aml img {
    width: 17.3rem;
    height: 4.6rem;
}

.headerInner {
    padding: 0;
    height: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 5.4rem;
    transition: .3s all;
}

header.mini .headerInner {
    padding-bottom: 0;
}

header .mainNav ul,
header .secNav ul {
    display: flex;
}

header .mainNav ul li,
header .secNav ul li {
    margin-left: 5.6rem;
    position: relative;
}

header .secNav .social-top ul li {
    margin-left: 2rem;
}

header .mainNav ul li a {
    display: block;
    position: relative;
}

header .mainNav ul li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: #ff5800;
    left: 50%;
    transition: .3s all;
}

header.mini .mainNav ul li a:after {
    bottom: 0;
}

header .mainNav ul li a:hover:after,
header .mainNav ul li.current-menu-item a:after {
    left: 0;
    width: 100%;
}

header .mainNav ul a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
    transition: .3s all;
}

header .mainNav ul a:lang(ru),
header .mainNav ul a:lang(zh-hans) {
    font-size: 1.4rem;
}


/*
header .mainNav ul a:lang(es){
    font-size: 1.2rem;
}
*/

header .secNav ul.menu a {
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 400;
}

header .secNav .social-top ul a {
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 400;
}

.innerNavItems {
    display: flex;
    justify-content: space-evenly;
}

.innerNavItems li {
    line-height: 6rem;
}

.innerNavItems li button,
.innerNavItems li a {
    height: 6rem;
    background: none;
    border: none;
    padding: 0;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #171a42;
    text-decoration: none;
}

.blog-cat-nav {
    padding-top: 15px;
    padding-bottom: 40px;
}

.tagsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5rem 0;
}

.tagsList a {
    height: 2.4rem;
    line-height: 2.4rem;
    display: block;
    border-radius: 1.2rem;
    padding: 0 1rem;
    transition: .3s all;
}

.tagsList a.current,
.tagsList a:hover {
    background-color: #ffbc99;
}

.postInfo h3,
.postInfo h2 {
    font-size: 2.4rem !important;
    font-weight: 600;
    line-height: 1.21;
    color: #ff5800;
    margin-top: 0;
}

.morePosts {
    padding-bottom: 6.5rem;
}

.morePosts h2,
.topPostList h2,
.topPostList h1 {
    font-size: 3.2rem;
    margin-bottom: 10rem;
}

.topPostList h1 {
    margin-top: 0;
}

.postInfo .date,
.postInfo .author {
    font-size: 1.3rem;
    color: #171a42;
    margin: 0;
}

.rasPost {
    width: 70rem;
    display: flex;
    margin-bottom: 7rem;
    justify-content: space-between;
}

.postCats {
    margin-top: 1rem;
}

.postCats li {
    color: #ffffff;
    font-size: 1.3rem;
    background-color: #ff5800;
    padding: 0 1rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rasPost .postThumb {
    flex: 0 0 35rem;
    width: 35rem;
    height: 21.9rem;
}

.rasPost .postInfo {
    padding-right: 1.5rem;
    box-sizing: border-box;
}

.postInfo {
    flex: 0 0 31.5rem;
    width: 31.5rem;
}

.postThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tagsList a {
    color: #191e32;
    text-decoration: none;
    font-size: 1.2rem;
    margin: .8rem 1.5rem;
}

.innerNav {
    height: 6rem;
    background-color: #fff;
    /*position: sticky;*/
    top: 8.3rem;
    z-index: 9999;
    transition: .3s all;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0);
}

.innerNav.stickush {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.navs {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer {
    background-color: #171a42;
}

.footerInner {
    padding-bottom: 9rem;
}

.footerContent {
    padding: 8rem 6rem;
}

footer nav ul {
    column-count: 3;
    padding-top: 2.2rem;
    padding-left: 7.4rem;
}

footer nav a {
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    line-height: 1.5;
}

.social {
    padding-top: 2.2rem;
    padding-left: 9rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.56;
    flex: 0 0 25.7rem;
    margin-left: auto;
}

.social li {
    padding-right: 3rem;
}

.social a {
    text-decoration: none;
    color: #ff5800;
    font-size: 2.5rem;
}

.social-top a {
    color: #ff5800;
}

.social ul {
    display: flex;
}

.social a:before,
.social-top a:before {
    font-family: 'icomoon';
}

.social .facebook a:before,
.social-top .facebook a:before {
    content: '\e902';
}

.social .twitter a:before,
.social-top .twitter a:before {
    content: '\e901';
}

.social .linkedin a:before,
.social-top .linkedin a:before {
    content: '\e900';
}

.social .youtube a:before,
.social-top .youtube a:before {
    content: '\e906';
}

.crc {
    justify-content: space-between;
}

.copyright,
.footerDocs ul a {
    color: #eae3e0;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 400;
    margin: 0;
}

.footerDocs ul {
    display: flex;
}

.footerDocs ul li {
    margin-left: 1.5rem;
}

.bigWhite {
    font-size: 10rem;
    font-weight: 400;
    line-height: 0.9;
    white-space: pre-line;
    color: #fff;
    display: block;
}

.bigWhite:lang(es) {
    font-size: 8rem;
}

.bigOrange {
    font-weight: 700;
    color: #ff5800;
    line-height: 0.9;
    font-size: 10rem;
    white-space: pre-line;
    display: block;
}

.aboutTopBnrCon {
    display: flex;
}

.aboutTopBnrCon .width114 {
    padding-top: 12rem;
}

.theParg p {
    width: 32.9rem;
    flex: 0 0 32.9rem;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 1rem;
}

.aboutOr p {
    font-size: 2.4rem;
    line-height: 1.42;
    width: 82.8rem;
}

.topAreaDescription h2 {
    font-size: 3.4rem;
    margin: 0;
}

.valueList {
    margin: 13rem 0 14rem 0;
    padding-top: 10rem;
}

.btnCon {
    display: block;
    position: relative;
}

.btnCon:after {
    position: absolute;
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: transparent;
    left: 0;
    bottom: 1.1rem;
    transition: background-color 0.3s ease-in;
}

.current .btnCon:after,
.btnCon:hover:after {
    background-color: #ff5800;
}

.valueList li {
    display: flex;
}

.valueList li:nth-child(odd) {
    flex-direction: row-reverse;
}

.valueList li:nth-child(odd) .bText {
    padding-left: 9rem;
}

.valueList li:nth-child(even) .bText {
    padding-right: 10.9rem;
}

.valueList li .bText {}

.valueList li:nth-child(1) .bText,
.valueList li:nth-child(2) .imgCon {
    padding-right: 7.4rem;
}

.valueList li:nth-child(2) .bText {
    padding-left: 7.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.valueList li:nth-child(2) {
    margin-bottom: 11rem;
}

.valueList li:nth-child(4) .bText {
    padding-left: 7.2rem;
    padding-top: 4rem;
}

.valueList li:nth-child(1) .imgCon {
    width: 65rem;
    flex: 0 0 65rem;
    height: 42.4rem;
    background-color: #171a42;
    padding: 0 0 7.2rem 7.2rem;
}

.valueList li:nth-child(4) .imgCon {
    width: 65rem;
    flex: 0 0 65rem;
    height: 42.4rem;
    background-color: #171a42;
    padding: 7.2rem 7.2rem 0 0;
}

.valueList li:nth-child(2) .imgCon {
    width: 56rem;
    flex: 0 0 56rem;
    height: 49.8rem;
    box-sizing: content-box;
}

.valueList li:nth-child(3) .imgCon {
    width: 46.6rem;
    flex: 0 0 46.6rem;
    height: 50.6rem;
    box-sizing: content-box;
    padding-left: 7.2rem;
}

.valueList li:nth-child(3) .bText {
    padding-right: 20rem;
    padding-left: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valueList li:nth-child(1) p.txt:after {
    content: '';
    display: block;
    width: 2px;
    background-color: #ff5800;
    height: 12rem;
    margin-top: 5.91rem;
    margin-bottom: 4.6rem;
}

.valueList li:nth-child(3) p {
    position: relative;
}

.valueList li:nth-child(3) p.txt:after {
    content: '';
    display: block;
    width: 2px;
    background-color: #ff5800;
    height: 12rem;
    left: 0;
    bottom: -16rem;
    position: absolute;
}

.valueList li:nth-child(3) {
    margin-bottom: 21.2rem;
}

.valueList li:nth-child(2) p.txt:after {
    content: '';
    display: block;
    height: 2px;
    background-color: #ff5800;
    width: 12rem;
    margin-top: 6.04rem;
}

.valueList li {
    position: relative;
}

.valueList li:nth-child(4):after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #ff5800;
    width: 12rem;
    display: block;
    left: 7.2rem;
    bottom: 0;
}

.valueList li .imgCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.valueList li .number {
    font-size: 10rem;
    display: block;
    font-weight: 300;
    line-height: 1;
}

.valueList li h2 {
    font-weight: 600;
    font-size: 5rem;
    margin: 2rem 0;
    line-height: 0.96;
}

.valueList li p.st {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 5px;
    margin: 0 0 3rem 0;
}

.valueList li p.txt {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0;
}

.width128 {
    width: 127rem;
    margin: auto;
}

.ourNumbers {
    padding-bottom: 9rem;
}

.ourNumbers h2 {
    font-size: 3.2rem;
    margin-bottom: 0;
}

.ourNumbers ul {
    padding: 7rem 14rem 0 14rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ourNumbers ul li {
    flex: 0 0 25%;
    padding: 0 6.25%;
}

.ourNumbers ul li:nth-child(1),
.ourNumbers ul li:nth-child(3n+4) {
    padding-left: 0;
}

.ourNumbers ul li:nth-child(3n+3) {
    padding-right: 0;
}

.ourNumbers ul li:nth-child(3n+2) {
    padding-left: 0;
}

.ourNumbers ul li .tnNumber {
    font-size: 9rem;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
}

.ourNumbers ul li .tnTi {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.fishLiustArea {
    margin-bottom: 7rem;
}

.ourNumbers ul li .tnSti {
    font-size: 1.6rem;
    font-weight: 400;
    white-space: pre-line;
}

.singleTeamCon {
    width: 90rem;
    display: flex;
    height: 100%;
}

.singleTeamMemberImg {
    width: 37.8rem;
    height: 43.2rem;
    background-size: cover;
}

.single-team-member h1 {
    font-size: 3.2rem;
}

.posInner {
    font-size: 1.6rem;
    letter-spacing: 1.5px;
}

.teamSinMain p {
    font-size: 1.6rem;
    line-height: 1.5;
}

.comSocialMenu .twitter a:before {
    content: "\E901";
    font-family: 'icomoon' !important;
    text-decoration: none;
    color: #17193f;
}

.comSocialMenu .facebook a:before {
    content: "\E902";
    font-family: 'icomoon' !important;
    text-decoration: none;
    color: #17193f;
}

.comSocialMenu .skype a:before {
    content: "\e90d";
    font-family: 'icomoon' !important;
    text-decoration: none;
    color: #17193f;
}


/* .skypes:before {
    content: "\e90d";
    font-family: 'icomoon' !important;
    text-decoration: none;
    color: #17193f;
} */

.comSocialMenu li {
    padding-right: 4.1rem;
}

.comSocialMenu {
    padding: 3rem 0;
}

.comSocialMenu li a {
    text-decoration: none;
    color: #17193f;
    font-size: 1.4rem;
}

.comSocialMenu .linkedin a:before {
    content: "\E900";
    font-family: 'icomoon' !important;
    text-decoration: none;
    color: #17193f;
}

.mail a:before {
    content: "\e916";
    font-family: 'icomoon' !important;
    padding-right: 1.9rem;
}

.teamContent {
    margin-right: 12rem;
    padding-left: 3rem;
    box-sizing: content-box;
    direction: rtl;
}

.teamContent * {
    direction: ltr;
}


/* width */

.teamContent::-webkit-scrollbar {
    width: 5px;
}


/* Track */

.teamContent::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.teamContent::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

.teamContent::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.singleTeamCon .pagination {
    position: absolute;
    right: 0;
    bottom: 0;
}

.pagination a {
    display: block;
    width: 7rem;
    height: 7rem;
    background-position: center;
    background-repeat: no-repeat;
}

.nextPost {
    background-color: #ff5800;
    background-image: url("img/next.svg");
}

.prevPost {
    background-image: url("img/prev.svg");
}

.tel a:before {
    content: "\e917";
    font-family: 'icomoon' !important;
    padding-right: 1.9rem;
}

.teamTopContactInfo a {
    font-size: 1.4rem;
    text-decoration: none;
    color: #17193f;
    display: block;
}

.teamTopContactInfo li {
    margin-bottom: 1.5rem;
}

.single-team-member #main {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team {
    width: 113.7rem;
    margin: 13rem auto;
}

.team h2 {
    font-size: 3.2rem;
    margin: 0;
}

.teamHead p {
    font-size: 1.6rem;
    line-height: 1.5;
    flex: 0 0 53.8rem;
    padding-left: 5.9rem;
    font-weight: 400;
}

.teamHead {
    margin-bottom: 5.7rem;
}

.teamList li {
    flex: 0 0 23.5%;
    margin: 1%;
}

.team #seeAll {
    display: none;
}

.teamList li:nth-child(1),
.teamList li:nth-child(4n+5) {
    margin-left: 0;
}

.teamList li:nth-child(4n+4) {
    margin-right: 0;
}

.teamList li a {
    display: block;
    position: relative;
}

.teamList li a:after {
    position: absolute;
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #ff5800;
    transition: .3s all;
    opacity: 0;
}

.teamList li a:hover:after {
    opacity: 1;
}

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

.amTeamRhumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2.4rem;
    filter: grayscale(1);
    transition: .3s all;
}

.amTeamRhumb:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background-image: linear-gradient(to bottom, rgba(33, 33, 34, 0), rgba(0, 0, 0, .7));
}

.amTeamRhumbText {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2.4rem;
}

.amTeamRhumbOver {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #ff5800;
    mix-blend-mode: soft-light;
    opacity: 0;
    transition: .3s all;
}

.teamList {
    flex-wrap: wrap;
}

.teamList a:hover .amTeamRhumb {
    transform: scale(1.1);
}

.teamList a:hover .amTeamRhumbOver {
    opacity: .5;
}

.amTeamRhumbText h3,
.amTeamRhumbText p {
    position: relative;
    color: #fff;
}

.amTeamRhumbText h3 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
}

.amTeamRhumbText p {
    margin: 0;
    font-size: 1.4rem;
}

.singleContent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #171a42;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}

.singleTeamMemberImg,
.theContentCon {
    opacity: 0;
}

.single-team-member .singleTeamMemberImg,
.single-team-member .theContentCon {
    opacity: 1;
}

.single-team-member header {
    background-color: #171a42;
}

.teamContent {
    height: 100%;
    overflow: auto;
}

.singleContent.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999999999;
}

.singleContent .content-area {
    height: calc(100vh - 7.8rem);
    width: calc(100% - 7.8rem);
    position: absolute;
}

.singleContent #primary {}

.wbg {
    width: 0;
    background-color: #fff;
}

.singleContent .site-main {
    padding: 7.8rem;
    position: relative;
    height: 100%;
}

.prloader {
    background-image: url("img/ldr.svg");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999999;
    transition: .3s all;
}

.prloader.hide {
    opacity: 0;
    visibility: hidden;
}

.staticBtns {
    padding-left: 7.8rem;
    position: relative;
    z-index: 1;
}

#closeSingle,
#closeContact {
    width: 7rem;
    height: 7rem;
    padding: 0;
    background-image: url("img/close.svg");
    background-size: 7rem;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    z-index: 11;
}

.bCon {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.newsNEvents {
    padding-bottom: 10rem;
}

.basicGrid {
    width: 114rem;
    margin-left: auto;
    margin-right: auto;
}

.threeFutureEvents {
    display: flex;
    width: 100%;
    padding: 0 4.5rem;
    flex-wrap: wrap;
}

.newsNEvents h2 {
    font-size: 3.2rem;
    margin: 0 0 6.7rem 0;
}

.page-template-mission .newsNEvents {
    margin-top: 6rem;
}

.threeFutureEvents li {
    flex: 0 0 33.3333%;
    padding: 0 4.5rem;
}

.cphone,
.cmail,
.skypes {
    padding-left: 3.5rem;
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: 400;
}

.cphone {
    letter-spacing: 5px;
}

.cmail {
    letter-spacing: 3px;
}

.contactRight .cphone {
    background-image: url("img/orange_phone.svg");
}

.contactRight .extra-svg {
    position: absolute;
    top: 100%;
    margin-top: -130px;
    right: 0;
}

.contactRight .cmail {
    background-image: url("img/orange_mail.svg");
}

.cphone {
    background-image: url("img/blue_phone.svg");
}

.cmail {
    background-image: url("img/blue_mail.svg");
}

.cpi .skypes {
    background-image: url('/wp-content/uploads/2021/12/skype-brands.svg');
}

#select-pop-new {
    border: 1px solid #D7D7D7;
    color: #757575;
    padding: 11px;
    max-width: 600px;
    position: relative;
    font-size: 26px;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.3s ease;
    min-height: 63px;
    margin-bottom: 25px;
    background-color: transparent;
    z-index: 9;
    line-height: normal;
    /* for Firefox */
    -moz-appearance: none;
    /* for Safari, Chrome, Opera */
    -webkit-appearance: none;
}

.choose_option.wpcf7-form-control-wrap {
    position: relative;
}

#active-select-pop i,
.choose_option.wpcf7-form-control-wrap:after {
    content: '';
    width: 26px;
    height: 15px;
    background-image: url(/wp-content/uploads/2021/11/Path.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 4px;
    top: 50%;
    background-color: white;
    margin-top: -11px;
    background-size: contain;
    transition: transform 0.3s ease;
    padding: 0 14px;
}

#select-pop>li {
    font-size: 26px;
    font-weight: 700;
    padding: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#select-pop>li.active {
    background-color: #171a42;
    color: white;
}

.contactLeft.dev .form>div {
    display: none;
}

.contactLeft.dev .form .sm.lsn {
    display: none;
}

.liC {
    border-bottom: solid 1px #9b9b9b;
    padding-bottom: 3.5rem;
    text-decoration: none;
    color: #171a42;
    display: block;
    position: relative;
}

.liC:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0 0.575rem 0.65rem;
    border-color: transparent transparent transparent #171a42;
    right: 0;
    bottom: 3.8rem;
}

.threeFutureEvents li .evThumb {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
}

.threeFutureEvents li .evDate {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 5px;
    display: block;
    margin: 2.9rem 0;
}

.threeFutureEvents li h3 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    width: 60%;
    height: 7.2rem;
}

.sersuc .sRight h2 {
    width: 100%;
}

.sersuc .sRight p {
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.17;
    font-weight: 400;
}

.sRightContent li {
    font-size: 2.4rem;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 1rem;
}

.sRightContent strong {
    font-weight: 400;
    color: #ff5800;
}

.sRightContent ul {
    list-style: disc;
    padding-left: 2rem;
}

.dl {
    margin-top: 2.9rem;
    margin-bottom: 2.6rem;
    align-items: flex-start;
}

.mne .threeFutureEvents li .evDate {
    font-weight: 400;
    margin: 0 0 .5rem 0;
}

.evLoc {
    background-image: url("img/location_icon.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    height: 1.1rem;
    font-size: 1.4rem;
    padding-left: 1.5rem;
}

.evStand {
    margin-top: 1.5rem;
    display: block;
    font-size: 1.4rem;
    height: 2rem;
    font-weight: 600;
}

.mne li .liC {
    border-bottom: solid 1px #ff5800;
    padding-bottom: 1rem;
    height: 100%;
}

.evOrTri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0 0.575rem 0.65rem;
    border-color: transparent transparent transparent #ff5800;
    position: relative;
    top: .7rem;
}

.mne .liC:after {
    display: none;
}

.trih {
    justify-content: space-between;
}

.evBtnsCon,
.evBtnsCon2 {
    position: absolute;
    top: 20%;
    z-index: 9999;
    width: 100%;
}

.evBtnsCon2 {
    top: calc(50% - 2.6rem);
}

.evBtnsCon .slick-next,
.evBtnsCon2 .slick-next {
    right: 0;
}

.evBtnsCon button,
.evBtnsCon2 button {
    padding: 0;
    border-radius: 50%;
    width: 5.2rem;
    height: 5.2rem;
    border: 1px solid #171a42;
    background-color: transparent;
    vertical-align: middle;
    position: absolute;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.evBtnsCon2 button {
    background-color: #fff;
}

.nextTri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0 0.575rem 0.65rem;
    border-color: transparent transparent transparent #171a42;
    display: inline-block;
}

.prevTri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0.65rem 0.575rem 0;
    border-color: transparent #171a42 transparent transparent;
    display: inline-block;
}

.line {
    display: block;
}

.line b {
    color: #ff5800;
    font-weight: 700;
}

h2.basicH2 {
    font-size: 3.2rem;
}

.steps {
    display: flex;
}

.stepByStepArea {
    position: relative;
    z-index: 1;
    padding-bottom: 10rem;
}

.steps li {
    flex: 0 0 20%;
    text-align: center;
    display: flex;
    position: relative;
    cursor: pointer;
}

.stepiconCon {
    width: 12.6rem;
    height: 12.6rem;
    border-radius: 50%;
    transition: .3s all;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/*.steps li:hover .stepiconCon{
    box-shadow: 0 2px 12px 0 rgba(170, 170, 170, 0.3);
}*/

.steps h3 {
    text-align: center;
    white-space: pre-line;
    font-size: 1.6rem;
    line-height: 1.25;
}

.bltCon {
    flex-grow: 1;
}

.steps p {
    position: absolute;
    width: 73.5rem;
    padding: 4.6rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    left: calc(-36.75rem + 50%);
    right: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0);
    transition: .3s all;
    visibility: hidden;
    transform: translateY(5rem);
}


/*.steps li:hover p{
     background-color: rgba(255,255,255,1);
}*/

.pText {
    transition: .3s all ease-in-out;
    opacity: 0;
    position: relative;
}


/*.steps li:hover .pText{
 opacity: 1;   
    
}*/

.pBorder {
    background-color: #9b9b9b;
    position: absolute;
}

.topBorder {
    width: 0;
    height: 1px;
    top: 0;
    left: 0;
}

.rightBorder {
    height: 0;
    width: 1px;
    right: 0;
    top: 0;
}

.bottomBorder {
    width: 0;
    height: 1px;
    bottom: 0;
    right: 0;
}

.leftBorder {
    height: 0;
    width: 1px;
    left: 0;
    bottom: 0;
}

.steps p:before {
    width: 1px;
    height: 0;
    background-color: #9b9b9b;
    position: absolute;
    top: -6rem;
    left: 50%;
    content: '';
    display: block;
    transition: .3s all;
}


/*.steps li:hover .topBorder,.steps li:hover .bottomBorder{
    width: 100%;
}
.steps li:hover .rightBorder,.steps li:hover .leftBorder{
    height: 100%;
}
.steps li:hover p:before{
    
 height: 6rem;   
}
.steps li:hover p{
   
    visibility: visible;
    
}*/

.arrCon {
    flex: 0 0 1rem;
    margin-top: 5.3rem;
}

.arrConTri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.8px 0 8.8px 10px;
    border-color: transparent transparent transparent #ff5900;
}

.steps li:last-child .arrCon {
    display: none;
}

.fiftyPerBulletsArea .sRight {
    background-color: #fff;
}

.fiftyPerBulletsArea h2,
.fiftyPerBulletsArea p,
.fiftyPerBulletsArea a {
    color: #171a42 !important;
}

.fiftyPerBulletsArea .sLeft,
.fiftyPerBulletsArea .sRight {
    background-size: cover;
    background-position: center;
}

.fiftyPerBulletsArea .row:nth-child(even) {
    flex-direction: row-reverse;
}

.fiftyPerBulletsArea a {
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    background-image: url("img/linkArr.svg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 2.5rem;
    transition: .3s all;
}

.fiftyPerBulletsArea a:hover {
    padding-right: 3rem;
}

.fiftyPerBulletsArea .row p {
    font-size: 1.6rem;
    line-height: 1.5;
    white-space: pre-line;
    margin: 6rem 0 3rem 0;
}

.fishList li {
    flex: 0 0 33.3333%;
    border-bottom: solid 0.3px rgba(23, 26, 66, .3);
    padding-bottom: 15%;
    height: 0;
    position: relative;
}

.fishList li:nth-child(n+8) {
    display: none;
}

.fishList li h3 {
    font-size: 2rem;
    margin: 0 0 0 0;
}

.fishList li p {
    font-size: 1.4rem;
    margin: 0;
}

.fishCon {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*flex-direction: column-reverse;*/
    justify-content: center;
    align-items: center;
    padding: 7rem;
}

.fishCon .fishText {
    width: 22.6rem;
    text-align: left;
    margin-left: -4rem;
}

.fishList li:nth-child(1) .fishCon,
.fishList li:nth-child(4n+2) .fishCon,
.fishList li:nth-child(4n+7) .fishCon {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fishList li:nth-child(1) .fishText,
.fishList li:nth-child(4n+2) .fishText,
.fishList li:nth-child(4n+7) .fishText {
    margin-left: 0;
}

.fishList li:nth-child(1),
.fishList li:nth-child(5n+1),
.fishList li:nth-child(5n+2) {
    flex: 0 0 50%;
    padding-bottom: 15%;
    height: 0;
    border-right: solid 0.3px rgba(23, 26, 66, .3);
}

.fishList li:nth-child(5n+3),
.fishList li:nth-child(5n+4) {
    border-right: solid 0.3px rgba(23, 26, 66, .3);
}

.fishList li:nth-child(1),
.fishList li:nth-child(4n+2) {
    border-right: solid 0.3px rgba(23, 26, 66, .3);
}

.topFishArea {
    background-color: #171a42;
    padding: 6rem 7rem;
}

.topFishArea h2 {
    font-size: 3.2rem;
    margin: 0;
}

.topFishArea p {
    font-size: 1.6rem;
    line-height: 1.5;
    width: 46.6rem;
    font-weight: 400;
    margin: 1rem 0 0 0;
}

.topFishArea h2,
.topFishArea p {
    color: #fff;
}

.threeProjects li {
    flex: 0 0 32%;
    height: 0;
    padding-bottom: 22%;
    position: relative;
}

.threeProjects {
    display: flex;
    justify-content: space-between;
}

.threeProjects .liC {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    border: none !important;
}

.threeProjects .evThumb {
    height: 100%;
    padding: 2rem 2.9rem;
}

.projThumb {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.projThumb h3,
.projThumb p {
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
}

.projThumb h3 {
    font-weight: 400;
    font-size: 1.6rem;
}

.projThumb p {
    font-weight: 600;
    font-size: 2rem;
}

.threeProjects .liC:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(23, 26, 66, 0), #171a42);
    mix-blend-mode: multiply;
    opacity: .5;
}

.projectsArea h2 {
    margin: 6rem 0;
}

.sev {
    margin-top: 9rem;
}

.serviceList {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8.8rem;
    padding-bottom: 4rem;
}

.serviceList li {
    flex: 0 0 29%;
    margin: 0 3.2%;
    margin-bottom: 4rem;
}

.serviceList li h2 {
    font-size: 2.4rem;
}

.serviceList li p {
    font-size: 1.8rem;
    line-height: 1.33;
}

.serviceList li:nth-child(1),
.serviceList li:nth-child(3n+4) {
    margin-left: 0;
}

.serviceList li:nth-child(3n+3) {
    margin-right: 0;
}

.newsThumb {
    width: 17rem;
    flex: 0 0 17rem;
    height: 17rem;
    background-size: cover;
}

.bigDay {
    font-size: 5rem;
    line-height: 1.2em;
    display: block;
    text-align: center;
}

.my {
    font-size: 1.6rem;
    display: block;
    letter-spacing: 1.5px;
    white-space: nowrap;
    text-align: center;
}

.ex p {
    font-size: 1.8rem;
    line-height: 1.33;
    margin: 0;
}

.onlyNewsList li {
    display: flex;
    align-items: center;
    border-top: 1px solid #ececec;
}

.onlyNewsList li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #171a42;
    width: 100%;
}

.onlyNewsList li .ex {
    flex-grow: 1;
}

.newsDate {
    padding: 0 6rem;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 15rem;
}

.ns {
    width: 1px;
    height: 6.2rem;
    background-color: #ececec;
    margin-right: 4.5rem;
}

.onlyNewsList li h3 {
    font-size: 2.4rem;
    margin: 0;
}

.btri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.575rem 0 0.575rem 0.65rem;
    border-color: transparent transparent transparent #171a42;
    right: 0;
    bottom: 3.8rem;
}

.onlyNews h2 {
    font-size: 3.2rem;
    margin: 0 0 6.7rem 0;
}

.onlyNews {
    padding-bottom: 13rem;
}

#backTop {
    position: absolute;
    right: 6rem;
    top: 4rem;
    ;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1.6rem;
    background-image: url("img/upTri.svg");
    background-position: right top 8px;
    background-repeat: no-repeat;
    padding-right: 2rem;
    font-weight: 400;
    transition: .3s all;
}

#backTop:hover {
    background-position: right top 4px;
}

#loadMore {
    transition: .3s all;
}

#loadMore.inactive,
#seeAll.inactive,
#seeAllFish.inactive {
    opacity: .1;
    pointer-events: none;
    filter: grayscale(1);
}

#seeAll,
#loadMore {
    background-position: center;
    background-repeat: no-repeat;
}

#seeAll.loading {
    background-image: url("img/form_loader.svg");
}

.toEnter {
    position: relative;
    opacity: 0;
    animation: .3s enterNews;
    animation-fill-mode: forwards;
}

.downloadBtn {
    line-height: 4.9rem;
    background-color: #ff5800;
    font-size: 1.4rem;
    padding: 0 4.5rem 0 2rem;
    background-image: url("img/narrow.svg");
    background-position: right center;
    background-repeat: no-repeat;
}

.btriCon {
    flex: 0 0 13.3rem;
    justify-content: flex-end;
    padding-left: 6rem;
    box-sizing: content-box;
}

.postContent {
    padding-top: 18rem;
    padding-bottom: 12rem;
    justify-content: space-between;
}

.postContent h1 {
    font-size: 3.2rem;
}

.postWidth {
    width: 65.7rem;
}

.st {
    letter-spacing: 5px;
}

.btt {
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: #171a42;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5rem;
}

.btt:before {
    position: absolute;
    left: -3rem;
    content: '';
    display: block;
    margin-right: 4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.75px 6.5px 5.75px 0;
    border-color: transparent #171a42 transparent transparent;
}

.eventInfo {
    width: 27rem;
    border: solid 1px #ececec;
    border-top: solid 2px #ff5800;
    padding: 0 2rem;
    margin-top: 15rem;
}

.stand {
    font-size: 2.2rem;
    font-weight: 600;
}

.label {
    font-size: 1.6rem;
    font-weight: 600;
    flex: 0 0 7rem;
}

.infoP {
    display: flex;
}

.bottomImage {
    height: 0;
    padding-bottom: 46%;
    background-size: cover;
    margin-bottom: 9rem
}

.singleRow {
    flex-direction: row-reverse;
}

.galCon {
    position: relative;
    padding-bottom: 46%;
    height: 0;
}

.galConAbs ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.newsList {
    display: flex;
}

.lastNewsMoudole {
    width: 66rem;
    height: 17rem;
    background-color: rgba(255, 255, 255, .15);
    padding: 2rem 2rem;
}

.lastNewsMoudole h2 {
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 3rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
}

.lastNewsMoudole li h3 {
    font-weight: 400;
}

.lastNewsMoudole li a {
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: none;
    color: #fff;
    padding: 0;
}

.lastNewsMoudole li h3::first-line {
    font-weight: 600;
}

.lastNewsMoudole li h3 {}

.newsList .slick-dots {
    display: flex;
    padding-left: 3rem;
}

.newsList .slick-dots button {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    padding: 0;
    background-color: #fff;
    opacity: .5;
    transition: .3s all;
    border: none;
    margin-right: 5px;
}

.ourProjects {
    background-color: #171a42;
    padding: 7rem 0;
}

.onDemanDetails .projThumb {
    width: 20rem;
    height: 11rem;
    background-position: center;
    background-size: cover;
    flex: 0 0 20rem;
}

.onDemanDetails {
    background-color: #fff;
    padding: 2rem;
    width: 58rem;
}

.mdt {
    padding-left: 2rem;
}

.mdt h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1rem;
}

.liCa {
    text-decoration: none;
    color: #171a42;
}

.op .liCa {
    flex-direction: row-reverse;
}

.op {
    transform: translate(-100%, 0);
}

.op .liCa:hover .ond,
.op .liCa:focus .ond {
    flex-direction: row-reverse;
    right: auto;
    left: auto;
    margin-right: -1rem;
}

.theItems {
    margin-top: 3.5rem;
}

.ond {
    position: relative;
}

.mediaItems a {
    text-decoration: none;
    color: #171a42;
}

.embed-twitter {
    min-height: 1000px;
    width: 100%;
    max-width: 900px;
}

.eapps-twitter-feed-posts-container,
.eapps-twitter-feed-inner,
#eapps-twitter-feed-1 .eapps-twitter-feed-container {
    min-height: 1000px !important;
}

.mediaItems[data-type="LATEST NEWS"] {
    justify-content: center;
}

.page-template-press_n_download .innerNav button {
    border-bottom: 5px solid transparent;
    transition: .3s all;
    box-sizing: border-box;
}

.page-template-press_n_download .innerNav button.active {
    border-bottom: 5px solid #ff5800;
}

.page-template-press_n_download .innerNav {
    border-bottom: solid 1px rgba(151, 151, 151, 0.3);
}

.page-template-press_n_download .innerNavItems li {
    text-align: center;
    padding: 0 15px;
}

.page-template-press_n_download .innerNavItems .btnCon:after {
    height: 5px;
    bottom: 0;
}

.page-template-press_n_download .innerNavItems .btnCon:hover:after {
    background-color: #ff5800;
}

.innerNav .slick-track {
    width: 100% !important;
    transform: none !important;
    display: flex;
    justify-content: center;
}

.innerNav .slick-list {
    width: 100% !important;
}

.mediaItems {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.page-template-press_n_download .innerNavItems {
    display: flex;
    margin: auto;
    width: 100%;
    justify-content: center;
}

.page-template-press_n_download header {
    background-color: rgba(23, 26, 66, 1);
}

.mediaItems li {
    flex: 0 0 48%;
    height: 22rem;
    border: solid 1px rgba(151, 151, 151, 0.3);
    margin-bottom: 5%;
}

.page-template-press_n_download h1 {
    font-size: 3.2rem;
    margin: 6rem 0;
}

.mediaItems li a {
    height: 100%;
    padding: 2rem;
    padding-bottom: 50px;
}

.mediaItems li h3 {
    font-size: 2.4rem;
    margin-top: 0;
}

.contactPerson {
    margin-bottom: 6rem;
}

.contactPerson h3 {
    font-size: 2.4rem;
    margin-bottom: 0;
    margin-top: 0;
}

.cpi.fcpi {
    border-right: solid 1px #9b9b9b;
    padding-left: 0;
    height: 7rem;
}

.contactPerson p {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

.contactPerson a {
    font-size: 1.4rem;
    text-decoration: none;
    color: #171a42;
}

.cpi {
    flex: 0 0 25%;
    padding-left: 5rem;
}

.mediaItems li p {
    font-size: 1.6rem;
    max-width: 29rem;
}

.filesImage {
    width: 100%;
    height: 8.8rem;
    background-position: center;
    background-repeat: no-repeat;
}

.items {
    padding-bottom: 10rem
}

.pressTop {
    padding-top: 17rem;
}

.button180.orange {
    background-color: #ff5800;
    padding: 0 9rem;
}

.liCa:hover .ond,
.liCa:focus .ond {
    display: flex;
    visibility: visible;
    opacity: 1;
    position: relative;
    margin-top: -8rem;
    margin-left: -1rem;
    margin-right: 0;
    left: auto;
}

.marker {
    align-self: flex-start;
}

.liCa:hover .marker path,
.liCa:focus .marker path {
    fill: #ff5800;
    stroke: #ff5800;
}

.marker:hover,
.liCa:focus .marker {
    z-index: 9999999;
}

.liCa .marker path {
    transition: .3s all;
}

.ond {
    visibility: hidden;
    transition: .3s opacity;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: -99999rem;
}

.rib {
    width: 6.9rem;
    height: 5.1rem;
    border-top: 1px solid #ff5800;
    border-left: 1px solid #ff5800;
    position: relative;
    top: 2rem;
}

.op .rib {
    border-top: 1px solid #ff5800;
    border-left: none;
    border-right: 1px solid #ff5800;
}

.ourProjects .liC {
    border-bottom: none;
}

.ourProjects .liC {
    border-bottom: none;
}

.mdt p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.13;
    margin-top: 0;
}

.ourProjects h2 {
    margin-top: 0;
    margin-bottom: 5.7rem;
    color: #fff;
    font-size: 5rem;
    font-weight: 600;
}

.map {
    width: 96.3rem;
    height: 53.3rem;
    background-image: url("img/world.svg");
    background-size: 96.3rem 53.3rem;
    margin: 0 auto;
}

.newsList .slick-dots .slick-active button {
    opacity: 1;
}

.lastNewsMoudole {
    position: absolute;
    bottom: 0;
    left: 0;
}

.lastNewsMoudole li.ni {
    flex: 0 0 50%;
    padding: 0 3rem;
}

.page-template-evnets-n-news header {
    background-color: #171a42;
}

.page-template-evnets-n-news .site-main {
    margin-top: 20rem;
}

#loadMoreProjects {
    display: inline-block;
    margin-top: 5rem;
}

#loadMoreProjects.inactive {
    opacity: .3;
    pointer-events: none;
}

.psr .sLeft,
.psr .sRight {
    height: 100vh;
}

.projectGallery .slick-next {
    right: 4rem;
}

.projectGallery .slick-prev {
    left: 4rem;
}

.newsletterSticky {
    background-color: #171a42;
    bottom: -10rem;
    width: 100%;
    position: sticky;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s all;
    height: 0;
    overflow: hidden;
}

.newsletterSticky.stick {
    bottom: 0;
    height: 10.3rem;
}

.newsletterSticky.hide {
    bottom: -10rem !important;
    height: 0;
}

.newsletterSticky .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.newsletterSticky.hideHard {
    bottom: -10rem !important;
    height: 0 !important;
}

.newsletterSticky form,
.newsletter form {
    position: relative;
}

.newsletterSticky span.wpcf7-not-valid-tip,
.newsletter span.wpcf7-not-valid-tip {
    position: absolute;
    white-space: nowrap;
    left: 1rem;
    font-size: 1rem;
    bottom: 0;
    color: #ff5800;
    pointer-events: none;
}

.headerOC {
    border: none;
    background: none;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 400;
    justify-content: center;
    align-self: flex-start;
    display: block;
    padding: 0;
    margin-left: 4rem;
}

header .secNav ul a {
    transition: .3s all;
}

.newsletterSticky div.wpcf7-response-output,
.newsletter div.wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    color: #fff;
}

.newsletterSticky div.wpcf7-response-output {
    position: absolute;
    top: 0;
    left: 105%;
    width: 20rem;
}

.newsletterSticky div.wpcf7-validation-errors,
.newsletterSticky div.wpcf7-acceptance-missing,
.newsletter div.wpcf7-validation-errors,
.newsletter div.wpcf7-acceptance-missing {
    display: none !important;
}

#clsNl {
    position: absolute;
    right: 1rem;
    top: 1rem;
    padding: 0;
    width: 1.3rem;
    height: 1.3rem;
    background-image: url("img/cls_nl.svg");
    background-size: contain;
    border: none;
    background-color: transparent;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    padding-left: 0;
    margin-left: 0;
    border: none;
    font-size: 1.4rem;
}

.newsletterSticky p {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
}

.newsletterSticky form .frame {
    border: solid 2px #ff5800;
    border-radius: 5px;
    margin-left: 3rem;
    display: flex;
}

.newsletter form .frame {
    border: solid 2px #ff5800;
    border-radius: 5px;
    display: flex;
}

.newsletterSticky input[type="email"],
.newsletter input[type="email"] {
    width: 19rem;
    color: #fff;
}

.newsletterSticky input[type="submit"],
.newsletter input[type="submit"] {
    border-left: solid 2px #ff5800;
    width: 6rem;
    background-image: url("img/nl_send.svg");
    background-position: center;
    background-repeat: no-repeat;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    top: 2rem;
    right: -2rem;
    background-image: url("img/form_loader.svg") !important;
}

.newsletterSticky input,
.newsletter input {
    height: 5rem;
    background-color: transparent;
    font-size: 1.4rem;
    padding: 0 1.5rem;
    border: none;
}

.contactPopUp {
    background-color: #fff;
    padding-bottom: 10rem;
    z-index: 99999999;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
}

.contactPopUp.show {
    visibility: visible;
    opacity: 1;
}

.contactLeft {
    flex: 0 0 68%;
    padding-left: 10%;
    padding-right: 12rem;
}

.contactRight {
    flex: 0 0 32%;
    background-color: #171a42;
    padding: 0 7rem 7rem 7rem;
    width: 32%;
    box-sizing: border-box;
    position: relative;
}

.steps li.active .stepiconCon {
    box-shadow: 0 2px 12px 0 rgba(170, 170, 170, 0.3);
}

.steps li .stepiconCon img {
    width: 60px;
}

.steps li.active p {
    visibility: visible;
}

.steps li.active p:before {
    height: 6rem;
}

.steps li.active p {
    background-color: rgba(255, 255, 255, 1);
}

.steps li.active .pText {
    opacity: 1;
}

.steps li.active .topBorder,
.steps li.active .bottomBorder {
    width: 100%;
}

.steps li.active .rightBorder,
.steps li.active .leftBorder {
    height: 100%;
}

.contactLeft .bg {
    width: 34rem;
}

.contactBottom .bg {
    width: 39rem;
}

.contactLeft .wpcf7-form-control-wrap,
.contactLeft .mfr {
    flex: 0 0 50%;
}

.contactBottom ul {
    display: flex;
    flex-wrap: wrap;
    width: 50vw;
}

.contactBottom ul .cname {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
}

.contactBottom h3 {
    margin-bottom: 10px;
}

.contactBottom {
    /* padding-left: calc(10% + 7rem); */
    padding-top: 7.3rem;
}

.contactRight li {
    border-bottom: solid 1px #9b9b9b;
    padding-bottom: 2rem;
    margin-bottom: 7rem;
}

.contactBottom a {
    letter-spacing: 3px;
    color: #171a42;
}

.morePadd {
    padding-left: 7rem;
    padding-top: 2rem;
}

.contactBottom li {
    border-bottom: solid 1px #9b9b9b;
    padding-bottom: 2rem;
    width: 43%;
    margin: 0 20px;
}

.contactRight .sm {
    margin-top: 15rem;
}

.contactRight ul {
    margin-top: 7rem;
}

.contactRight h3,
.contactBottom h3 {
    font-size: 2.2rem;
}

.contactRight h3,
.contactBottom h3 {
    font-weight: 600;
}

.contactRight p,
.contactBottom a,
.contactRight a {
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: none;
    display: block;
}

.contactRight p,
.contactRight a,
.contactRight h3 {
    color: #fff;
}

.contactLeft h2 {
    font-size: 3.2rem;
    padding-top: 5rem;
}

.sm {
    font-size: 1.6rem;
    letter-spacing: 3px;
}

.bg {
    font-size: 2.6rem !important;
    font-weight: 600;
    white-space: pre-line;
    width: 27rem;
    line-height: 1.08 !important;
}

.jobsCategoriesList {
    flex-wrap: wrap;
    justify-content: space-between;
}

.jobsCategoriesList li {
    flex: 0 0 36.7rem;
    height: 19.3rem;
    background-size: cover;
    background-position: center;
    margin-bottom: 2.3rem;
}

.jobsCategoriesList li button {
    padding: 0 0 3.2rem 3.2rem;
    width: 100%;
    height: 100%;
    border: none;
    position: relative;
    box-sizing: border-box;
}

.jobsCategoriesList li button:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, .7));
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s all;
}

.jobsCategoriesList li button:hover:before,
.jobsCategoriesList li button.on:before {
    opacity: .5;
}

.cbti {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
}

.cbti h3 {
    font-size: 2.4rem;
    color: #fff;
    margin: 0;
    font-weight: 500;
    transition: .3s all;
}

.jobsCategoriesList li button:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    background-color: #ff5800;
    width: 0;
    transition: .3s all;
}

.jobsCategoriesList li button:hover:after,
.jobsCategoriesList li button.on:after {
    width: 100%;
}

.jobsCategoriesList li button:hover h3,
.jobsCategoriesList li button.on h3 {
    color: #ff5800;
}

.jobsCategories h2 {
    text-align: center;
    font-size: 3.2rem;
    margin: 6.4rem 0 3.4rem;
}

.selectedCategory {
    font-size: 3.2rem;
    font-weight: 600;
    margin: 0;
    padding: 6.7rem 0;
}

.postionsArea {
    background-color: #f3f3f3;
}

.jobsList {
    padding-bottom: 5rem;
    background-image: url("img/form_loader.svg");
    background-position: center;
    background-repeat: no-repeat;
    min-height: 20rem;
    background-size: 5rem;
}

.jobsList.noLoad {
    background: none;
}

.jobsList li {
    border: solid 1px #eceaea;
    background-color: #ffffff;
    min-height: 20.6rem;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: .3s all;
    overflow: hidden;
    margin-bottom: 2.2rem;
    animation: .5s upJob;
    opacity: 0;
    animation-fill-mode: forwards;
}

.sorry {
    max-width: 80rem;
    text-align: center;
    margin: auto;
    color: #383838;
}

.sorry h2 {
    font-size: 2rem;
    font-weight: 400;
}

.jobsList li a {
    padding: 4rem 2rem;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #171a42;
}

@keyframes upJob {
    0% {
        top: 2rem;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.jobsList li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #171a42;
    width: 0;
    transition: .3s all;
}

.loadJob {
    height: 4.9rem;
    background-color: #ff5800;
    font-size: 1.4rem;
    color: #fff;
    border: none;
    position: absolute;
    right: 0;
    bottom: -4.9rem;
    background-image: url("img/arrow.svg");
    background-position: right 2rem center;
    background-repeat: no-repeat;
    padding: 0 6rem 0 2rem;
    transition: .3s all ease-in;
    display: flex;
    align-items: center;
}

.jobsList li:hover .loadJob {
    bottom: 0;
}

.arrow::before {
    top: 12px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}

.jobsList li:hover {
    box-shadow: 0 2px 4px 2px #e0dfdf;
    border: solid 1px #eceaea;
}

.jobsList li:hover:before {
    width: 100%;
}

.jobsList li p {
    flex-grow: 1;
    margin-top: 0;
}

.jobsList li h3 {
    font-size: 2.4rem;
    margin: 0;
}

.jLocation,
.jCategory {
    color: #ff5800;
    font-size: 1.4rem;
}

.jCategory {
    margin-left: 3.1rem;
}

.jLocation {
    background-image: url("img/orang_marker.svg");
    background-position: left center;
    padding-left: 2rem;
    background-repeat: no-repeat;
}

@keyframes enterNews {
    0% {
        top: 1rem;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.form input {
    border: none;
    border-bottom: 1px solid #9b9b9b;
    font-size: 1.6rem;
    letter-spacing: 3px;
    width: 90%;
    line-height: 5rem;
}

.form .acceptance {
    margin-bottom: 20px;
}

.form .acceptance .wpcf7-list-item {
    margin: 0;
}

.form .acceptance .wpcf7-list-item-label {
    font-size: 14px;
    line-height: 40px;
}

.form .acceptance input[type="checkbox"] {
    width: auto;
}

.radio-form .form input {
    width: auto;
}

.radio-form .form .wpcf7-list-item {
    margin: 0;
    font-size: 20px;
    display: block;
    margin-bottom: 7px;
}

.radio-form .form {
    margin-bottom: 25px;
}

.radio-form h2 {
    padding: 0;
    margin-bottom: 20px;
}

.topContact {
    position: relative;
}

.topContact .form {
    position: relative;
}

.topContact .extra-svg {
    position: absolute;
    bottom: -200px;
    right: 0;
}

.topContact .extra-svg-2 {
    position: absolute;
    top: 230px;
    left: 80px;
    transform: rotate(90deg);
}

.topContact .form input {
    width: 100%;
}

.contactBottom .sm {
    margin-top: 0;
}

.sm.lsn {
    letter-spacing: normal;
    width: 50rem;
}

.sm.lsn a {
    font-weight: 500;
    text-decoration: none;
    color: #171a42;
}

.form select {
    width: 95%;
    border: none;
    border-bottom: 1px solid #9b9b9b;
    line-height: 6rem;
    height: 6rem;
    margin-bottom: 5rem;
    font-size: 1.6rem;
    color: #757575;
}

.form input[type="submit"] {
    border: solid 2px #ff5800;
    border-radius: 5px;
    width: auto;
}

.form textarea {
    font-size: 1.6rem;
    width: 95%;
    padding: 2rem;
    border: 1px solid #9b9b9b;
    height: 18rem;
    margin-bottom: 3rem;
}

.formFlex {
    justify-content: space-between;
    margin-bottom: 5rem;
}

.formFlex>div {
    width: 100%;
}

#videoFromFile {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#videoFromFile video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.techItem {
    z-index: 9999;
    pointer-events: none;
    height: 2.2rem;
    width: 2.2rem;
}

.techItem .button,
.techItem button {
    padding: 0;
}

.techItem:hover,
.techItem:focus {
    z-index: 9999999999;
}

.techExplained {
    background-size: 16px 16px;
    background-image: linear-gradient(to top, rgba(0, 0, 20, .15) 0, transparent 1px), linear-gradient(to left, rgba(0, 0, 20, .15) 0, transparent 1px), linear-gradient(to bottom, #000 0, transparent 0), linear-gradient(to right, #000 0, transparent 0);
}

.techItem .button,
.techItem button {
    height: 2.2rem;
    width: 2.2rem;
    border-radius: 50%;
    background-color: #ff5800;
    border: none;
    pointer-events: all;
    display: block;
}

.productStage img.pImg {
    width: 100%;
    height: auto;
}

.techItem {
    position: absolute;
}

.techItem:nth-child(1) {
    top: 10%;
    left: 12%;
}

.techItem:nth-child(2) {
    top: 2%;
    right: 44%;
}

.techItem:nth-child(3) {
    top: 29%;
    right: 10%;
}

.techItem:nth-child(4) {
    bottom: 39%;
    left: 49%;
}

.techItem:nth-child(5) {
    bottom: 31%;
    left: 31%;
}

.techItem:nth-child(6) {
    bottom: 52%;
    left: 24%;
}

.techExplainedBullet {
    background-color: #fff;
    position: absolute;
    width: 49.8rem;
    padding: 1.5rem;
    box-sizing: border-box;
    border: 1px solid #ff5800;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s all;
}

.techItem:hover .techExplainedBullet,
.techItem:focus .techExplainedBullet {
    opacity: 1;
    visibility: visible;
}

.techItem .techExplainedBullet {
    bottom: 6rem;
    left: -3rem;
}

.techItem:nth-child(3) .techExplainedBullet {
    bottom: 6rem;
    right: -12rem;
    left: auto;
}

.techItem .techExplainedBullet {
    z-index: 9999;
}

.techItem:nth-child(3) .techExplainedBullet:before,
.techItem:nth-child(3) .techExplainedBullet:after {
    right: 12.7rem;
    left: auto;
}

.mobileImgCon {
    width: 100%;
    pointer-events: none;
}

.techExplainedBullet:before {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #ff5900 transparent transparent transparent;
    bottom: -10px;
    left: 3rem;
}

.techExplainedBullet:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    bottom: -9px;
    left: 3rem;
}

.topTwolines {
    font-weight: 600;
    line-height: 1.57;
    font-size: 1.4rem;
    padding-left: 1.5rem;
}

.techExplainedBullet .rest {
    font-size: 1.4rem;
    padding-left: 1rem;
}

.techExplainedBullet li {
    line-height: 1.71;
    display: flex;
    align-items: center;
}

.techExplainedBullet li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
    background-color: #ff5800;
    border-radius: 50%;
    margin-right: 1.5rem;
    align-self: flex-start;
    margin-top: 1rem;
}

.sp {
    margin-top: 25rem;
    padding-bottom: 10rem;
}

.page-template-privacy-policy header,
.page-template-default header {
    background-color: #171a42;
}

.page-template-default h1 {
    font-size: 3.2rem;
}

.techExplained {
    padding-bottom: 12rem;
}

.techExplained h2 {
    font-size: 5rem;
    padding: 8rem 0 20rem 0;
    margin: 0;
}

.productStage img.pImg {
    pointer-events: none;
}

.required {
    font-size: 1.8rem;
    color: #ff5800;
}

.focused:focus {
    outline: 2px dotted #ff5800;
}

#openAccess {
    bottom: 9.5rem;
}

#openAccess:focus {
    outline: 2px dotted #ccc;
}

.accessMenuItems button:before {
    color: #ff5800;
}

.gdprCon.show {
    display: block;
}

.gdprCon.hide {
    bottom: -30rem;
    visibility: hidden;
}

.gdprCon {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /*display: none;*/
    background-color: #171a42;
    z-index: 999999;
    transition: .3s all;
}

.gText {
    width: 112.6rem;
    margin: auto;
    padding: 5rem 0;
    align-items: flex-end;
}

#closeGDPR {
    width: 2rem;
    position: absolute;
    top: 2rem;
    right: 1rem;
    color: #fff;
    font-weight: 300;
    background-size: 2rem;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    z-index: 999999999;
    transition: .3s all;
    transform: rotate(0) scale(1.2, 1);
    padding: 0;
    font-size: 2rem;
}

.gText p {
    font-size: 1.4rem;
    color: #fff;
    margin: 0;
    font-weight: 300;
    padding-right: 10rem;
}

.gdprCon button {
    white-space: nowrap;
    padding: 0 2.5rem !important;
}

.page-template-careers .aboutTopBnrCon .width114 {
    display: flex;
    align-items: center;
}

.page-template-careers .bigWhite,
.page-template-careers .bigOrange {
    display: inline;
}

.job.topBanner h1 {
    font-size: 3.2rem;
    color: #fff;
}

.jobLocation {
    font-size: 1.4rem;
    font-weight: 300;
    background-image: url("img/marker.svg");
    background-position: left center;
    padding-left: 4rem;
    background-repeat: no-repeat;
}

.jobNumber {
    font-size: 1.4rem;
    font-weight: 300;
    background-image: url("img/sc.svg");
    background-position: left center;
    padding-left: 4rem;
    background-repeat: no-repeat;
}

.jobDesc p {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

.jobDesc h2 {
    white-space: nowrap;
    padding-right: 10rem;
    font-size: 2.4rem;
    text-align: left;
}

.jobBltsCon h2 {
    white-space: nowrap;
    font-size: 2.4rem;
    text-align: left;
    flex: 0 0 28rem;
}

.jobTop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jobTop .theParg {
    padding: 0 8rem 5rem 8rem;
    box-sizing: border-box;
}

.jobTop a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    background-image: url("img/leftTri.svg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 2rem;
    transition: .3s all;
    margin-top: 3rem;
}

.jobRest {
    padding: 5rem 0 10rem 0;
}

.jobTop a:hover {
    padding-left: 1.5rem;
}

.jobDesc {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
    padding: 0 8rem;
    box-sizing: border-box;
}

.jobBlts {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.69;
    display: block;
    flex: 0 0 63rem;
    padding-left: 1.5rem;
}

.jobBlts li {
    position: relative;
}

.jobBlts li:before {
    display: block;
    content: '';
    width: .6rem;
    height: .6rem;
    background-color: #ff5800;
    border-radius: 50%;
    position: absolute;
    left: -1.5rem;
    top: 1.1rem;
}

.jobBltsCon {
    padding: 2.5rem 8rem;
    box-sizing: border-box;
}

.jobRest h2 {
    margin: 0;
}

.comeetForm {
    padding: 6.7rem 8rem;
    box-sizing: border-box;
    border-top: 1px solid #e2e2e3;
}

.comeetForm h2 {
    white-space: nowrap;
    font-size: 2.4rem;
    text-align: left;
}

.rasBlogHead {
    background-color: #171a42;
    padding-top: 12.5rem;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.rasBlogHead:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(24, 26, 66);
    background: linear-gradient(180deg, rgba(24, 26, 66, 1) 0%, rgba(24, 26, 66, 0.04) 47%, rgba(24, 26, 66, 0.64) 100%);
}

.rasBlogHead>div {
    position: relative;
    z-index: 9;
}

.rasBlogHead h1 {
    font-size: 42px;
    margin: 0;
    padding: 6.2rem 0;
    color: #fff;
}

.topContact {
    flex: 0 0 33rem;
    /* width: 33rem; */
}

.topContact .form {
    width: 36.7rem;
    box-shadow: 0 6px 8px 3px rgba(209, 209, 209, 0.6);
    background-color: #ffffff;
    padding: 4rem 3.4rem;
    box-sizing: border-box;
    margin-bottom: 20rem;
}

.topContact>div {
    position: sticky;
    top: 8rem;
}

.topContact .form .block {
    margin-bottom: 3.1rem;
}

.topContact .form h2 {
    font-size: 2.4rem;
    font-weight: 600;
}

input[name="acceptance-230"],
.mc4wp-checkbox input[type="checkbox"] {
    display: none;
}

input[name="acceptance-230"]+span,
.mc4wp-checkbox input[type="checkbox"]+span {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 2.1rem;
    padding-left: 3.5rem;
    font-size: 1.6rem;
}

input[name="acceptance-230"]+span:before,
.mc4wp-checkbox input[type="checkbox"]+span:before {
    content: '';
    box-sizing: border-box;
    display: block;
    height: 2.1rem;
    width: 2.1rem;
    border-radius: 3px;
    border: solid 2px #ff5800;
    margin-right: 1.5rem;
    position: absolute;
    left: 0;
    top: 0;
}

input[name="acceptance-230"]+span:after,
.mc4wp-checkbox input[type="checkbox"]+span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.6rem;
    display: block;
    color: #ff5800;
}

input[name="acceptance-230"]:checked+span:after,
.mc4wp-checkbox input[type="checkbox"]:checked+span:after {
    content: '✓';
}

input[name="acceptance-63"]+span,
.mc4wp-checkbox input[type="checkbox"]+span {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 2.1rem;
    padding-left: 3.5rem;
    font-size: 1.6rem;
}

input[name="acceptance-63"],
.mc4wp-checkbox input[type="checkbox"] {
    display: none;
}

input[name="acceptance-63"]+span:before,
.mc4wp-checkbox input[type="checkbox"]+span:before {
    content: '';
    box-sizing: border-box;
    display: block;
    height: 2.1rem;
    width: 2.1rem;
    border-radius: 3px;
    border: solid 2px #ff5800;
    margin-right: 1.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
input[name="acceptance-63"]:checked+span:after,
.mc4wp-checkbox input[type="checkbox"]:checked+span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.6rem;
    display: block;
    color: #ff5800;
}

input[name="acceptance-63"]:checked+span:after,
.mc4wp-checkbox input[type="checkbox"]:checked+span:after {
    content: '✓';
}


.mc4wp-checkbox {
    display: block;
    margin-bottom: 7px;
    margin-top: 7px;
}

.mc4wp-checkbox input[type="checkbox"] {
    display: none;
}

.topContact .form input[type="submit"] {
    width: 100%;
    margin-top: 3rem;
}

.topContact .form .wpcf7-list-item {
    margin: 0;
}

.single-ras-blog-post header {
    background-color: rgba(23, 26, 66, 1);
}

.related {
    margin-top: 11rem;
}

.postWrapper {
    padding-top: 17rem;
}

.postWrapper .form {
    margin-top: 10rem;
}

.postWrapper h1 {
    font-size: 3.2rem;
}

.innerPostTags li {
    background-color: #ffbc99;
    color: #191e32;
    text-decoration: none;
    font-size: 1.2rem;
    margin: .8rem 3rem .8rem 0;
    height: 2.4rem;
    line-height: 2.4rem;
    display: block;
    border-radius: 1.2rem;
    padding: 0 1rem;
    transition: .3s all;
}

.noPostsFound {
    background-image: url("img/no-posts.svg");
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    padding-top: 10rem;
}

.noPostsFound h2 {
    margin-bottom: 2rem;
}

.noPostsFound p {
    font-size: 2.4rem;
    width: 54rem;
    margin: 0 auto;
}

.innerPostTags {
    flex-wrap: wrap;
}

.btrb {
    font-size: 1.6rem;
    color: #171a42;
    background-image: url("img/left_t.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.649rem;
    padding-left: 1.5rem;
    text-decoration: none;
    position: relative;
    left: -1.5rem;
    margin-bottom: 7.4rem;
    display: block;
}

.rasPost a {
    text-decoration: none;
    display: flex;
    width: 100%;
}

.thePost {
    flex: 0 0 79rem;
    width: 79rem;
    padding-right: 9rem;
    box-sizing: border-box;
}

.thePost article h2 {
    font-size: 32px;
}

.thePost article h3 {
    font-size: 2rem;
}

.thePost article h4 {
    font-size: 1.5rem;
}

.thePost article li {
    position: relative;
    padding-left: 2rem;
}

.thePost article li:before {
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ff5800;
    display: block;
    content: '';
    left: 0;
    top: 1rem;
}

.thePost article img {
    width: 100%;
    height: auto;
    margin: 2rem 0;
}

article p {
    line-height: 2.8rem;
}

article ul {
    line-height: 2.8rem;
    font-size: 1.6rem;
}

article a {
    color: #ff5800;
    transition: .3s all;
}

article a:hover {
    opacity: .7rem;
}

.authorImg {
    flex: 0 0 4.6rem;
    width: 4.6rem;
    height: 4.6rem;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: 2rem;
}

.adrs {
    height: 4.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.adrs p {
    margin: 0;
    font-size: 1.4rem;
}

.adrs p.date {
    letter-spacing: 1.5px;
}

.topArchive {
    justify-content: space-between;
}

.posts {
    padding-right: 9rem;
    box-sizing: border-box;
    width: 70rem;
    flex: 0 0 70rem;
}

.shareBtns button {
    height: 1.5rem;
    width: 2rem;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: .3s all;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1rem;
}

.shareBtns li {
    padding-left: 0 !important;
}

.shareBtns li:before {
    display: none !important;
}

.asc {
    justify-content: space-between;
    align-items: flex-end;
}

.shareBtns {
    display: flex;
    align-items: center;
}

#fbShare {
    background-image: url("img/facebook-logo-2019@3x.png");
}

#twShare {
    background-image: url("img/twitter-logo.svg");
}

#liShare {
    background-image: url("img/linkedin-logo.svg");
}

#RedditShare {
    background-image: url("img/reddit-logo.svg");
}

.single-team-member .site-main {
    margin-top: 16rem;
    height: auto;
}

*:focus {
    outline: none;
}

.ourProjects .svgCon {
    position: relative;
    z-index: 2;
}

.ourProjects .circle-ani {
    width: 16px;
    height: 10px;
    border: 1px solid #ff5800;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -8px;
}

.ourProjects .circle-ani.live {
    width: 16px;
    height: 10px;
    border: 1px solid #ff5800;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    animation-name: fadeInUpBig;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.ourProjects .marker:hover .circle-ani {
    display: none;
}

.ourProjects .cta-map {
    background-color: #ff5800;
    padding: 0 9rem;
    display: inline-block;
    margin-top: 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3.15;
    transition: all .5s ease-in-out;
    position: relative;
    right: 100%;
    opacity: 0;
    z-index: -1;
}

.ourProjects .mdt {
    overflow: hidden;
}

.ourProjects .marker.hover .cta-map {
    right: 0;
    opacity: 1;
    z-index: 9;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}


/* ==========================================================================
   Privacy Policy
   ========================================================================== */

.basicGrid.privacy-policy ul,
.basicGrid.privacy-policy li,
.basicGrid.privacy-policy table,
.basicGrid.privacy-policy table th,
.basicGrid.privacy-policy table td,
.basicGrid.privacy-policy table tr {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
}

.basicGrid.privacy-policy h2 {
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: underline;
}

.basicGrid.privacy-policy table {
    width: 100%;
    overflow-x: auto;
}

.basicGrid.privacy-policy ul {
    padding-left: 40px;
    list-style: disc;
}

.basicGrid.privacy-policy table tr {
    border-bottom: 1px solid #ccc;
}

.basicGrid.privacy-policy table td {
    padding: 15px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    width: 33%;
}

.basicGrid.privacy-policy table td:last-child {
    border-right: 0;
}

.basicGrid.privacy-policy table td h4 {
    font-weight: 700;
    margin: 0;
}


/* ==========================================================================
   Projects Page
   ========================================================================== */

.projects .topBanner {
    height: 330px;
}

.projects .aboutTopBnrCon .width114 {
    padding-top: 19rem;
}

.projects .aboutTopBnrCon .width114 h1 {
    max-width: 420px;
}

.projects .tbc:before {
    display: none;
}

.projects .aboutOr p,
.page-template-solution .aboutOr p {
    font-size: 18px;
    line-height: 1.66em;
    color: white;
    font-weight: 600;
    margin: 0;
}

.projects .topAreaDescCon {
    margin: 50px 0;
}

.projects .bigWhite,
.projects .bigOrange,
.page-template-solution .bigWhite,
.page-template-solution .bigOrange {
    font-size: 42px;
    white-space: unset;
    line-height: 1.2em;
    display: inline;
    font-weight: 500;
}

.page-template-solution .innerNav {
    display: none;
}

.page-template-solution .topBanner {
    height: 330px;
}

.projects .project-warp {
    display: flex;
    flex-wrap: wrap;
}

.projects .project-warp>.item {
    display: block;
    flex: 0 0 31.3%;
    margin: 1%;
}

.projects .project-warp .proj-feature {
    display: block;
    min-height: 235px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.projects .project-warp .proj-feature:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 1) 100%);
}

.projects .project-warp .location {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #FF5800;
    z-index: 9;
}

.projects .project-warp img {
    margin-right: 10px;
}

.projects .project-warp .in-warp {
    padding: 20px;
    background-color: white;
}

.projects .project-warp .in-warp h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #141742;
}

.projects .project-warp .in-warp p.sub {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #141742;
    line-height: 1.3em;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects .project-warp .in-warp a.cta {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #FF5800;
    text-decoration: none;
}

.projects .projectsListArea {
    background-color: #F1F1F1;
}

.projects .project-warp .features {
    display: flex;
}

.projects .project-warp .features>div {
    font-size: 16px;
    color: #141742;
    font-weight: 700;
}

.projects .project-warp .features>div.status {
    margin-left: 20px;
}

.projects .project-warp hr {
    margin: 15px 0;
    border-top: 1px solid #F1F1F1;
}

.projects h2.basicH2 {
    margin: 0;
    padding: 45px 0;
    padding-bottom: 25px;
}


/* ==========================================================================
   Inner Project
   ========================================================================== */

.inner-project .topBanner {
    height: 550px;
}

.inner-project .tbc:before {
    background: rgb(20, 23, 66);
    background: linear-gradient(180deg, rgba(20, 23, 66, 1) 0%, rgba(20, 23, 66, 0.12) 100%);
}

.inner-project h1 {
    margin-top: 100px;
}

.inner-project h1,
.inner-project h1>span {
    font-size: 100px;
    white-space: unset;
}

.inner-project h2 {
    font-size: 32px;
    font-weight: 700;
    color: #141742;
    margin-bottom: 20px;
    margin-top: 0;
    max-width: 790px;
}

.inner-project .top-project-content {
    padding-bottom: 110px;
    margin-top: 75px;
}

.inner-project .top-project-content .left-p {
    flex: 0.81;
}

.inner-project .float-img {
    margin-top: -180px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.3);
}

.inner-project .top-project-content .right-p {
    flex: 0.19;
    display: flex;
    flex-direction: column;
    max-height: 270px;
    min-height: 270px;
    justify-content: space-between;
    position: relative;
}

.inner-project .top-project-content .right-p:after {
    content: '';
    height: 100%;
    background-color: #D7D7D7;
    width: 2px;
    position: absolute;
    top: 0;
    left: -50px;
}

.inner-project .top-project-content .right-p img {
    min-width: 55px;
    height: auto;
    margin-right: 20px;
}

.inner-project .top-project-content .right-p div {
    font-size: 16px;
    font-weight: 700;
    color: #141742;
    display: flex;
    align-items: center;
}

.inner-project .top-project-content .left-p p {
    color: #4A4A4A;
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 0;
    max-width: 790px;
}

.inner-project .owl-theme .owl-dots .owl-dot span {
    background-color: #d8d8d8;
    width: 18px;
    height: 18px;
}

.inner-project .owl-theme .owl-dots .owl-dot.active span {
    background-color: #484949;
}

.inner-project .projectGallery {
    background-color: #F1F1F1;
    padding-bottom: 100px;
    margin-top: 180px;
}

.inner-project .projectGallery a.item {
    display: block;
    position: relative;
}

.inner-project .projectGallery a.item:after {
    content: '';
    width: 28px;
    height: 28px;
    display: block;
    background-image: url(/wp-content/uploads/2021/10/extand.svg);
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    position: absolute;
    background-size: contain;
}

.inner-project .projectGallery a.item.video:after {
    background-image: url(img/play.svg);
    width: 60px;
    height: 60px;
    right: 50%;
    bottom: 50%;
    margin-bottom: -30px;
    margin-right: -30px;
}

.inner-project .projectGallery h2 {
    margin-top: 90px;
    margin-bottom: 40px;
}

.inner-project .gallery-warp {
    position: relative;
}

.inner-project .gallery-warp a img {
    width: 100%;
    padding: 0 7px;
}

.inner-project .gallery-warp .slick-dots {
    display: none !important;
}

.inner-project .gallery-warp button {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    font-size: 20px;
    top: 50%;
    position: absolute;
    margin-top: -14px;
}

.inner-project .gallery-warp button.slick-prev {
    left: 0;
    margin-left: -65px;
}

.inner-project .gallery-warp button.slick-next {
    right: 0;
    margin-right: -65px;
}

.inner-project .gallery-warp button img {
    width: 32px;
}

.inner-project .gallery-warp .prevTri {
    padding: 0;
    margin: 0;
}

.inner-project .gallery-warp .video img {
    width: 97%;
    height: 184px;
}

.sl-overlay {
    background: #000;
    opacity: 0.5;
}

.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-close {
    font-size: 4rem;
    color: white;
}

.sl-wrapper .sl-image .sl-caption {
    display: none !important;
}


/* ==========================================================================
   Single Ras Blog Post
   ========================================================================== */

.single-ras-blog-post header {
    background-color: transparent;
}

.single-ras-blog-post header.mini {
    background-color: rgba(23, 26, 66, 1);
}

.single-ras-blog-post .postWrapper {
    padding-top: 0;
}

.single-ras-blog-post .btrb {
    left: 0;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #ff5800;
    background-image: url(/wp-content/uploads/2021/10/l-arrow.svg);
    font-weight: 700;
}

.single-ras-blog-post .rasBlogHead h2 {
    font-size: 42px;
    margin: 0;
    padding: 6.2rem 0;
    color: #fff;
}

.single-ras-blog-post .shareBtns {
    flex-direction: column;
    align-items: start;
    margin-top: 30px;
}

.single-ras-blog-post .shareBtns button {
    width: 25px;
    height: 25px;
    margin-bottom: 40px;
}

.single-ras-blog-post .shareBtns li:last-child button {
    margin-bottom: 0;
}

.single-ras-blog-post #fbShare {
    background-image: url(/wp-content/uploads/2021/10/fa.svg);
}

.single-ras-blog-post #twShare {
    background-image: url(/wp-content/uploads/2021/10/twi.svg);
}

.single-ras-blog-post #liShare {
    background-image: url(/wp-content/uploads/2021/10/li.svg);
}

.single-ras-blog-post #RedditShare {
    background-image: url(/wp-content/uploads/2021/10/ra.svg);
}

.single-ras-blog-post .social-section {
    width: 280px;
    position: relative;
}

.single-ras-blog-post .thePost .author-img img {
    width: 156px;
    height: auto;
    border-radius: 100%;
    border: 1px solid #141742;
    margin: 0;
}

.single-ras-blog-post .thePost figure {
    margin: 0;
    margin-bottom: 40px;
}

.single-ras-blog-post .authorDetails {
    margin-bottom: 30px;
}

.single-ras-blog-post .postWrapper h1 {
    font-size: 32px;
    line-height: 1.28em;
    margin: 0;
    margin-bottom: 12px;
}

.single-ras-blog-post .adrs p {
    font-size: 18px;
}

.single-ras-blog-post .adrs p.author {
    font-weight: 600;
}

.single-ras-blog-post .adrs {
    height: auto;
    padding-left: 40px;
}

.single-ras-blog-post .thePost hr {
    height: 1px;
    background-color: #D7D7D7;
    margin: 0;
}

.single-ras-blog-post article p {
    line-height: 1.66em;
    font-size: 18px;
    color: #4A4A4A;
}

.single-ras-blog-post .note-social {
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: 600;
    color: #4A4A4A;
    text-align: center;
    padding: 5px;
    position: relative;
    max-width: 207px;
    right: 89px;
}

.single-ras-blog-post .note-social:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 6.5px 0 6.5px;
    border-color: #f1f1f1 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
}

.single-ras-blog-post .topContact,
.single-ras-blog-post .topContact .form {
    width: 100%;
}

.single-ras-blog-post .topContact .form {
    webkit-box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 15%);
    padding: 60px;
    padding-top: 105px;
    display: flex;
}

.single-ras-blog-post .topContact {
    margin-top: 70px;
}

.single-ras-blog-post .topContact .form h2 {
    font-size: 26px;
    margin: 0;
    flex: 0.33;
}

.single-ras-blog-post .topContact .form [role="form"] {
    flex: 0.68;
}

.single-ras-blog-post .topContact .form .block {
    flex: 50%;
    max-width: 50%;
}

.single-ras-blog-post .topContact .form fieldset {
    display: flex;
    flex-wrap: wrap;
}

.single-ras-blog-post .topContact .form input[type="submit"] {
    max-width: 320px;
}

.topContact .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.single-ras-blog-post #social-scroll {
    position: sticky;
    top: 16rem;
}

.contactBottom {
    padding-top: 0;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.contactPopUp .form select {
    margin-bottom: 0;
    height: 5.3rem;
    width: 90%;
    padding-left: 2rem;
}

.menu-981 {
    display: inline-flex;
    /* margin-bottom: 5rem; */
    flex-direction: column;
}

header:not(.mini) .menu-item.btOrange {
    margin-left: 9.4rem !important;
}

header:not(.mini) .menu-item.btOrange a {
    display: block;
    width: 20.4rem;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 5px;
    background-color: #ff5800;
    color: #ffffff;
}

html[lang="ru-RU"] .menu-item.btOrange a {
    width: 28rem;
}

html[lang="zh-hans"] header .mainNav ul li {
    margin-left: 4.6rem;
}

html[lang="zh-hans"] header:not(.mini) .menu-item.btOrange a {
    width: 13.4rem;
}

header:not(.mini) .menu-item.btOrange {
    margin-left: 4.6rem !important;
}

header .mainNav ul li.btOrange a:after {
    display: none;
}

header.mini .mainNav ul li.btOrange a:after {
    display: block;
}

header:not(.mini) .mainNav ul li:not(.btOrange) {
    padding-top: 1.2rem;
}

.menu-item.btOrange:hover:before {
    opacity: .7;
}

header {
    height: 17.5rem;
}

header.mini .btOrange:before {
    display: none;
}

#JPO {
    transform: scale(0.8);
}

.popup_visible #JPO {
    transform: scale(1);
}

.jpo_in {
    background-color: #171A41;
    width: 29.427083333333333vw;
    padding: 2vw;
    background-image: url('img/popup_bg.jpg');
    background-size: 106% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.jpo_title h2 {
    color: #ff5800;
    font-size: 2vw;
    font-weight: 700;
    line-height: 1.2;
    margin: 1vw 0 0.5vw;
}

.jpo_subtitle {
    color: #ffffff;
    font-size: 1.8vw;
    font-weight: 100;
    line-height: 1.1;
}

.jpo_form_title {
    color: #ff5800;
    font-size: 1.2vw;
    font-weight: 700;
    line-height: 1.2;
    margin: 2vw 0 1.5vw;
    text-transform: uppercase;
    text-align: center;
}

.frow {
    display: flex;
    margin-bottom: 0.4vw;
}

.fhalf:first-child {
    width: 50%;
    padding-right: 0.2vw;
}

.fhalf:last-child {
    width: 50%;
    padding-left: 0.2vw;
}

.finput {
    width: 100%;
    position: relative;
}

.fsubmit {
    width: auto;
    margin: 0 auto;
}

.finput input {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: #ffffff;
    box-shadow: none;
    border-radius: 0 !important;
    padding: 0 0.5vw;
    height: 2vw;
    width: 100%;
    font-size: 0.833333333333333vw;
}

.jpo_form_wrap {
    max-width: 19.479166666666667vw;
    margin: 0 auto;
}

.finput input[type="submit"] {
    width: 10vw;
    margin: 0 auto;
    display: block;
    background-color: #ff5903;
    border-radius: 3px !important;
    color: #ffffff;
    margin-top: 1vw;
}

.finput .wpcf7-not-valid-tip {
    color: #ffffff;
    margin: 0.2vw 0 0.5vw;
    font-size: 0.7vw;
}

div.wpcf7 .fsubmit .ajax-loader {
    display: none !important;
    top: 2.6rem;
    background-repeat: no-repeat;
}

.jpo_form_note {
    margin-top: 1vw;
}

.jpo_form_note p {
    color: #ffffff;
    font-size: 0.6vw;
    font-weight: 300;
}

.jpo_form_note a,
.jpo_form_note a:hover {
    color: #ff5903;
    text-decoration: underline;
}

header {
    z-index: 10;
}

.JPO_close {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: transparent;
    padding: 0;
    position: absolute;
    top: -1.2vw;
    right: -2.8vw;
    cursor: pointer;
}

.JPO_close:before,
.JPO_close:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 2.5vw;
    background-color: #ffffff;
}

.JPO_close:before {
    transform: rotate(45deg);
}

.JPO_close:after {
    transform: rotate(-45deg);
}

.gdprCon {
    z-index: 100;
}

.wpcf7-response-output {
    color: #ffffff;
    font-size: 0.833333333333333vw;
}

.bt_newsletter a {
    display: inline-block;
    width: 13.697916666666667vw;
    height: 2.8125vw;
    line-height: calc(2.8125vw - 2px);
    border: 1px solid #ff5903;
    border-radius: 3px;
    color: #ffffff;
    text-align: center;
    font-size: 0.833333333333333vw;
    font-weight: 400;
}

.bt_newsletter a:hover {
    opacity: 0.7;
}

.lastNewsMoudole li h3 {
    font-size: 1.4rem;
    line-height: 1.285714285714286;
    color: #ffffff;
    font-weight: 400;
}

.lastNewsMoudole li a {
    font-size: 1.4rem;
    line-height: 1.285714285714286;
    float: right;
    color: #ff5903;
}

.lastNewsMoudole li h3:first-line {
    font-weight: 400;
}


/*.gdprCon {display: none !important;}*/

.jobTop>a {
    position: relative;
    z-index: 11;
}

#JPO .wpcf7-response-output {
    display: none !important;
}

.jpo_form_message {
    display: none;
    color: #ffffff;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1.1;
}

.wpcf7 form .wpcf7-response-output {
    color: #000000;
    font-size: 1.6rem !important;
}


/* Thanks */

.thanks .flex-thanks {
    display: flex;
}

.thanks .warp {
    max-width: 450px;
}

.thanks .warp h1 {
    font-size: 35px;
    font-weight: 300;
    margin-top: 60px;
    margin-bottom: 40px;
    line-height: 35px;
}

.thanks .warp h1 span {
    font-size: 25px;
}

.thanks .warp a {
    color: #ff5800;
}

.thanks .warp p {
    font-size: 18px;
    font-weight: 600;
}

.thanks .illu {
    margin: 50px 0;
    width: 100%;
    max-width: 656px;
}

.thanks .blue-warpper {
    height: 20vh;
    background-color: #181a42;
}

.hide-desk {
    display: none;
}

@media only screen and (min-width: 1000px) {
    .secNav>div>ul>li {
        position: relative;
    }
    .secNav>div>ul>li:after {
        content: "";
        display: block;
        position: absolute;
        height: 1.7rem;
        width: 1px;
        background-color: #707070;
        top: 0;
        right: 0;
    }
    .wpml-ls-current-language {
        padding-right: 2rem !important;
    }
    .wpml-ls-current-language:after {
        content: "";
        display: block;
        position: absolute !important;
        height: 1rem !important;
        width: 1.3rem !important;
        top: 0.5rem !important;
        right: 0 !important;
        background-color: transparent !important;
        background-image: url(img/down_arr_grey.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transform: none !important;
    }
    .secNav>div>ul>i>a:hover {
        color: #ff5903;
    }
    .secNav>div>ul>li {
        margin-left: 0;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

@media only screen and (max-width: 1000px) {
    header .mainNav ul li,
    header .secNav ul li {
        margin: 2rem 0 !important;
    }
    .menu-item.btOrange:before {
        display: none !important;
    }
    .mainNav {
        padding-right: 0;
    }
    .wpml-ls-item .sub-menu li {
        margin: 0 1rem !important;
    }
    .jpo_in {
        width: 90vw;
    }
    .jpo_logo {
        position: relative;
        width: 40vw;
    }
    .jpo_logo img {
        display: block;
        width: 100%;
    }
    .jpo_in {
        padding: 4vw;
    }
    .jpo_title,
    .jpo_subtitle {
        display: none;
    }
    .jpo_title h2 {
        font-size: 5.2vw;
        margin: 3vw 0 1.5vw;
    }
    .jpo_subtitle {
        font-size: 4.8vw;
    }
    .jpo_subtitle br {
        display: none;
    }
    .jpo_form_title {
        font-size: 5.2vw;
        margin: 5.2vw 0 4.4vw;
    }
    .jpo_form_wrap {
        max-width: 100%;
    }
    .finput input {
        padding: 0 4vw;
        height: 10vw;
        width: 100%;
        font-size: 4.4vw;
    }
    .wpcf7-not-valid-tip {
        font-size: 3.2em;
    }
    .fhalf {
        width: 100% !important;
    }
    .fhalf:first-child {
        padding-right: 0;
        margin-bottom: 2vw;
    }
    .fhalf:last-child {
        padding-left: 0;
    }
    .frow {
        flex-direction: column;
        margin-bottom: 2.4vw;
    }
    .finput input[type="submit"] {
        width: 44vw;
    }
    .jpo_form_note {
        margin-top: 3vw;
    }
    .jpo_form_note p {
        font-size: 2.6vw;
    }
    .wpcf7-response-output {
        font-size: 3.6vw;
    }
    .JPO_close {
        top: 40px;
        right: 40px;
    }
    .JPO_close:before,
    .JPO_close:after {
        height: 2px;
        width: 6vw;
    }
    .finput .wpcf7-not-valid-tip {
        font-size: 3.6vw;
    }
    .JPO_close {
        top: 26px;
        right: 12px;
    }
    .bt_newsletter a {
        width: 74vw;
        max-width: 306px;
        height: 10vw;
        line-height: calc(10vw - 2px);
    }
    .lastNewsMoudole {
        padding-bottom: 4rem;
    }
    header:not(.mini) .menu-item.btOrange {
        margin-left: 0 !important;
    }
    .menu-item.btOrange a {
        width: 28rem !important;
    }
    .home .lastNewsMoudole {
        padding-bottom: 3rem;
    }
}

@media only screen and (max-width: 600px) {
    .lastNewsMoudole li h3 {
        height: auto !important;
    }
    .home .topBanner {
        height: auto;
    }
    .topH {
        position: static;
        height: auto;
    }
    .home .newsList {
        display: block;
    }
    .lastNewsMoudole li.ni {
        margin-bottom: 0 !important;
        padding-bottom: 3rem;
    }
    .lastNewsMoudole {
        position: static;
    }
    .home .lastNewsMoudole {
        padding-bottom: 0;
    }
    .mapProjects .slick-slide {
        height: auto !important;
        top: 0 !important;
    }
    .liCa:hover .ond,
    .liCa:focus .ond {
        margin-top: 0 !important;
    }
    #select-pop-new {
        font-size: 13px;
    }
    #active-select-pop i,
    .choose_option.wpcf7-form-control-wrap:after {
        margin-top: -18px;
    }
}

@media only screen and (max-width: 321px) {
    h1.fontSize62 {
        font-size: 3rem;
    }
}

.gdprCon {
    display: none!important;
}