.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   background-image: url(img/project1.jpeg);z-index:3;position:relative;
    margin-bottom: 30px;
}

.hero-overlay-bottom {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);

}

.hero h1 {
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,.80);
    letter-spacing: 1.5px;
}

.home-hero {
    overflow: hidden;

}

.home-hero .carousel-cell {
    width: 100vw;
    height: 100vh;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: top center;
   
}
.slider-frame{
    overflow: hidden;
    height:800px;
    width:800px;
    margin-right:360px;
    margin-top: 20px;
}
@-webkit-keyframes slide_animation{

    0%{left:0px;}
    10%{left:0px;}
    20%{left:1200px;}
    30%{left:200px;}
    40%{left:400px;}
    50%{left:400px;}
    60%{left:200px;}
    70%{left:200px;}
    80%{left:0px;}
    90%{left:0px;}
    100%{left:0px;}

}
.slide-images{
    width:200px;
    height:800px;
    margin:0 0 0 -2400px;
    position: relative;
    -webkit-animation-name: slide_animation;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}

.img-container{
height:800px;
width:200px;
position: relative;
float:left;
}

.home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-carousel p {
    text-shadow: 0 2px 10px rgba(0,0,0,.80);
    font-weight: 500;
    font-size: 30px;
}

.home-carousel .carousel-cell .xy-center {
    width: 90%;
}
.btn-home-carousel:hover {
    background-color: rgba(255,255,255,0.25);
}

.home-carousel .flickity-prev-next-button.previous {
    left: 15px;
    text-shadow: 0 2px 10px rgba(0,0,0,.80);
}
.home-carousel .flickity-prev-next-button.next {
    right: 15px;
    text-shadow: 0 2px 10px rgba(0,0,0,.80);
}
.candy-hero {
    background-image: url("../img/hero/hero-home.png");
}
.media-hero {
    background-image: url("../img/hero/hero-media.png");
}
.solutions-hero {
    background-image: url("../img/hero/hero-solutions.png");
}
.careers-hero {
    background-image: url("../img/hero/hero-careers.png");
}

.contact-hero {
    background-image: url("../img/hero/hero-contact.png");
}
.case-studies-hero {
    background-image: url("../img/hero/hero-case-studies.png");
}
.services-hero, .client-area-hero {
    background-image: url("../img/hero/hero-services.png");
}
.buildsmart-hero, .booking-hero, .training-candy-hero {
    background-image: url("../img/hero/hero-buildsmart.png");
}
.partners-hero {
    background-image: url("../img/hero/hero-partners.png");
}
.vat-in-construction-hero {
    background-image: url("../img/hero/hero-vat-in-construction.png");
}
.estimating-hero {
    background-image: url("../img/hero/hero-estimating.png");
}
.who-we-serve-hero {
    background-image: url("../img/hero/hero-who-we-serve.png");
}
.mining-hero {
    background-image: url("../img/hero/hero-mining.png");
}
.about-hero {
    background-image: url("../img/hero/hero-about.png");
}
.cs-hero {
    background-image: url("../img/hero/hero-cs.png");
}

.training-hero {
    background-image: url("../img/hero/hero-training.png");
}
.section {

    width: 100%;

    padding: 30px 0;

    -webkit-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

}



.clients-section, .ccs-solution-section {

    background-image: url("../img/bg-blue-1.png");

}



.blog-section {

    background-image: url("../img/bg-blue-2.png");

}



.buildsmart-solution-section, .solution-blue-section, .steps-section {

    background-image: url("../img/bg-blue-3.png");

}



.video-section {

    background-image: url("../img/bg-blue-4.png");

}



.book-course-section {

    background-image: url("../img/bg-blue-5.png");

}



.purpose-vision-section, .save-for-later-section {

    background-image: url("../img/bg-blue-6.png");

}



.parallax {

    background-attachment: fixed;

}



.teal-bg {

    background-color:teal;

}



.white-text, .blue-bg a, .training-category a, .course-container .active a, .modal-container h4 .white-text p {

    color: #fff;

}



.solutions li:first-child:before, .list-inline.career li:first-child:before, .tab-bar li:first-child:before {

    content: "";

}
.solutions li:before, .list-inline.career li:before {

    content: "•";

    padding-right: 10px;

}



.solution-container, .sm-solution-container {

    padding: 30px;

    border: 1px solid #0069b9;

    position: relative;

}



.blue-bg .project-thumb-container {

    background-color: #004d8b;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

}



.project-case .project-thumb-container {

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.05);

    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.05);

    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.05);

}



.project-thumb-container > div, .right-col-blog div, .vat-in-construction .panel-body {

    padding-left: 0;

    padding-right: 0;

}



.project-thumb-title, .partner-product-title, .media-title {

    font-weight: 500;

}



.project-thumb-title > .location, .description > .location {

    color: #acacac !important;

    font-weight: 300;

}

.testimonial-carousel blockquote p:before {

    content: " ";

    width: 25px;

    height: 21px;

    background: url("../img/home/bg-quote-before.png") no-repeat;

    position: absolute;

    left: -35px;

    top: 0;

}



.testimonial-carousel blockquote p:after {

    content: " ";

    width: 25px;

    height: 21px;

    background: url("../img/home/bg-quote-after.png") no-repeat;

    position: absolute;

    right: -35px;

    bottom: 0;

}

.section img{
    width: 100%;
    height: 100vh;
}

.testimonial-carousel .flickity-viewport {

    transition: height .2s;

}
.row img{
    height: 200px;
}

.footer, .footer li, .footer .form-control {

    font-size: 12px;

    line-height: 18px;

}



.footer-social i, .coming-soon {

    font-size: 25px;

}



.img-bottom {

    vertical-align: bottom;

}



.newsletter {

    padding-left: 15px;

    padding-right: 15px;

}



.open {

    max-height: 500px !important;

}



.list-inline.career li {

    font-size: 18px;

    text-shadow: 0 1px 2px rgba(0,0,0,.80);

}



#tab-jobs-wanted.active, #tab-case-studies.active, #tab-candy.active, #tab-buildsmart.active {

    background-color: #e0793b !important;

}



#country-scroll-more, #modal-notice, .member-carousel .previous, .member-carousel .next, .team-container-group, #tabs .tab-container, #tabs .tab-child-container, .rm-content, #mv-read-more-container, .modal-content, #modalMain, .training-course-dropdown, #modal-job-description, #modalDownload {

    display: none;

}



#tabs .tab-container:first-child, .media-title, .course-container a {

    display: block;
    

}
.tab-bar {

    padding: 15px;

}



.tab-bar ul, .steps {

    margin-bottom: 0;

}



.tab-bar li:before {

    content: "|";

    padding-right: 10px;

}



.read-more, .ccs-solutions p, .orange-panel a, .remove-form, .orange-panel .about-panel-heading, .mv-read-more {

    color: #f18240 !important;

}



.media-left-container, .course-left-container, .course-detail-left-container {

    border-right: 1px solid #ebebeb;

    margin-left: -15px;

}



.panel-collapse, .dropdown-menu {

    max-height: 0;

    overflow: hidden;

}



.benefits, .ccs-solutions {

    border:2px solid #f18240;

    margin-left: 15px;

    margin-right: 15px;

}



.benefits li {

    position: relative;

    padding-left: 45px;

}

.panel-primary .panel-heading, .roles .panel-heading {

    padding-left: 15px;

}

.panel-info .panel-body {

    padding-top: 15px;

    padding-bottom: 15px;

}



.panel-info .panel-body a {

    color: #f18240;

}



.roles .panel {

    border-width: 2px;

    border-style: solid;

}



.roles .panel-body, .why-choose-us .panel-body {

    padding-top: 15px;

    padding-bottom: 15px;

}



.blue-panel {

    border-color: #0069b9;

}



.orange-panel {

    border-color: #f18240;

}



.blue-panel a, .blue-text, .blue-panel .about-panel-heading {

    color: #0069b9 !important;

}



.blue-panel .panel-heading {

    font-weight: 500;

    background: #0069b9;

    background: -moz-linear-gradient(left, #0069b9 0%, #42a9ed 100%);

    background: -webkit-linear-gradient(left, #0069b9 0%,#42a9ed 100%);

    background: linear-gradient(to right, #0069b9 0%,#42a9ed 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069b9', endColorstr='#42a9ed',GradientType=1 );

}



.orange-panel .panel-heading {

    font-weight: 500;

    background: #f18240;

    background: -moz-linear-gradient(left, #f18240 0%, #fbb389 100%);

    background: -webkit-linear-gradient(left, #f18240 0%,#fbb389 100%);

    background: linear-gradient(to right, #f18240 0%,#fbb389 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18240', endColorstr='#fbb389',GradientType=1 );

}



.blue-bg .flickity-page-dots .dot {

    background-color: #fff;

}



.blue-bg .flickity-prev-next-button .arrow, .home-carousel .flickity-prev-next-button .arrow {

    fill: #fff;

}



b {

    display: inline;
      position: fixed;

}



.course-container ul {

    font-size: inherit;


}



ul {

    font-size: 0;

    padding-left: 15px;
  


}



li {

    font-size: 16px;


}



li:last-child, .booking-hero, .case-studies-hero {

    margin-bottom: 0;

}



h1 > small {

    display: block;

    color: black;


}



.btn-training-option {

    width: 300px;

    padding-top: 30px;

    padding-bottom: 30px;

}



.steps li {

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    width: 120px;

    height: 120px;

    padding-top: 35px;

    margin-right: 90px;

    position: relative;
}



.steps li:after {

    background: url("../img/bg-steps.png") repeat-x left;

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -80px;

    width: 55%;

    height: 8px;

}



.steps li:last-child:after {

    background: none;

}



.steps li:last-child, .btn-training-option:last-child {

    margin-right: 0;

}



.steps .active {

    background-color: #fff;

    color: #0069b9;

}



.form-title, .faq-title, .doc-title {

    font-size: 20px;

}



.sm-solution-container {

    height: auto !important;

}



.sm-solution-container .btn {

    z-index: 4;

    position: relative;

}



.key-elements {

    border: 2px solid #fff;

    margin-left: 15px;

    margin-right: 15px;

}



.training-category a:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 100%;

    height: 100%;

    background-color: rgba(0,98,178,.75);

}



.training-category p {

    width: 90%;

}



.training-category {

    position: relative;

    text-shadow: 0 1px 2px rgba(0,0,0,.80);

}



.course-location, .course-summary, .course-contact {

    background-color: rgba(6,42,66,.5);

    padding: 15px;

}



.course-schedule thead {

    background-color: rgba(6,42,66,.5);

}



.course-schedule tbody {

    background-color: #fff;

}



.course-schedule .date {

    cursor: pointer;

    color: #0069b9;

    display: block;

}



.course-schedule .date:hover {

    text-decoration: underline;

}



.contact-form {

    background-color: #f7f7f7;

}



.source label {

    margin-left: 0 !important;

    width: 100%;

}



.contact-country {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgba(255,255,255,.80);

    padding: 5px 0;

    font-size: 10px;

}



.contact-country a {

    color: #4b4b4b;

    width: 100px;

    display: block;
 
    white-space: normal;

}



.contact-country .table-responsive, .contact-country td, .table-contact td, .course-detail-left-container li {

    border: none !important;

}



.table-contact td {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    padding-left: 0 !important;

}



.btn-map {

    background-color: transparent;

    color: #546c7e;

    border: 1px solid #c2c2c2;

}



.btn-map.active {

    border-color: #f18240;

}



.attendee-container {

    background-color: #e7e7e7;

}



.remove-form {

    margin-left: 10px;

}



.about-panel-heading {

    font-weight: 500;

    padding: 10px 15px 10px 0;

}



.why-choose-us .panel-body {

    padding-top: 0;

}



.history-container {

    width: 100%;

    height: 2350px;

    background-image: url("../img/about/history-bg-front.png"), url("../img/about/history-bg.png"), url("../img/about/history-bg-back.png"), url("../img/about/history-bg-back-2.png");

    background-repeat: repeat-x, no-repeat, repeat-x, no-repeat;

    background-position: bottom center, bottom center, bottom center, top center;

    background-size: contain, contain, contain, cover;

    overflow: hidden;

    position: relative;

}



.history-section, .leadership-section {

    padding-bottom: 0;

}



.complete-solution-container {

    position: relative;

    height: 600px;

}



.cs-layer-1 {

    width: 660px;

    height: 660px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    background-color: #f18240;

}



.cs-layer-2 {

    width: 630px;

    height: 630px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    z-index: 2 !important;

}



.cs-container-logo {

    z-index: 4 !important;

}



.cs-arrow {

    width: 67px;

    height: 63px;

    z-index: 4;

    position: absolute;

    background: url("../img/solutions/cs-arrow.png") no-repeat;

}



.arrow-1 {

    top: -38px;

    left: 290px;

}



.arrow-2 {

    top: 87px;

    right: 28px;

    transform: rotate(52deg);

}



.arrow-3 {

    top: 354px;

    right: -32px;

    transform: rotate(103deg);

}



.arrow-4 {

    top: 572px;

    right: 143px;

    transform: rotate(148deg);

}



.arrow-5 {

    top: 572px;

    left: 140px;

    transform: rotate(204deg);

}



.arrow-6 {

    top: 355px;

    left: -30px;

    transform: rotate(252deg);

}



.arrow-7 {

    top: 82px;

    left: 34px;

    transform: rotate(307deg);

}



.cs-line {

    border: 4px solid #036fc2;

    width: 50%;

    z-index: 3 !important;

    position: absolute;

}



.line-1 {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    top: 154px;

    left: 158px;

}



.line-2 {

    transform: rotate(-54deg);

    -webkit-transform: rotate(-54deg);

    top: 185px;

    left: 250px;

}



.line-3 {

    transform: rotate(-18deg);

    -webkit-transform: rotate(-18deg);

    top: 263px;

    left: 307px;

}



.line-4 {

    transform: rotate(18deg);

    -webkit-transform: rotate(18deg);

    top: 360px;

    left: 307px;

}



.line-5 {

    transform: rotate(54deg);

    -webkit-transform: rotate(54deg);

    top: 438px;

    left: 250px;

}



.line-6 {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    top: 468px;

    left: 158px;

}



.line-7 {

    transform: rotate(-54deg);

    -webkit-transform: rotate(-54deg);

    top: 438px;

    left: 66px;

}



.line-8 {

    transform: rotate(-18deg);

    -webkit-transform: rotate(-18deg);

    top: 355px;

    left: 24px;

}



.line-9 {

    transform: rotate(18deg);

    -webkit-transform: rotate(18deg);

    top: 263px;

    left: 8px;

}



.line-10 {

    transform: rotate(54deg);

    -webkit-transform: rotate(54deg);

    top: 184px;

    left: 65px;

}



.cs-content {

    width: 180px;

    position: absolute;

}



.cs-qto {

    top: 64px;

    right: 161px;

}



.cs-estimating {

    top: 151px;

    right: 48px;

}



.cs-planning {

    top: 277px;

    right: 10px;

}



.cs-forecasting {

    top: 411px;

    right: 46px;

}



.cs-valuation {

    top: 488px;

    right: 162px;

}



.cs-reporting {

    top: 64px;

    left: 161px;

}



.cs-accounting {

    top: 160px;

    left: 44px;

}



.cs-costing {

    top: 283px;

    left: 7px;

}



.cs-manpower {

    top: 406px;

    left: 41px;

}



.cs-procurement {

    top: 485px;

    right: 298px;

}



.cs-plan {

    top: 198px;

    right: 10px;

}



.dropdown-menu {

    position: absolute;

    left: 0;

    top: 52px;

    list-style: none;

    width: 220px;

    background-color: rgba(255,255,255,.90);

    padding: 0;

    z-index: 1;

}



.dropdown-menu li {

    padding: 5px 15px;

    white-space: nowrap;

}



.dropdown-menu li:hover {

    background-color: #f5f5f5;

}



.dropdown-menu a {

    text-decoration: none;

    display: block;

    color: #8d8d8d;

}



.team-container div[class*="team-member-"] {

    position: absolute;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    cursor: pointer;

    opacity: .90;

}



.team-container div[class*="team-member-"].active {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1;

}



.team-container div[class*="team-member-"]:hover {

    opacity: 1;

}



.team-member-1 {

    background: url("../img/about/img-team-1.png") no-repeat;

    width: 186px;

    height: 350px;

    bottom: 0;

    left: 4px;

}



.team-member-2 {

    background: url("../img/about/img-team-2.png") no-repeat;

    width: 180px;

    height: 395px;

    bottom: 0;

    left: 151px;

}



.team-member-3 {

    background: url("../img/about/img-team-3.png") no-repeat;

    width: 157px;

    height: 392px;

    bottom: 0;

    left: 304px;

}



.team-member-4 {

    background: url("../img/about/img-team-4.png") no-repeat;

    width: 195px;

    height: 385px;

    bottom: 0;

    left: 430px;

}



.team-member-5 {

    background: url("../img/about/img-team-5.png") no-repeat;

    width: 176px;

    height: 371px;

    bottom: 0;

    right: 367px;

}



.team-member-6 {

    background: url("../img/about/img-team-6.png") no-repeat;

    width: 195px;

    height: 364px;

    bottom: 0;

    right: 210px;

}



.team-member-7 {

    background: url("../img/about/img-team-7.png") no-repeat;

    width: 166px;

    height: 391px;

    bottom: 0;

    right: 111px;

}



.team-member-8 {

    background: url("../img/about/img-team-8.png") no-repeat;

    width: 152px;

    height: 359px;

    bottom: 0;

    right: -9px;

}



.mv-read-more-container {

    position: absolute;

    top: 30px;

    bottom: 30px;

    left: 30px;

    right: 30px;

    background-color: rgba(9,105,174,.95);

    z-index: 1;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

}



.mv-read-more-content {

    position: absolute;

    top: 30px;

    bottom: 15px;

    left: 15px;

    right: 15px;

    z-index: 1;

    overflow-y: auto;

}



.mv-close {

    position: absolute;

    right: 38px;

    top: 15px;

    z-index: 2;

}



.modal-close {

    position: absolute;

    right: 30px;

    top: 10px;

    color: #fff !important;

    z-index: 2;

}



.member-carousel .carousel-cell {

    width: 50%;

    height: 240px;

    margin-right: 10px;

    background: url("../img/about/member-bg.png") repeat-x center;

    opacity: .50;

    position: relative;

    overflow: hidden;

}



.member-carousel .carousel-cell.is-selected {

    opacity: 1;

}



.member-slider-section {

    overflow: hidden;

    padding-top: 0;

    padding-bottom: 0;

    position: relative;

}



.member-thumb {

    position: absolute;

    bottom: 0;

    left: 0;

}



.member-name {

    position: absolute;

    right: 0;

    top: 50%;

    width: 70%;

    transform: translateY(-50%);

    padding-right: 15px;

}



#modalDownload, #modalMain, #modal-job-description {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(0,0,0,.75);

    z-index: 4;

}



.modal-container {

    background-color: rgba(9,105,174,.80);

    width: 90%;

    padding-top: 30px;

    padding-bottom: 30px;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

}



.training-hero small {

    border-bottom: 1px solid #bd7403;

}



.course-container a {

    color: #545454;

}



.course-container li {

    border-bottom: 1px solid #ebebeb;

    padding-top: 5px;

    padding-bottom: 5px;

}



.course-left li {

    padding-left: 15px;

}



.course-container .active {

    background-color: #0069b9;

}



.newsletter-form .form-control {

    background-color: transparent;

    color: #fff;

    border-color: #fff;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.newsletter-form ::-webkit-input-placeholder {

    color: #fff;

}



.newsletter-form ::-moz-placeholder {

    color: #fff;

}



.newsletter-form :-ms-input-placeholder {

    color: #fff;

}



.newsletter-form :-moz-placeholder {

    color: #fff;

}



.newsletter-form .input-group {

    overflow: hidden;

}



.newsletter-form .btn {

    border: none;

}



.footer hr {

    border-top: 1px solid rgba(255,255,255,.25);

}



.p-check {

    width: 25px;

    height: 24px;

    background: url("../img/partners/check.png") no-repeat;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

}



.partner-client-heading {

    font-size: 22px;

}



.hero-scroll-down {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    color: #fff;

    font-size: 50px;

    animation-name: floating;

    animation-duration: 1s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    text-shadow: 0 2px 10px rgba(0,0,0,.80);

}



@keyframes floating {

    from { bottom: 0; }

    50%  { bottom: 15px; }

    to   { bottom: 0; }

}



#featureclick, #featureclick2, #featureclick3, #featureclick4 {

    cursor: pointer;

}



.top-navbar .dropdown-menu {

    top: 42px;

    width: auto;

}



.breadcrumb > li + li::before {

    content: ">";

}



blockquote footer:before {

    content: '';

}



.case-study-testimonial {

    background-color: #e1e1e1;

    padding: 45px 60px;

    margin-bottom: 15px;

    position: relative;

    font-weight: 500;

}



.case-study-testimonial hr {

    border-color: #556c7e;

}



.case-study-testimonial:before {

    content: " ";

    width: 25px;

    height: 21px;

    background: url("../img/projects/cs-bg-quote-before.png") no-repeat;

    position: absolute;

    left: 30px;

    top: 30px;

}



.case-study-testimonial:after {

    content: " ";

    width: 25px;

    height: 21px;

    background: url("../img/projects/cs-bg-quote-after.png") no-repeat;

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.cloud-1 {

    width: 531px;

    height: 282px;

    background: url("../img/about/cloud-1.png") no-repeat;

    position: absolute;

    right: -215px;

    top: 13px;

    animation-name: cloud-1;

    animation-duration: 15s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-2 {

    width: 349px;

    height: 250px;

    background: url("../img/about/cloud-2.png") no-repeat;

    position: absolute;

    left: 36px;

    top: 160px;

    animation-name: cloud-2;

    animation-duration: 10s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-3 {

    width: 376px;

    height: 158px;

    background: url("../img/about/cloud-3.png") no-repeat;

    position: absolute;

    left: 570px;

    top: 450px;

    animation-name: cloud-3;

    animation-duration: 12s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-4 {

    width: 271px;

    height: 125px;

    background: url("../img/about/cloud-4.png") no-repeat;

    position: absolute;

    left: 436px;

    top: 1078px;

    animation-name: cloud-4;

    animation-duration: 12s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-5 {

    width: 302px;

    height: 170px;

    background: url("../img/about/cloud-5.png") no-repeat;

    position: absolute;

    left: -78px;

    top: 853px;

    animation-name: cloud-5;

    animation-duration: 12s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-6 {

    width: 405px;

    height: 244px;

    background: url("../img/about/cloud-6.png") no-repeat;

    position: absolute;

    right: -110px;

    top: 654px;

    animation-name: cloud-6;

    animation-duration: 12s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



.cloud-7 {

    width: 309px;

    height: 182px;

    background: url("../img/about/cloud-7.png") no-repeat;

    position: absolute;

    right: -47px;

    top: 1137px;

    animation-name: cloud-7;

    animation-duration: 12s;

    animation-iteration-count: infinite;

    animation-timing-function: ease;

}



@keyframes cloud-1 {

    from { right: -215px; }

    50%  { right: -100px; }

    to   { right: -215px; }

}



@keyframes cloud-2 {

    from { left: 36px; }

    50%  { left: 110px; }

    to   { left: 36px; }

}



@keyframes cloud-3 {

    from { left: 570px; }

    50%  { left: 650px; }

    to   { left: 570px; }

}



@keyframes cloud-4 {

    from { left: 436px; }

    50%  { left: 390px; }

    to   { left: 436px; }

}



@keyframes cloud-5 {

    from { left: -78px; }

    50%  { left: 20px; }

    to   { left: -78px; }

}



@keyframes cloud-6 {

    from { right: -110px; }

    50%  { right: -60px; }

    to   { right: -110px; }

}



@keyframes cloud-7 {

    from { right: -47px; }

    50%  { right: 0; }

    to   { right: -47px; }

}



#modal-job-description .modal-container {

    padding-top: 30px;

    padding-bottom: 30px;

}



#modal-job-description .modal-description-content {

    height: 80vh;

    overflow-y: auto;

}



/* helper */

.light-text, .radio-inline, .checkbox-inline, .checkbox label {

    font-weight: 300;

}



.rounded {

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.media-img {

    margin-bottom: 15px;

}



.embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

}



.embed-container iframe, .embed-container object, .embed-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translate3d(0, 100%, 0);

        -webkit-transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        transform: none;

        -webkit-transform: none;

    }

}



.animated {

    animation-duration: .8s;

    animation-fill-mode: both;

}



.fade-in-up {

    animation-name: fadeInUp;

}



.xy-center {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    z-index: 1;

}



a, a:hover, button, .animate, .video-thumb-container:before, .training-category a:before {

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -ms-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}



.m-top-15 {

    margin-top: 15px;

}



.m-top-30 {

    margin-top: 30px;

}



.m-top-60 {

    margin-top: 60px;

}



.m-bottom-0 {

    margin-bottom: 0;

}



.m-bottom-5 {

    margin-bottom: 5px;

}



.m-bottom-15 {

    margin-bottom: 15px;

}



.m-bottom-30 {

    margin-bottom: 30px !important;

}



.m-bottom-60 {

    margin-bottom: 60px;

}



.p-30 {

    padding-top: 30px;

    padding-bottom: 30px;

}



.p-60 {

    padding-top: 60px;

    padding-bottom: 60px;

}



.google-map {

    background-color: #E5E3DF;

    position: relative;

    padding-bottom: 55%;

    height: 0;

    overflow: hidden;

}



.google-map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}



.project-photo img {

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.20);

}



.input-info {

    cursor: help;

    position: absolute;

    right: 25px;

    top: 8px;

}



.home-solution-logo {

    margin-left: -30px;

    margin-right: -30px;

    display: block;

}



#newsletter {

    z-index: 3;

}



.right-col-container .media-body, .media-left-container .media-body {

    overflow: auto;

}



.table-borderless td {

    border: none !important;

}



/* bootstrap */

.navbar-collapse a {

    font-size: 14px;


}



.navbar {

    z-index: 4;


}



.navbar-brand > img {

    width: 130px;


}



.navbar-default .navbar-nav > li > a {

    font-weight: 500;

    text-shadow: 0 1px 2px rgba(0,0,0,.75);
     

}



.navbar-default .navbar-nav > li > a:hover {

    text-shadow: 0 1px 2px rgba(0,0,0,1);

}



.top-navbar {

    width: 100%;

    background-color: rgba(255,255,255,.90);

}



.top-navbar .navbar-nav > li > a {

    padding-top: 0;

    padding-bottom: 0;

    font-weight: 300;

    text-shadow: none;

    color: #545454;

    font-size: 12px;

}



.breadcrumb a {

    color: #8d8d8d;

}



.top-navbar .navbar-nav > li > a:hover, .top-navbar .navbar-nav > li > a:focus, .breadcrumb a:hover, .breadcrumb a:focus, .panel-body a, .right-col-blog a, .dropdown a:hover {

    color: #545454;

    text-shadow: none;

}



/* custom grids */

@media(min-width: 768px) {

    .col-5 {

        width: 20%;

        float: left;

        overflow: hidden;

    }

    .newsletter-form .form-control {

        width: 33.3333333%;

    }

    .vat-carousel-sm {

        display: block !important;

    }

    .vat-carousel-xs {

        display: none !important;

    }

}



/* media queries */

@media(max-width: 767px) {

    .vat-carousel-xs {

        display: block !important;

    }

    .vat-carousel-sm {

        display: none !important;

    }

    #country-scroll-more {

        pointer-events: none;

        display: block;

        background-color: rgba(0,0,0,0.75);

        position: absolute;

        left: 225px;

        top: 0;

        right: 0px;

        bottom: 0;

        z-index: 1;

        font-size: 14px;

        transition: 1s;

    }

    #country-scroll-more i {

        position: relative;

        animation-name: test;

        animation-duration: 1s;

        animation-iteration-count: infinite;

        animation-timing-function: ease-in-out;

    }

    @keyframes test {

        from { left: 0; }

        50%  { left: 5px; }

        to   { left: 0; }

    }

    ::-webkit-scrollbar {

        -webkit-appearance: none;

        width: 7px;

        height: 7px;

    }

    ::-webkit-scrollbar-thumb {

        border-radius: 4px;

        background-color: rgba(0,0,0,.5);

        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

    }

    .top-navbar .dropdown .dropdown-menu {

        position: absolute;

        left: 0;

        top: 30px;

        background-color: rgba(255,255,255,.90);

    }

    .top-navbar .dropdown .dropdown-menu a {

        font-size: 12px;

    }

    .case-study-testimonial::before {

        left: 10px;

        top: 10px;

    }

    .case-study-testimonial::after {

        right: 10px;

        bottom: 10px;

    }

    .modal-close {

        right: 8px;

        top: 5px;

    }

    .navbar-brand {

        padding-top: 8px;

        padding-bottom: 8px;

    }

    .top-navbar li {

        float: left;

    }

    .testimonial-carousel blockquote, .hero-overlay-bottom, .btn-download, .training-category img, .btn-book-demo, .btn-training-option {

        width: 100%;

    }

    .testimonial-carousel blockquote p:before {

        left: -15px;

    }

    .testimonial-carousel blockquote p:after {

        right: -15px;

    }

    .copyright {

        text-align: center;

    }

    .collapse {

        max-height: 0;

        overflow: hidden;

        -webkit-transition: .8s;

        -moz-transition: .8s;

        -ms-transition: .8s;

        -o-transition: .8s;

        transition: .8s;

    }

    #collapsible-menu {

        background-color: rgba(255,255,255,.90);

    }

    .top-navbar {

        border-bottom: 1px solid #eee;

    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

        color: #8d8d8d;

        text-shadow: none;

        font-weight: 300;

    }

    .list-inline.career li {

        font-size: 14px;

    }

    .media-left-container, .course-left-container, .course-detail-left-container {

        border: none;

        margin-right: -15px;

    }

    .steps li {

        width: 75px;

        height: 75px;

        padding-top: 25px;

        margin-right: 15px;

    }

    .steps li:after {

        background: none;

        content: none;

    }

    .remove-form {

        display: block;

        margin-top: 10px;

    }

    .why-choose-us .panel, .complete-solution-container {

        height: auto !important;

    }

    .cs-layer-1, .cs-layer-2 {

        position: static;

        width: 100%;

        transform: translate(0%,0%);

        -webkit-transform: translate(0%,0%);

        height: auto;

        border-radius: 0;

        -webkit-border-radius: 0;

        padding: 15px;

    }

    .cs-content {

        position: static;

        width: 100%;

        border-bottom: 4px solid #036fc2;

        padding-bottom: 15px;

    }

    .dropdown-menu {

        position: static;

        background-color: transparent;

        width: 100%;

    }

    .dropdown-menu li:hover {

        background-color: transparent;

    }

    .dropdown-menu li {

        padding-top: 8px;

        padding-bottom: 8px;

    }

    .mv-read-more-container {

        top: 15px;

        bottom: 15px;

        left: 15px;

        right: 15px;

    }

    .member-carousel .carousel-cell {

        width: 100%;

        opacity: 1;

    }

    .modal-container {

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .home-carousel p {

        font-size: 18px;

    }

    .home-carousel img {

        width: 200px;

    }

    .case-study-testimonial {

        padding: 30px 15px;

    }

    .newsletter-form .input-group {

        display: block;

    }

    .newsletter-form .form-control {

        margin-bottom: 15px;

    }

}



@media(max-width: 991px) {

    .newsletter-form .btn {

        border: 1px solid #f18240;

    }

    .hero.india {

        background-position: top right;

    }

    .history-content .img-circle {

        width: 250px;

        height: 250px;

    }

    .home-solution-logo {

        margin-left: auto !important;

        margin-right: auto !important;

        max-width: 100%;

    }

    .navbar-brand > img {

        width: 100px;

    }

    .project-desc-container, .right-blog-title {

        padding-top: 15px;

    }

    .blue-bg .project-desc-container, .project-case .project-desc-container {

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 15px;

    }

    .training-category a:before {

        height: 60px;

    }

    .why-choose-us .panel {

        height: 280px;

    }

    .history-container {

        background-image: url("../img/about/history-bg-back-2.png");

        background-repeat: repeat-x;

        background-position: top center;

        height: auto !important;

    }

    .footer label {

        margin-top: 8px;

    }

    .project-thumb-container img {

        height: 200px;

        width: 100%;

    }

}



@media(min-width: 768px) {

    .article-content {

        overflow: hidden;

        height: 390px;

    }

    .article-container .blog-thumb {

        overflow: hidden;

        height: 225px;

    }

    .article-container {

        height: 470px;

    }

    .btn-article-more {

        position: absolute;

        bottom: 15px;

        left: 50%;

        transform: translateX(-50%);

    }

    button[name="editer"], button[name="confimer"] {

        width: 270px;

    }

    .navbar-nav > li > a {

        line-height: 42px;

    }

    .top-navbar .navbar-right {

        margin-right: 0;

    }

    .newsletter {

        width: 40%;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        bottom: -15px;

    }

    .hero h1 {

        font-size: 45px;

    }

    .media-thumb {

        width: 30%;

    }

    .media-text {

        width: 70%;

        padding-left: 15px;

    }

    .roles .col-md-4 .panel {

        position: relative;

        height: 300px;

    }

    .panel-read-more, .mv-read-more {

        position: absolute;

        left: 0;

        bottom: 15px;

        width: 100%;

    }

    .blue-bg .project-desc-container, .project-case .project-desc-container {

        padding-top: 15px;

        padding-right: 15px;

    }

    .btn-training-option {

        margin-right: 30px !important;

    }

    .attendee-container {

        padding-left: 15px;

        padding-right: 15px;

    }

    .mv-container {

        height: 330px;

    }

    .footer-social li:first-child {

        padding-left: 0;

    }

    .footer-social li {

        border-right: 1px solid rgba(255,255,255,.25);

        padding-right: 26px;

        padding-left: 26px;

    }

    .footer-social li:last-child {

        border: none;

    }

    .highlight img {

        width: 100%;

    }

}



@media(min-width: 992px) {

    .article-container {

        height: 530px;

    }

    .article-content {

        height: 435px;

    }

    .d-capetown, .d-sasol {

        /* margin-top: 20px; */

    }

    .d-impala {

        /* margin-top: 100px; */

    }

    .d-gautrain {

        /* margin-top: 30px; */

    }

    .d-burj-al-arab, .d-kusile, .d-yas, .d-venetia {

        /* margin-top: 60px; */

    }

    .d-international-airport, .d-mall-of-africa, .d-queensferry {

        /* margin-top: 50px; */

    }

    .course-contact {

        line-height: 36px;

    }

    .save-pdf .form-control {

        height: 40px;

    }

    .save-pdf label {

        font-size: 30px;

        font-weight: 500;

        line-height: 1.1;

    }

    .consultancy-left {

        padding-right: 60px;

        margin-bottom: 60px;

    }

    .btn {

        padding-left: 36px;

        padding-right: 36px;

    }

    .ipp-container {

        height: 530px;

    }

    .ipp-container .btn {

        position: absolute;

        bottom: 15px;

        left: 50%;

        transform: translateX(-50%);

    }

    .project-thumb-container img {

        width: 360px;

        height: 190px;

    }

    .solution-container, .sm-solution-container {

        height: 310px;

        border-color: #eee;

    }

    .solution-container .btn {

        position: absolute;

        bottom: 30px;

        left: 50%;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        z-index: 4;

    }

    .solution-container:hover, .sm-solution-container:hover {

        border-color: #eee;

    }

    .solution-container:hover:after, .solution-container:hover:before, .sm-solution-container:hover:after, .sm-solution-container:hover:before {

        transform: scale(1);

        -webkit-transform: scale(1);

    }

    .solution-container:before, .solution-container:after, .sm-solution-container:before, .sm-solution-container:after {

        width: 100%;

        height: 100%;

        z-index: 3;

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        transform: scale(0);

        -webkit-transform: scale(0);

        transition: .4s;

        -webkit-transition: .4s;

    }

    .solution-container:before, .sm-solution-container:before {

        border-bottom: 1px solid #0069b9;

        border-left: 1px solid #0069b9;

        transform-origin: 0 100%;

        -webkit-transform-origin: 0 100%;

    }

    .solution-container:after, .sm-solution-container:after {

        border-top: 1px solid #0069b9;

        border-right: 1px solid #0069b9;

        transform-origin: 100% 0%;

        -webkit-transform-origin: 100% 0%;

    }

    .project-desc-container, .right-blog-title {

        padding-left: 15px !important;

    }

    .media-img {

        float: left;

        margin-right: 15px;

    }

    .training-category:hover a:before {

        height: 100px;

    }

    .why-choose-us .panel {

        height: 185px;

    }

    .history-content img, .history-content p.text-center {

        position: relative;

    }

    .history-date {

        position: absolute;

        bottom: 0;

        border: 3px solid #455a64;

        background-color: #fff;

        padding: 2px 25px;

        border-radius: 15px;

        -webkit-border-radius: 15px;

    }

    .h-left .history-date {

        right: -146px;

    }

    .h-right .history-date {

        left: -140px;

    }

    .h-left .history-date.long-pointer:after {

        content: url("../img/about/left-long.png");

        position: absolute;

        left: -195px;

        top: 4px;

    }

    .h-right .history-date.long-pointer:after {

        content: url("../img/about/right-long.png");

        position: absolute;

        right: -195px;

        top: 4px;

    }

    .h-left .history-date.short-pointer:after {

        content: url("../img/about/left-short.png");

        position: absolute;

        left: -130px;

        top: 4px;

    }

    .h-right .history-date.short-pointer:after {

        content: url("../img/about/right-short.png");

        position: absolute;

        right: -130px;

        top: 4px;

    }

    .history-container img {

        width: 200px;

    }

    .history-container img.img-circle {

        width: 150px;

        height: 150px;

        border: 6px solid #cbe9f8;

    }

    .team-container {

        height: 420px;

    }

    .member-slider-section:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 1;

    }

    .modal-container {

        width: 60%;

    }

    .h-left, .h-right {

        position: relative;

    }

    .h-left:first-child {

        top: 0;

    }

    .h-left:first-child img, .h-left:first-child p.text-center {

        left: -100px;

    }

    .h-right:nth-child(2) {

        top: -170px;

    }

    .h-right:nth-child(2) img, .h-right:nth-child(2) p.text-center {

        right: -30px;

    }

    .h-left:nth-child(3) {

        top: -240px;

    }

    .h-left:nth-child(3) img, .h-left:nth-child(3) p.text-center {

        left: -30px;

    }

    .h-right:nth-child(4) {

        top: -360px;

    }

    .h-right:nth-child(4) img, .h-right:nth-child(4) p.text-center {

        right: -110px;

    }

    .h-left:nth-child(5) {

        top: -460px;

    }

    .h-left:nth-child(5) img, .h-left:nth-child(5) p.text-center {

        left: -70px;

    }

    .h-right:nth-child(6) {

        top: -615px;

    }

    .h-right:nth-child(6) img, .h-right:nth-child(6) p.text-center {

        right: -35px;

    }

    .h-left:nth-child(7) {

        top: -690px;

    }

    .h-left:nth-child(7) img, .h-left:nth-child(7) p.text-center {

        left: -75px;

    }

    .h-right:nth-child(8) {

        top: -835px;

    }

    .h-right:nth-child(8) img, .h-right:nth-child(8) p.text-center {

        right: -45px;

    }

    .h-left:nth-child(9) {

        top: -910px;

    }

    .h-left:nth-child(9) img, .h-left:nth-child(9) p.text-center {

        left: -110px;

    }

    .h-right:nth-child(10) {

        top: -1050px;

    }

    .h-right:nth-child(10) img, .h-right:nth-child(10) p.text-center {

        right: -60px;

    }

    .h-left:nth-child(11) {

        top: -1165px;

    }

    .h-left:nth-child(11) img, .h-left:nth-child(11) p.text-center {

        left: -60px;

    }

    .h-right:nth-child(12) {

        top: -1256px;

    }

    .h-right:nth-child(12) img, .h-right:nth-child(12) p.text-center {

        right: -100px;

    }

    .h-left:nth-child(13) {

        top: -1347px;

    }

    .h-left:nth-child(13) img, .h-left:nth-child(13) p.text-center {

        left: -120px;

    }

    .h-right:nth-child(14) {

        top: -1480px;

    }

    .h-right:nth-child(14) img, .h-right:nth-child(14) p.text-center {

        right: -60px;

    }

    .h-left:nth-child(15) {

        top: -1550px;

    }

    .dropdown-menu {

        width: auto;

    }

    .left-solution .col-xs-12, .right-solution .col-xs-12 {

        height: 369px;

    }

    .left-solution .btn {

        position: absolute;

        bottom: 0;

        left: 15px;

    }

    .right-solution .btn {

        position: absolute;

        bottom: 0;

        right: 15px;

    }

    .left-solution p.text-left {

        padding-right: 60px;

    }

    .right-solution p.text-right {

        padding-left: 60px;

    }

}



/* masonry */

.masonry {

    display: block;

    -webkit-column-gap: 5px;

    -moz-column-gap: 5px;

    column-gap: 5px;

}



.masonry.masonry-columns-2 {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

}



@media(max-width: 540px) {

    .masonry.masonry-columns-2 {

        -webkit-column-count: 1;

        -moz-column-count: 1;

        column-count: 1;

    }

}



/* font sizes */

@media(min-width: 992px) {

    .td-course {

        width: 300px;

    }

    body, .btn, li, .navbar-collapse a, .footer, .footer li {

        font-size: 18px;

    }

    .footer li {

        line-height: 24px;

    }

    .roles .panel, .roles li, .why-choose-us .panel, .top-navbar .navbar-nav > li > a, .case-study-testimonial, .training-notice, .training-notice li, .course-schedule {

        font-size: 15px;

    }

    .footer .btn, .steps li, .history-container, .source {

        font-size: 14px;

    }

    .list-inline.career li {

        font-size: 24px;

        letter-spacing: 2px;

    }

    .footer label {

        font-weight: 500;

        margin-top: 15px;

    }

    .newsletter-form .form-control {

        font-size: 18px;

        height: 55px;

        line-height: 55px;

    }

    .newsletter-form .btn {

        padding: 17px;

        font-size: 15px;

        height: 55px;

    }

    .phase-container, .key-elements {

        font-size: 20px;

    }

    .navbar-brand {

        position: absolute;

        left: 15px;

    }

    .project-desc-container .btn {

        position: absolute;

        bottom: 15px;

        left: 15px;

    }

    .project-desc-container {

        height: 190px;

    }

    .why-choose-us {

        position: relative;

        height: 900px;

    }

    .why-choose-us .col-xs-12 .panel {

        position: absolute;

        bottom: 0;

        border-width: 2px;

    }

    .why-choose-us .col-xs-12:nth-child(1) .panel {

        top: 0;

        left: 15px;

    }

    .why-choose-us .col-xs-12:nth-child(2) .panel {

        top: 0;

        right: 0;

        left: 15px;

    }

    .why-choose-us .col-xs-12:nth-child(3) .panel {

        top: 200px;

        left: 15px;

        height: 250px;

    }

    .why-choose-us .col-xs-12:nth-child(4) .panel {

        top: 200px;

        left: 15px;

    }

    .why-choose-us .col-xs-12:nth-child(5) .panel {

        top: 400px;

        left: 15px;

        height: 250px;

    }

    .why-choose-us .col-xs-12:nth-child(6) .panel {

        top: 465px;

        left: 15px;

    }

    .why-choose-us .col-xs-12:nth-child(7) .panel {

        top: 665px;

        left: 15px;

        height: 210px;

    }

    .vat-construction-title {

        left: 20% !important;

        text-align: left !important;

        transform: translate(0%,-50%);

    }

    .vat-construction-title h1 {

        font-size: 200px;

        margin-bottom: 0;

    }

    .vat-construction-title > p {

        line-height: 40px;

    }

    .vat-construction-title > p span:first-child {

        font-size: 70px;

        letter-spacing: 5px;

    }

    .vat-construction-title > p span:nth-child(2) {

        font-size: 40px;

        letter-spacing: 5px;

    }

    .vat-inc {

        font-size: 95px !important;

    }

}



@media(max-width: 1199px) {

    .team-container {

        display: none;

    }

    .team-container-group {

        display: block;

    }

    .member-carousel .previous, .member-carousel .next {

        display: block;

        z-index: 1;

        background-color: rgba(0,0,0,0.5);

    }

    .member-carousel .previous {

        left: 5px;

    }

    .member-carousel .next {

        right: 5px;

    }

    .member-carousel .flickity-prev-next-button .arrow {

        fill: rgba(255,255,255,0.75);

    }

}