/*@font-face {*/
/*font-family: 'poppins';*/
/*font-style: normal;*/
/*font-weight: normal;*/
/*src: url('../fonts/poppins/Poppins-Regular.ttf');*/
/*}*/

html, body {
    min-width: 100%;
    height: 100%;
    min-height: 100% !important;
    /*font-family: "poppins";*/
    font-family: 'Segoe UI';
    font-weight: normal;
    font-style: normal;
}

.fullpage {
    width: 100%;
    height: 100%;

}

ul {
    margin: 0;
    padding: 0;
}

a, a:hover, a:focus {
    text-decoration: none;
}

a:hover {
    color: white;
}

.with-banner {
    background: url(../img/bg.jpg) no-repeat center / cover;
}

.with-static-banner {
    background: url(../img/01.jpg) no-repeat center / cover;
}

header .site-heading {
    color: white;
    font-weight: normal;
    font-size: 35px;
    /* font-family: Pacifico;*/
}

header .header-link {
    color: white;
    font-size: 25px;
    padding-top: 20px;
}

header .header-link a {
    color: white;
    margin-left: 15px;
}

.section {
    padding: 15vh 0;
    width: 90%;
    color: #fff;

    margin: 0 auto;
}

.circle-big-trasparent {
    width: 400px;
    /*height:400px;*/
    margin: 0 auto;
    border-radius: 50%;
    color: white;
    background: rgba(0, 0, 0, 0.2);
}

.circle-no-bg {
    background: none;
}

.circle-big-trasparent > div {
    padding: 12vh 0;
}

.circle-big-trasparent ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.circle-big-trasparent ul li {
    display: inline-block;
    margin: 5%;
}

.hover-link {
    color: white;
    transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    text-decoration: none;
}

.hover-link:hover {
    color: #43aee8;
    text-decoration: none;
}

.hover-link:focus {
    outline: none;
    text-decoration: none;
    color: white;
}

.circle-big-trasparent ul li i {
    font-size: 30px;
}

.circle-big-trasparent ul li span {
    display: block;
}

.img-responsive {
    width: 100px;
}

.img-right {
    margin-left: auto;
}

.section-left section {
    padding: 30px 0;
}

.section-left .img-responsive {
    margin-left: auto;
}

.section-right {
    padding: 12vh 0;
}

.footer {
    position: absolute;
    bottom: 2%;
    left: 0;
    width: 100%;
    color: white;
    font-size: 12px;
}

.footer a, footer a {
    color: white;
}

/*START OF CLOUD PAGE CSS*/

.background.intro__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: -1;
    opacity: 0.85;
    font-family: object-fit\: cover;
}

.cloud-heading {
    position: relative;
    /*height: 70px;*/
    line-height: 4;
    overflow-y: hidden;
    font-size: 4rem;
    transition: all 0.2s ease;
    margin: 40px 0px;
    font-weight: bold;
}

.cloud-intro {
    font-size: 1.5rem;
    line-height: 15;
    width: 70%;
    margin-bottom: 25px;
    /*height: 120px;*/
    overflow-y: hidden;
}

.cloud-top {
    /*padding: 10vh 0;*/
    width: 100%;
}

.learn-more {
    font-size: 16px;
    cursor: pointer;
    color: white;
    top: 70px;
    position: relative;
}

.learn-more > i {
    background: #fff;
    padding: 6px 9px;
    margin-right: 10px;
    color: #222;
    border-radius: 50%;
}

.cloud-spec-list {
    list-style: none;
    /*padding:5% 0;*/
    font-size: 2rem;
}

.cloud-spec-list li {
    display: inline-block;
    padding: 20px 0;
    width: 15%;
    text-align: left;
    margin: 0 20px;
    margin-top: 60px;
    opacity: 0;
    font-weight: bold;
}

.cloud-spec-list li hr {
    border-top: 1px solid #aaa;
}

.cloud-div {
    width: 100%;
    padding: 5%;
    position: relative;
    overflow: hidden;
    background: #2c3e50;
    color: white;
}

.cloud-div p {
    line-height: 35px;
    margin: 20px 0;
    width: 70%;
}

.inside-arc {
    background: #4b76a0;
    position: absolute;
    width: 65%;
    right: -10%;
    top: -45%;
    opacity: 0.1;
    border-radius: 50%;
    height: 200%;
}

.map {
    position: relative;
    margin-left: auto;
    margin-right: 15%;
}

.map img {
    display: block;
    width: 100%;
}

.map-lines {
    position: absolute;
    left: 32px;
    top: 14px;
    fill: none;
    stroke: rgba(245, 248, 251, .2);
    stroke-width: .75px;
}

.cloud-div .map-lines {
    margin-top: 0.8%;
    width: 75%;
    height: 69.92%;
    left: 12.29%;
    top: 9.42%;
}

.ui-dark .map-dot {
    background: #f5f8fb;
}

.ui-dark .map-lines {
    stroke: rgba(245, 248, 251, .2);
}

.map-dot {
    position: absolute;
    margin: -1px 0 0 -1px;
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #fff;
    opacity: 0;
    animation: animation-dot 5.04s cubic-bezier(.25, .74, .22, .99);
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.map-dot--0 {
    left: 53.07692%;
    top: 33.91139%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 10px;
    animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99);
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

.map-dot--1 {
    left: 21.15385%;
    top: 25%;
}

.map-dot--2 {
    left: 29.23077%;
    top: 64.92405%
}

.map-dot--3 {
    left: 56.53846%;
    top: 56.43038%
}

.map-dot--4 {
    left: 65.57692%;
    top: 20.62025%
}

.map-dot--5 {
    left: 79.03846%;
    top: 50.36709%
}

.map-dot--6 {
    left: 87.30769%;
    top: 15.02405%;
}

.map-dot--7 {
    left: 75.57692%;
    top: 22.28608%;
}

.map-dot--8 {
    left: 23.07692%;
    top: 52%;
}

.map-dot--9 {
    left: 58.65385%;
    top: 66.18987%;
}

.map-dot--10 {
    left: 12.88462%;
    top: 45.67089%;
}

.map-dot--11 {
    left: 70.38462%;
    top: 59.22785%;
}

.map-dot--12 {
    left: 27.30769%;
    top: 80%;
}

.map-dot--13 {
    left: 50.84615%;
    top: 61%
}

.map-dot--14 {
    left: 80.57692%;
    top: 31.06329%
}

.map-line {
    stroke-dashoffset: 120px;
    stroke-dasharray: 120px;
    animation: animation-line 5.04s linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.map-line--1 {
    animation-delay: .86s
}

.map-dot--1 {
    animation-delay: 1.04s
}

.map-line--2 {
    animation-delay: 1.22s
}

.map-dot--2 {
    animation-delay: 1.4s
}

.map-line--3 {
    animation-delay: 1.58s
}

.map-dot--3 {
    animation-delay: 1.76s
}

.map-line--4 {
    animation-delay: 1.94s
}

.map-dot--4 {
    animation-delay: 2.12s
}

.map-line--5 {
    animation-delay: 2.3s
}

.map-dot--5 {
    animation-delay: 2.48s
}

.map-line--6 {
    animation-delay: 2.66s
}

.map-dot--6 {
    animation-delay: 2.84s
}

.map-line--7 {
    animation-delay: 3.02s
}

.map-dot--7 {
    animation-delay: 3.2s
}

.map-line--8 {
    animation-delay: 3.38s
}

.map-dot--8 {
    animation-delay: 3.56s
}

.map-line--9 {
    animation-delay: 3.74s
}

.map-dot--9 {
    animation-delay: 3.92s
}

.map-line--10 {
    animation-delay: 4.1s
}

.map-dot--10 {
    animation-delay: 4.28s
}

.map-line--11 {
    animation-delay: 4.46s
}

.map-dot--11 {
    animation-delay: 4.64s
}

.map-line--12 {
    animation-delay: 4.82s
}

.map-dot--12 {
    animation-delay: 5s
}

.map-line--13 {
    animation-delay: 5.18s
}

.map-dot--13 {
    animation-delay: 5.36s
}

.map-line--14 {
    animation-delay: 5.54s
}

.map-dot--14 {
    animation-delay: 5.72s
}

@keyframes animation-line {
    0% {
        stroke-dashoffset: 120px
    }
    14.28571% {
        stroke-dashoffset: 0px
    }
    21.42857% {
        stroke-dashoffset: 0px
    }
    35.71429% {
        stroke-dashoffset: -120px
    }
    to {
        stroke-dashoffset: -120px
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes animation-dot {
    0% {
        opacity: 0
    }
    14.28571% {
        opacity: 1
    }
    26.42857% {
        opacity: 1
    }
    40.71429% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.cloud-components {
    background: #fff;
    padding: 10% 5%;
}

.cloud-component-list {
    list-style: none;
}

.cloud-component-list li {
    opacity: 0.2;
    color: #222;
    width: 80%;
    cursor: pointer;
    font-size: 18px;
    vertical-align: baseline;
    transition: opacity 0.2s ease;
}

.cloud-component-list li:hover, .cloud-component-list li.active {
    opacity: 1;
}

.cloud-component-list li hr {
    border-top: 1px solid #aaa;
}

.cloud-components .cloud-desc {
    color: #444;
    font-size: 15px;
    position: absolute;
    opacity: 0;
    /*line-height: 40px;*/
    transition: all 1s ease-in-out;
    margin-top: 100px;
}

.cloud-components .cloud-desc p {
    margin: 15px 0px;
    line-height: 25px;
}

.cloud-components .cloud-desc.current {
    opacity: 1;
    margin-top: 0;
}

.text-bg {
    vertical-align: middle;
    margin-right: 50px;
    font-size: 55px;

}

/*START OF MEDIA QUERIES */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .section {
        padding: 12vh 0;
    }

    .section-right .img-responsive {
        margin: auto;
        width: 100px;
    }

    .circle-big-trasparent ul li {
        margin: 6%;
    }

    .circle-big-trasparent ul li i {
        font-size: 50px;
    }

    .circle-big-trasparent {
        width: 100%;
    }

    .circle-big-trasparent h4 {
        font-size: 25px;
    }

    .circle-big-trasparent ul li span {
        font-size: 20px;
    }

    .section-right {
        padding: 40px 0;
    }
}

@media only screen and (min-width: 560px) and  (max-width: 767px) {
    .circle-big-trasparent > div {
        padding: 10vh 0;
    }

    header .site-heading {
        font-size: 25px;
    }

    .section-right {
        padding: 10px 0;
    }

    .section {
        padding: 0;
    }

    .section-right .img-responsive {
        margin: auto;
        width: 60px;
    }

    .circle-big-trasparent h4 {
        font-size: 13px;
    }

    .circle-big-trasparent ul li span {
        font-size: 12px;
    }

    .circle-big-trasparent ul li i {
        font-size: 20px;
    }

    .footer {
        font-size: 10px;
    }
}

@media only screen and (max-width: 560px) {
    header .site-heading {
        font-size: 25px;
    }

    header .header-link {
        font-size: 20px;

    }

    .circle-big-trasparent {
        width: 100%;
    }

    .section {
        padding: 12vh 0;
    }

    .section-right {
        padding: 7vh 0;
    }

    .section-right .img-responsive {
        margin: auto;
        width: 80px;
    }

    .circle-big-trasparent > div {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 560px) and (max-width: 568px) {
    .circle-big-trasparent ul li {
        margin: 1% 4%;
    }

    .section-right .img-responsive {
        width: 40px;
    }
}

@media only screen and (max-width: 320px) {

    .section-right .img-responsive {
        width: 60px;
    }

    .circle-big-trasparent ul li {
        margin: 4%;
    }

    .circle-big-trasparent ul li i {
        font-size: 18px;
    }
}

footer {
    padding: 15px 0;
    text-align: center;
    background-color: #333;
}

footer span.copyright {
    font-size: 90%;
    line-height: 40px;
    text-transform: none;
    color: white;

}

.project-details {
    /* margin-top: 7.1em; */
    padding: 10% 0%;
    margin-top: 0;
    background: #fff;
}

.project-details-info {
    width: 44%;
    /*bottom: 13%;*/
    left: 0;
    position: absolute;
    top: 13%;
    width: 55%;
    z-index: 1;
    background-color: #c5a47e;
    color: #fff;
    padding: 2.8em 3.1em;
}

.project-details-item:nth-child(2n+1) .project-details-img {
    padding-left: 5px;
    padding-right: 15px;
}

.project-details-item:nth-child(2n) .project-details-img {
    padding-left: 15px;
    padding-right: 5px;
}

.project-details-item:nth-child(2n) .project-details-info {
    background-color: #212121;
    left: auto;
    right: 0;
    top: 13%;
}

.project-details-item:nth-child(1) .project-details-info {
    background-color: #f8c03a;
}

.project-details-item:nth-child(2) .project-details-info {
    background-color: #fa6239;
}

.project-details-item:nth-child(3) .project-details-info {
    background-color: #8962d0;
}

.project-details-item:nth-child(4) .project-details-info {
    background-color: #98005b;
}

.project-details-item:nth-child(5) .project-details-info {
    background-color: #0071bb;
}

.project-details-item:nth-child(6) .project-details-info {
    background-color: #90c747;
}

.project-details-item:nth-child(7) .project-details-info {
    background-color: #3590b3;
}

.right-project .project-details-title::before {
    border-top: 1px solid #ededed;
    bottom: -0.35em;
    content: "";
    left: -4.4em;
    position: absolute;
    width: 5.5em;
}

.left-project .project-details-title::before {
    border-top: 1px solid #ededed;
    bottom: -0.35em;
    content: "";
    right: -4.4em !important;
    position: absolute;
    width: 5.5em;
}

.project-details-descr {
    font-size: 15px;
    line-height: 24px;
}

.project-details-info h3.project-details-title {
    color: #fff;
    font-family: "Didot Italic";
    font-size: 30px;
    font-style: italic;
    font-weight: 400;

    text-transform: none;
    margin-bottom: 20px;
    position: relative;
}

@media (min-width: 768px) {

    .container {
        width: 80%;
    }

    .project-details-item {
        margin-bottom: 7.1em;
    }

    .project-details-info {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 16%;
        bottom: 16%;
        width: 55%;
    }

    .project-details-item:nth-child(odd) .project-details-img {
        padding-left: 15px;
        padding-right: 15px;
    }

    .project-details-item:nth-child(even) .project-details-img {
        padding-right: 15px;
        padding-left: 15px;
    }

    .project-details-item:nth-child(2n) .project-details-info {
        top: 16%;
        bottom: 16%;
    }

}

.project-details-item {
    margin-bottom: 7.1em;
    position: relative;
}

.project-details-item.right-project img.img-responsive, .project-details-item.left-project img.img-responsive, .right-project img, .left-project img {
    max-width: 90% !important;
}

.project-details .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.left-project img {
    float: right;
}

.project-details-img .img-responsive {
    width: auto;
}

@media (max-width: 1180px) {
    .project-details-item.right-project img.img-responsive, .project-details-item.left-project img.img-responsive, .right-project img, .left-project img {
        max-width: 100% !important;
    }
}

#services .height-div, #cloud .height-div {
    height: 100vh;
}

.with-video {
    background: black;
    opacity: .99;
}

.prefooter {
    position: relative;
    padding: 10% 0%;
    /*  background: #fafafa;*/
}

.prefooter > .container {
    position: relative;
}

.container.maxwidth2 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}

.prefooter > .container > div.is-visible {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.prefooter > .container > div {
    width: 36%;
    max-width: 465px;
    margin: 0 auto;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 600ms ease-in-out;
    -moz-transition: -webkit-transform 600ms ease-in-out;
    -ms-transition: -webkit-transform 600ms ease-in-out;
    transition: -webkit-transform 600ms ease-in-out;
}

.prefooter > .container > div:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.prefooter > .container a:nth-of-type(1) {
    left: 0;
    top: -10%;
}

.prefooter > .container a {
    position: absolute;
    width: 57%;
    display: block;
    color: #fff;
    text-decoration: none;
}

.prefooter > .container a > div {
    position: relative;
    width: 100%;
    height: 100%;
}

.prefooter > .container a.is-visible .bg {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.prefooter > .container a:nth-of-type(1) .bg {
    background: #90c747;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.prefooter > .container a > div > div.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -webkit-transform 400ms ease-in-out;
    -ms-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
}

.prefooter > .container a > div > div.bg-hover {
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    /*-webkit-transform-origin: left center;*/
    /*-moz-transform-origin: left center;*/
    /*-ms-transform-origin: left center;*/
    /*transform-origin: left center;*/
    /*-webkit-transform: scaleX(0);*/
    /*-moz-transform: scaleX(0);*/
    /*-ms-transform: scaleX(0);*/
    /*transform: scaleX(0);*/
    /*-webkit-transition: -webkit-transform 400ms ease-in-out;*/
    /*-moz-transition: -webkit-transform 400ms ease-in-out;*/
    /*-ms-transition: -webkit-transform 400ms ease-in-out;*/
    transition: width 400ms ease-in-out;
}

.prefooter > .container a > div > div:nth-child(3) {
    padding: 85px;
    position: relative;
}

.prefooter > .container a p {
    margin-bottom: 1.3em;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    text-transform: uppercase;

}

.title--header4.white {
    color: #fff;
}

.title--header4 {
    font-size: 45px;
    color: #23252D;
    line-height: 1.1em;
    font-weight: 300;
}

.prefooter > .container a:nth-of-type(2) {
    right: 0;
    top: 27%;
    text-align: right;
}

.prefooter > .container a {
    position: absolute;
    width: 57%;
    display: block;
    color: #fff;
    text-decoration: none;
}

.prefooter > .container a:nth-of-type(2) .bg {
    background: #82b53f;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.prefooter > .container a:nth-of-type(1) .bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: red;
    transition: width 0.2s ease-in-out;
}

@media screen and (max-width: 767px) and (min-width: 0) {
    .prefooter > .container a {
        position: static;
        width: 100%;
        float: left;
    }

    .prefooter > .container a > div > div:nth-child(3) {
        padding: 35px;
    }

    .prefooter > .container > div {
        display: none;
    }

    .prefooter > .container a p {
        margin-bottom: 0.5em;
        font-size: 14px
    }

    .title--header4 {
        font-size: 24px;
    }

    .cloud-intro {
        width: 100%;
    }

    .prefooter > .container a:nth-of-type(1) {
        text-align: right;
    }

    .prefooter > .container {
        padding-left: 0;
        padding-right: 0;
    }

    .container.maxwidth2 {
        padding: 0 20px;
    }

    .map {
        margin: 30px 0px;
    }

    .inside-arc {
        display: none;
    }

    .cloud-div p {
        width: 100%;
    }

    h1 {
        font-size: 24px;
    }

    .cloud-heading {
        font-size: 24px;
    }

}

.consulation .container {
    /*width: 90%;*/
}

.col-block {
    background-color: #F6F9F7;
    height: 100%
}

.col-inner {
    padding: 8.33%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.left-section h2 {
    font-size: 50px;
    margin: 5% 0%
}

.left-section, .right-section {
    height: 800px;
    padding: 0px 5px;
    overflow: hidden;
}

.left-section p {
    font-size: 1.5rem;
    margin: 20px 0px;
}

.cl_yellow {
    color: #FFC60F;
}

.cl_red {
    color: #fa6239;
}

.cl_pink {
    color: #98005b;
}

.cl_violet {
    color: #8962d0;
}

.cl_blue {
    color: #0071bb;
}

.cl_green {
    color: #90c747;
}

.cl_lightblue {
    color: #3590b3;
}

.img-block {
    background-position: center;
    background-size: cover;
    height: 100%;
}

.consul-1 .img-block {
    background-image: url(../img/consultation-1.jpg);
}

.consul-2 .img-block {
    background-image: url(../img/consultation-2.jpg);
}

.consul-3 .img-block {
    background-image: url(../img/consultation-3.jpg);
}

.consul-4 .img-block {
    background-image: url(../img/consultation-4.jpg);
}

.img-block {
    transition: transform 0.8s;
}

.img-block:hover {
    transform: scale(1.2);
}

.pure-button.wg {
    background-color: #fff;
    color: #666E63;
    border: none;
    padding: 15px 25px;
}

.pure-button.wg.fill-to-top:before {
    background: #C0CB12;
}

.pure-button.fill-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.3s cubic-bezier(0.345, 0.005, 0.07, 1);
    border-radius: 1px;
}

.pure-button {
    -webkit-tap-highlight-color: transparent;
    background-color: #F6F9F7;
    background-image: none;
    border-radius: 1px;
    color: #666E63;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin: 30px 0px;
}

.pure-u-1 .fa-long-arrow-right {
    font-size: 23px;
    color: #C0CB12;
    margin-left: 10px;
    top: 4px;
    position: relative;
}

.padd-section {
    margin: 5% 0%;
}

.view-content {
    box-sizing: border-box;
    /*margin: 0 auto;*/
    /*max-width: 80%;*/
    overflow: hidden;
    /* width: 90.5%; */
    /*padding-bottom: 12.5rem;*/
    position: relative;
    z-index: auto;
}

.section-header {
    padding-bottom: 1.5625rem;
    padding-top: 3.75rem;
}

.view-manifesto section.be-adaptive h1.number {
    color: #f00055;
}

.be-efficient .view-content {
    padding-bottom: 12.5rem;
}

.font {
    font-size: 22px !important;
}

.animated .appear-text-down {
    overflow: hidden;
    position: relative;
}

.section-header h1 {
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-right: 100px;
    overflow: hidden;
}

.section-header h1, .section-header h2 {
    line-height: 1.2;
    text-align: left;
    font-size: 3vw;
}

.section-header h2 {
    font-weight: bold;
}

.view-manifesto section.be-adaptive .rect {
    background: #f00055;
}

.section-header.appear .rect {
    width: 80px;
}

.section-header .rect {
    background: #999;
    display: inline-block;
    height: 4px;
    left: 100%;
    margin-left: -80px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0px;
    -webkit-transition: width .35s .15s, margin-left .35s .15s;
    -webkit-transition-delay: ease-in-out, ease-in-out;
    -moz-transition: width .35s .15s ease-in-out, margin-left .35s .15s ease-in-out;
    -o-transition: width .35s .15s ease-in-out, margin-left .35s .15s ease-in-out;
    transition: width .35s .15s ease-in-out, margin-left .35s .15s ease-in-out;
}

.lead-in {
    font-size: 36px;
    padding-bottom: 1.875rem;
}

.grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid .col:nth-child(2n+1) {
    padding-right: 30px;
}

.grid .col {
    box-sizing: border-box;
    width: 50%;
}

.grid .col h3 {

    font-size: 36px;
    font-weight: bold;
    margin-bottom: 2.875rem;
}

.grid .col p {
    font-size: 15px;
    margin-bottom: 1.25rem;
    line-height: 27px;
}

.view-manifesto section.be-efficient {
    background: #045a72;
    color: #fff;
    margin: 10em 0em;
}

.view-manifesto .line-set {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 7;
}

.view-manifesto .line-set .line:nth-child(1) {
    left: 0%;
    -webkit-transform: translate(-125px, -50%);
    -moz-transform: translate(-125px, -50%);
    -ms-transform: translate(-125px, -50%);
    -o-transform: translate(-125px, -50%);
    transform: translate(-125px, -50%);
    top: 55%;
    z-index: 3;
}

.view-manifesto .line-set .line {
    left: 0%;
    position: absolute;
    top: 50%;
}

.view-manifesto .line-set .line:nth-child(2) {
    left: 0%;
    -webkit-transform: translate(-125px, -50%);
    -moz-transform: translate(-125px, -50%);
    -ms-transform: translate(-125px, -50%);
    -o-transform: translate(-125px, -50%);
    transform: translate(-125px, -50%);
    top: 57%;
}

.view-manifesto .line-set .line:nth-child(3) {
    left: 100%;
    -webkit-transform: translate(calc(-100% + 125px), -50%);
    -moz-transform: translate(calc(-100% + 125px), -50%);
    -ms-transform: translate(calc(-100% + 125px), -50%);
    -o-transform: translate(calc(-100% + 125px), -50%);
    transform: translate(calc(-100% + 125px), -50%);
    top: 40%;
}

.view-manifesto .line-set .line:nth-child(4) {
    left: 100%;
    top: 70%;
    -webkit-transform: translate(calc(-100% + 125px), -50%);
    -moz-transform: translate(calc(-100% + 125px), -50%);
    -ms-transform: translate(calc(-100% + 125px), -50%);
    -o-transform: translate(calc(-100% + 125px), -50%);
    transform: translate(calc(-100% + 125px), -50%);
}

.view-manifesto .wave-animation {
    opacity: 1;
    top: -200px;
    z-index: 6;
}

.view-manifesto .wave-animation, .view-manifesto .line-chart {
    left: 0;
    position: absolute;
    width: 100%;
}

.view-manifesto .line-chart {
    bottom: -90px;
}

.view-manifesto .wave-animation, .view-manifesto .line-chart {
    left: 0;
    position: absolute;
    width: 100%;
}

.view-manifesto section.be-efficient .view-content {
    position: relative;
    z-index: 10;
}

.view-manifesto section.be-efficient header {
    pointer-events: none;
}

.view-manifesto section.be-efficient h1.number {
    /*color: #f00055;*/
}

.section-header.release h1, .section-header.release h2, .section-header.release .text {
    overflow: visible;
}

.adaptive-img img {
    bottom: 0;
    /*left: 0;*/
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
}

.description {
    margin: 2% 0%;
}

.view-manifesto .project-details {
    padding: 5% 0%;
}

.contact-top h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 2%;
}

.view-manifesto .send-beliefs {
    background: #f8c03a;
    padding: 5em 0em;
}

.view-manifesto .send-beliefs h2 {
    font-size: 78px;
}

.view-manifesto .send-beliefs h2 {
    color: #fff;
    font-weight: bold;
    font-size: 65px;
    /*max-width: 500px;*/
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 10;
}

.contactus {
    width: 100%;
    overflow: hidden;
}

.contactus .col-xs-12 {
    padding: 0;
}

.address-div {
    margin: 30px 0px;
    font-size: 18px;
    text-align: center;
}

.top-contact {
    background-color: #003b49;
    width: 100%;
    background-image: url(../img/01.jpg);
    background-size: cover;

}

.contact-info-inner {
    display: flex;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.content-wrap h1 {
    font-size: 42px;
    max-width: 410px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    padding: 0;
    margin: 0 auto;
}

.content-wrap span {
    margin: 20px auto 0 auto;
    text-align: center;
    display: table;
    color: #8B8B8B;
    font-size: 19px;
    font-weight: 200;

}

.content-wrap h2 {
    color: #4B4B4B;
    text-align: center;
    font-size: 26px;
    margin: 50px 0 0 0;

}

.content-wrap h3 {
    text-align: center;
    color: #FEC60A;
    font-size: 22px;

    margin: 15px 0 0 0;
}

.content-wrap span img {
    margin: -2px 10px 0 0;
    display: inline-block;
    width: 14px;
}

#map {
    width: 100%;
    height: 100%;
    position: absolute;
}

.nf-form-cont {
    display: table;
    width: 660px;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 15px 30px;
}

.nf-form-cont span {
    color: #9A9A9A;
    font-size: 18px;

}

.nf-form-cont input, .nf-form-cont textarea {
    display: block;
    color: #8B8B8B;
    font-size: 14px;
    background: #F8F8F8;
    border: none;
    padding: 15px;
    width: 100%;
}

#contact .height-div {
    height: auto;
}

.nf-form-cont label {
    display: block;
    font-size: 16px;
    color: #555759;
    font-weight: 500;

    margin: 25px 0 15px 0;
}

.nf-form-cont input[type="submit"], .nf-form-cont input[type="button"] {

    color: #FFFFFF;
    background: #FEC60A;
    font-size: 16px;
    margin: 30px 0px;
}

.italic-text {
    font-style: italic;
    font-size: 18px;
}

.formula ul li {
    list-style: none;
    padding: 15px 0px;
    font-size: 16px
}

.be-adaptive .lead-in {
    width: 58%;
    font-size: 23px;
}

html, body {
    height: 100%;
}

.booody {
    background: -webkit-radial-gradient(center ellipse, #fffeea 0%, #fffeea 35%, #b7e8eb 100%);
    background: radial-gradient(ellipse at center, #fffeea 0%, #fffeea 35%, #b7e8eb 100%);
    overflow: hidden;
}

.ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    background: #015871;
}

.wave {
    background: url(../img/wave.svg) repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
    top: -175px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}

@-webkit-keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@-webkit-keyframes swell {
    0%, 100% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes swell {
    0%, 100% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

#contact .section {
    padding: 5vh 0vh;
}

.contact-top h1 span {
    font-size: 24px;

}

#btn_gnav {
    display: block;
    color: #000;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 400;
}

#btn_gnav span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    width: 22px;
    height: 3px;
    background: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

#btn_gnav span:before, #btn_gnav span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 3px;
    background: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

#btn_gnav span:after {
    top: 7px;
}

#btn_gnav span:before {
    top: -7px;
}

#btn_gnav:hover span:after {
    -webkit-animation: btn_gnav03 .8s infinite ease-out;
    animation: btn_gnav03 .8s infinite ease-out;
}

#btn_gnav:hover span:before {
    -webkit-animation: btn_gnav02 .8s infinite ease-out;
    animation: btn_gnav02 .8s infinite ease-out;
}

#btn_gnav:hover span {
    -webkit-animation: btn_gnav01 .8s infinite ease-out;
    animation: btn_gnav01 .8s infinite ease-out;
}

@keyframes btn_gnav03 {
    0% {
        width: 22px;
    }
    75% {
        width: 0;
    }
    100% {
        width: 22px;
    }
}

@keyframes btn_gnav02 {
    0% {
        width: 22px;
    }
    25% {
        width: 0;
    }
    100% {
        width: 22px;
    }
}

@keyframes btn_gnav01 {
    0% {
        width: 22px;
    }
    50% {
        width: 0;
    }
    100% {
        width: 22px;
    }
}

.side-drawer-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999;
    height: 100vh;
}

.side-drawer {
    position: absolute;
    right: -150%;
    height: 100%;
    padding: 100px;
    /* width: 30%;*/
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.side-drawer.open {
    right: 0;
}

.side-drawer:after {
    position: absolute;
    content: '';
    min-width: 150%;
    top: 0;
    z-index: -1;
    right: 0%;
    height: 100%;
    background: #fff;
    /*transform: skewX(-30deg);*/
}

.side-drawer ul {
    margin: 20px 0px;
    text-align: right;
}

.side-drawer ul li {
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    padding: 5% 0%;
    opacity: 0;
}

.side-drawer ul li a {
    color: #333;
}

.side-drawer ul li a:hover {
    color: #5899cc;
}

.hero, #partner .hero {
    padding: 0;
    height: 400px;
    background-position: center 25%;
    min-height: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.close {
    width: 32px;
    height: 32px;
    opacity: 1;
    position: relative;
    right: 0;
    cursor: pointer;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.close:before, .close:after {
    position: absolute;
    right: 10px;
    content: ' ';
    height: 33px;
    width: 2px;
    cursor: pointer;
    background-color: #333;
}

.menu-icon em {
    float: left;
    font-size: 15px;
    font-style: normal;
    line-height: 2;
    margin: 3px 10px 0 0;
}

.what-we-do img {
    margin: 20px 0px;
}

.project-details.cloud-components {
    padding: 5%;
}

#homePage .for_display {
    display: flex;
    align-items: center;
}

.overflow {
    overflow-x: hidden;
}

.float_icons_div {
    margin: 6% 3%;
    z-index: 1020;
    right: 0;
    position: fixed;
    font-size: 25px;
}

.float_icons_div div {
    margin: 20px 0px;
}

.float_icons_div a {
    color: grey;
}

.main-logo img {
    width: 20%;
}

#homePage {
    padding: 15vh 0;
}

@media (max-width: 767px) {

    .main-logo img {
        width: 70%;
    }

    .project-details-item .project-details-info, .project-details-item:nth-child(2n) .project-details-info {
        left: auto;
        right: auto;
        top: auto;
        position: relative;
        width: 100%;
    }

    .project-details-item:nth-child(2n+1) .project-details-img {
        padding-left: 0;
        padding-right: 0;
    }

    .project-details-item:nth-child(2n) .project-details-img {
        padding-left: 0px;
        padding-right: 0px;
    }

    .left-project .project-details-title::before {
        border-top: 1px solid #ededed;
        bottom: -0.35em;
        content: "";
        left: -4.4em !important;
        position: absolute;
        width: 5.5em;
    }

    .project-details-item {
        margin-bottom: 0;
        position: relative;
    }

    .project-details {
        padding-top: 0px;
    }

    .left-section h2 {
        font-size: 30px !important;
    }

    .consulation .container {
        width: 100% !important;
    }

    .nf-form-cont {
        width: 100% !important;
    }

    .contact-top h1 {
        font-size: 36px;

    }

    .nf-form-cont {

        padding: 50px 15px;
    }

    .address-div {
        display: block;
    }

    .view-manifesto .send-beliefs h2 {
        font-size: 25px;
    }

    .grid {
        display: block;

    }

    .grid .col {
        width: 100%;
    }

    .be-adaptive .lead-in {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
    }

    .section-header h1, .section-header h2 {
        font-size: 25px;
    }

    .formula ul li {
        padding: 10px 0px;
    }

    .grid .col h3 {
        font-size: 25px;
        font-weight: bold;
    }

    .learn-more {
        top: 20px;
    }
}

.what-we-do .learn-more{
    top:50px;
}