.VContent{
    display: flex;
    margin-top: 5%;

}

.VContentWrapperTable{
    display: table;
    height: 100%;
}

section{
    position: relative;
}

.container {
    position: relative;
}

h1.letters {
    font-size: 75px;
    letter-spacing: -1px;
    color: #f1cf00;
}

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



/*------------------------------------------------------------------
[6. Intro / #intro ]
*/
#intro{
    background:url('../images/up/bg-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

.Background2{
    background:url('img/IntroBackground2.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background3{
    background:url('img/portfolio/portfolioBackground3.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background4{
    background:url('img/portfolio/portfolioBackground1.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background5{
    background:url('img/ShopBackground.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}


.BackgroundTestimonials{
    background:url('img/CorporateBackground4.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}




#intro.nobackground{
    background:#282828;
}

#intro.transparentBackgorundSection{
     background:transparent;
 }

.transparentBackgorundSection{
    background:transparent !important;
}

#intro.WhiteBackground{
    background:white;
}

.WhiteBackground{
    background:white;
}


#demo-canvas{
    position:absolute;
    top:0;
    left:0;
}


#intro.SinglePageIntro{
    background:url('img/portfolio/portfolioBackground3.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.introLogo{
    position:relative;
    width:160px;
    margin-bottom:20px;
}

#intro a {
    margin-top:20px;
}

/*------------------------------------------------------------------
[4. Text Styles / h1, h2, h3, h4.. ]
*/

h1, h2, h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}





h3.SinglePostTitle{
    font-size:60px;
    font-weight: 700;
    letter-spacing: -2px;
    text-transform: uppercase;
}

h3{
    font-size:42px;
    font-weight: 700;
    letter-spacing: -2px;
    text-transform: uppercase;
}

h4{
    font-size:20px;
    font-weight: 700;
    text-transform: uppercase;
}

h5{
    font-size:14px;
    text-transform: uppercase;
}

h6{
    font-size:12px;
    text-transform: uppercase;
}

.BigNumber{
    font-family: 'Raleway', sans-serif;
    font-size:150px;
    font-weight:900;
    letter-spacing:-10px;
    display:inline-block;
    color:#5CDBE7;
}

.SectionNexttoNumber{
    padding-top:50px;
}


p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
}

p.bold, .bold{
    font-weight:700;
}

p.italic{
    font-style:italic;
}


/*------------------------------------------------------------------
[7. Text separators / #clients, #text-separator-testimonials ]
*/

h3.TextNexttoNumber {
    border-bottom: 2px solid black;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #5cdbe7;
}


.NumberTextIntro{
    display:inline-block;
    top:-10px;
    left:10px;
    color:#5CDBE7;
}

#clients, #text-separator-testimonials{
    background-color: #1d1d1d;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:15px;
    overflow:hidden;

}


#text-separator-testimonials h2{
    color:white;
    z-index: 100;
    position: relative;
}


#text-separator-testimonials p{
    color:#e7e7e7;
    z-index: 100;
    position: relative;
}

.textSepLogo{
    position:absolute;
    right:40px;
    z-index: 1;
    opacity:0.1;
    width:400px;
    height:400px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}



.clientLogoWrapper{
    border-left:1px solid grey;
    border-bottom:1px solid grey;
}

.clientLogoWrapper:nth-child(1){
    border-left:0;
}

.clientLogoWrapper:nth-child(4){
    border-left:0;
    border-bottom:0
}
.clientLogoWrapper:nth-child(5),
.clientLogoWrapper:nth-child(6){
    border-bottom:0
}


#clients h3.SimpleText{
    font-size:28px;
    line-height:1.2;
    margin-bottom:50px;
}


.clientLogo img{
    width:180px;
    margin-top: 15px;
}


/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}

@keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}

/* Header elements when loading finishes */
.loaded .ip-logo{
    opacity: 1;

}


.loaded .ip-loader {
    opacity: 1;
}



.loaded .ip-logo {
    -webkit-animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}



@-webkit-keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
    fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
    -webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loaded .ip-main .browser .box:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.loaded .ip-main .browser .box:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}

/* Change layout class for header */
.layout-switch .ip-header {
    position: absolute;
    display:none;
}

/* No JS */
.no-js .ip-header {
    position: relative;
    min-height: 0px;
}

.no-js .ip-header .ip-logo {
    margin-top: 20px;
    height: 180px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .ip-header .ip-logo svg path {
    fill: #046674;
}



/*------------------------------------------------------------------
[18. Text Rotator Styling]
*/
h2.AnimatedHeadline b i em{
    font-style:normal;
}


.AnimatedHeadline b  i{
    font-style:normal;
    text-transform: uppercase;
}




.WordsWrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.WordsWrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    font-weight:900;
}

.WordsWrapper b.is-visible {
    position: relative;
}
.no-js .WordsWrapper b {
    opacity: 0;
}
.no-js .WordsWrapper b.is-visible {
    opacity: 1;
}


.AnimatedHeadline.AnimatedHeadlineRotation .WordsWrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.AnimatedHeadline.AnimatedHeadlineRotation i, .AnimatedHeadline.AnimatedHeadlineRotation em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.AnimatedHeadline.AnimatedHeadlineRotation i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}
.is-visible .AnimatedHeadline.AnimatedHeadlineRotation i {
    opacity: 1;
}
.AnimatedHeadline.AnimatedHeadlineRotation i.in {
    -webkit-animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
    -moz-animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
    animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
}
.AnimatedHeadline.AnimatedHeadlineRotation i.out {
    -webkit-animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
    -moz-animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
    animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
}
.AnimatedHeadline.AnimatedHeadlineRotation em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}
.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}
@-moz-keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg);
    }
}
@keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}
@-webkit-keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@-moz-keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}


.AnimatedHeadline.type .WordsWrapper {
    vertical-align: top;
    overflow: hidden;
}
.AnimatedHeadline.type .WordsWrapper::after {
    /* vertical bar */
    content:'';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}
.AnimatedHeadline.type .WordsWrapper.waiting::after {
    -webkit-animation: PulseAnimation 1s infinite;
    -moz-animation: PulseAnimation 1s infinite;
    animation: PulseAnimation 1s infinite;
}
/*.AnimatedHeadline.type .WordsWrapper.selected {*/
    /*background-color: #aebcb9;*/
/*}*/
.AnimatedHeadline.type .WordsWrapper.selected::after {
    visibility: hidden;
}
/*.AnimatedHeadline.type .WordsWrapper.selected b {*/
    /*color: #0d0d0d;*/
/*}*/
.AnimatedHeadline.type b {
    visibility: hidden;
}
.AnimatedHeadline.type b.is-visible {
    visibility: visible;
}
.AnimatedHeadline.type i {
    position: absolute;
    visibility: hidden;
}
.AnimatedHeadline.type i.in {
    position: relative;
    visibility: visible;
}
@-webkit-keyframes PulseAnimation {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@-moz-keyframes PulseAnimation {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@keyframes PulseAnimation {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

/*------------------------------------------------------------------
[8. Charts / Timers / Progress-bars]
*/

.ChartBox{
    padding:60px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* W3C    */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:300px;
    display:table;
}

.ChartBox i{
    font-size:60px;
}

.ChartBoxContent{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.ChartTextWrapper{
    display:inline-block;
    padding-left: 15px;
    min-width: 150px;
}

.ChartTextWrapper h3, .ChartTextWrapper h6{
    margin:0;
    text-align:left;
}



.progress-bar {
    color: #fff;
    background-color: black;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress {
    height: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: white;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid black;
}


.ProcessBubble:after{
    width:40px;
    content:'';
    height:40px;
    border-radius:50%;
    position: absolute;
    z-index:-3333;
    left:-5px;
    top:-5px;
    border:1px solid #5CDBE7;
}

.ProcessBubble{
    width:30px;
    height:30px;
    background: transparent;
    border-radius:50%;
    position:relative;
    margin:0 auto;
    margin-bottom:30px;
    box-shadow: 0 0 5px 10px rgba(221,221,221,0.6);
}

.ProcessBubble:before{
    width:50px;
    content:'';
    height:50px;
    border-radius:50%;
    position: absolute;
    z-index:-10;
    left:-10px;
    top:-10px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 5px 5px rgba(221,221,221,0.6);
}

.ConnectionLine{
    position:absolute;
    width:80%;
    left:60%;
    top:15px;

    height:1px;
    background:#ddd;
}


.active .ProcessBubble{
    background: #5CDBE7
}

/* Close button */
.action {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: top;
    color: #5CDBE7;
    border: none;
    background: none;
}

.action:hover,
.action:focus {
    color: #5CDBE7;
    outline: none;
}

.action--close {
    position: fixed;
    z-index: 99991;
    top: 0;
    right: 0;
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
}

.preview--image-loaded .action--close {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.text-hidden {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    color: transparent;
}

@media screen and (max-width: 40em) {
    .PortfolioItemPreview2 h3 {
        font-size: 1em;
    }
    .PortfolioItemPreview2 p,
    .details {
        display: none;
    }
}


#rev_slider{
    position:relative;
}

.SpecialOfferWrapper{
    width:100%;
    height:auto;
    overflow:hidden;
}

.SpecialWrapper .Plainblack-overlay{
    opacity:0;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    z-index:4;
}


.SpecialWrapper:hover .Plainblack-overlay{
    opacity:0.6;

}


.SpecialOfferWrapper img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.SpecialWrapper:hover img{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

.PromoCaption a{
    position:relative;
    left:-2000px;
    color:white;
    top:10px;
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}

.SpecialWrapper:hover .PromoCaption a{
    position:relative;
    left:0px;
}


.ServiceWrapper2{
}

.ServiceWrapperIcon2 .icon{
    font-size:50px;
    border:1px solid #eee;
    border-radius:50%;
    padding:25px;
}

.ServiceWrapper2:hover .icon{
    border:1px solid black;
}

.ServiceWrapperIcon2{
    margin-bottom:40px;
}

.ServiceWrapper3{
    padding:25px;
    min-height:250px;
    /*border-left: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
}

.ServiceWrapper3 .AbsoluteIcon{
    position:absolute;
    top:0;
    left:70px;
    font-size:100px !important;
    color: rgba(238,238,238,0.4);
    z-index:-1;
}


.ServiceWrapper3 .ServiceWrapperText{
    overflow:hidden;
    text-align:left;
}

.ServiceWrapper3 .icon{
    padding-top:10px;
}

.ServiceWrapper3 .icon{
    float:left;
    font-size:50px;
    padding-right:35px;
}

.BorderBottomNone{
    border-bottom: none;
}

#servicesContent .ServiceWrapper3:nth-child(5),
#servicesContent .ServiceWrapper3:nth-child(1){
    border-left:none;
}

.FadingText{
    position:absolute;
    right:0;
    z-index:-1;
    color:#f9f9f9;
    top:-30px;
    text-transform: none;
    font-size:140px;
    font-weight: 700;
    letter-spacing: -4px;
}

.FadingText.DarkerGrey{
    padding-top:20px;
    color: #F1F1F1;
    line-height:100px;
}

.line-separator-small{
    margin-top:15px;
    margin-bottom:15px;
    background: #5CDBE7;
    width:40px;
    height:3px;
    margin-left:auto;
    margin-right:auto;
}


/*ALTERAÇÕES CSS*/

.tab-content-vr {
    background-color: transparent;
}

.tab-content:after {
    background-color: transparent;
}




.SpaceTop30 {
    padding-top: 30px;
}

.ProcessBubble {
    border: 1px solid #b7b7b7;
}


.modal-content .modal-header {
    background-color: transparent;
    border-bottom: 0;
}

.news1 {
    padding: 0 45px;
}

.box-iniciativas {
    min-height: 430px;
}

.post-hover {
    background-color: #fff;
    padding-top: 15px;
}

.post-hover a{
    color: #000;
}

.post-hover:hover {
    background-color: #d4d4d4;
}


.post-hover:hover a {
    text-decoration: none; 
}


.ChartBox {
    padding: 20px;
}


.line-separator-small {
    background: #000;
}


.bg-avr {
    background-color: #282828;
    border: none;
}

.navbar-default .navbar-nav > li > a {
    text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #d5d5d5;
}


.fixed-header-on .header.fixed {
    background-color: #282828;
    border-color: #484848;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
}


body#bigWrapper {
    overflow-x: hidden;
}

.box-style-1 p{
margin-bottom: 0px;
font-weight: 700;
}

.box-style-1 p:last-child{
    font-weight: 100;
    line-height: 16px;
}
.box-style-1 {
    padding: 20px 10px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}