/* -----------------
---- Typo ----------
------------------*/


/* upia magenta #bb4c8f */


/* Titel */

#spotlight,
.spotlight {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.vert-text {
    background: linear-gradient(to bottom, rgba(54, 89, 131, 0.25) 0%, rgba(255, 255, 255, 0.62) 70%, rgba(255, 255, 255, 1) 83%);
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.vert-text,
.bgfade {
    display: table-cell;
    width: 100%;
    max-width: 1680px;
    vertical-align: middle;
    margin: auto;
    align: center
}

#about .navbar-inverse.affix-top,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background: transparent;
    border-color: transparent;
}

h6 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 110%;
    margin: 0.5rem 0 0.4rem 0;
}

#hand_3,
#hand_6,
#hand_9,
#hand_12 {
    stroke: #5c6a75 !important;
}

#clock_top {
    float: left;
    margin: 5px 0 0 0;
}

#logo-top {
    position: relative;
    z-index: 9999;
}

#clock {
    margin-bottom: -10px;
}

#infos2 {
    position: relative;
}

#spotlight h2 {
    margin: 10px 0;
}

#bottom h3 {
    color: #f4edb3;
}

#welcome .input-group {
    box-shadow: 0 0 48px rgba(255, 255, 255, 0.5);
}

#itsfree {
    display: table;
    width: 100%;
    background: #7f8e9e;
    height: 100%;
    padding: 40px 20px 60px;
    overflow: hidden;
}

#itsfree h2 {
    margin-top: 40px;
    color: #f4edb3;
}

#language strong {
    text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.3);
    color: #1f1f1f;
}

#itsfree h2 small {
    color: #fff;
}

#itsfree .vert-text {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.51) 38%, rgba(0, 0, 0, 0.55) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.55)), color-stop(38%, rgba(255, 255, 255, 0.51)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.51) 38%, rgba(0, 0, 0, 0.55) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.51) 38%, rgba(0, 0, 0, 0.55) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.51) 38%, rgba(0, 0, 0, 0.55) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.51) 38%, rgba(0, 0, 0, 0.55) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#73000000', GradientType=0);
    /* IE6-9 */
}

.header_upgrade {
    display: table;
    width: 100%;
    height: 50%;
    background: url(/media/stock/20140927_174340-icmgroup.jpg) no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_upgrade #infotextlogo {
    max-width: 100px;
}

.header_upgrade h1 {
    font-size: 44px;
}

.footer_upgrade {
    width: 100%;
    background: url(/media/stock/teamstock.jpg) no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#ad_upgrade {
    background: url(/media/bola6/layout/upgr_img_soft_960.jpg) no-repeat center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.bgfade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+75,ffffff+100&0+0,1+25,1+75,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 14%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 14%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 14%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.shake {
    display: inline-block
}

@-webkit-keyframes takeoff {
    0%,
    25%,
    55%,
    100% {
        transform: translate(0px, 0px) rotate(-0deg);
    }
    30% {
        transform: rotate(3deg);
    }
    35% {
        transform: translate(0px, -4px);
    }
    40% {
        transform: rotate(-3deg);
    }
    50% {
        transform: translate(0px, -2px);
    }
}

.shake,
.btn-flat:hover i.fa,
nav a:hover i.fa {
    animation-name: takeoff;
    animation-duration: 5s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}


/* Pulse Grow */

@-webkit-keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.pulse:hover,
.pulse:focus,
.pulse:active {
    -webkit-animation-name: pulse-grow;
    animation-name: pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* Grow Rotate */

.grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.grow-rotate:hover,
.grow-rotate:focus,
.grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

.ripple-out:hover:before,
.ripple-out:focus:before,
.ripple-out:active:before {
    -webkit-animation-name: ripple-out;
    animation-name: ripple-out;
}


/* Ripple Out */

@-webkit-keyframes ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.ripple-out:before {
    content: '';
    position: absolute;
    border: #1f1f1f solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.ripple-out:hover:before,
.ripple-out:focus:before,
.ripple-out:active:before,
.ripple-out.active {
    -webkit-animation-name: ripple-out;
    animation-name: ripple-out;
}

.header_team .bgfade {
    display: block;
}

.ad_upgrade p {
    margin: 5px 0;
}

.ad_upgrade h4 {
    margin: 5px 0;
}

#infos2 h2,
footer #colo p {
    color: #fff;
}

.digits {
    font-size: 30px;
}


/* brushed metal texture */


/* outermost widget body/parent */


/*
body .avpw { background: #f5f5f5 url(../images/white_backdrop.png) 50% 0%;}
.avpw .avpw_current_tool_icon {background: #f5f5f5 url(../images/white_backdrop.png) 50% 0%;}
.avpw .avpw_app_popup { background: #f5f5f5 url(../images/white_backdrop.png) 50% 0%;}
.avpw .avpw_color_picker_container { background: #f5f5f5 url(../images/white_backdrop.png) 50% 25px;}
.avpw .avpw_canvas_background { background: #f5f5f5 url(../images/white_backdrop.png) 50% 0%;}
.avpw .avpw_inset_background { background: #f5f5f5 url(../images/white_backdrop.png) 50% 0%;}
*/

body .avpw *,
body .avpw a,
body .avpw a:link,
body .avpw a:hover,
body .avpw a:visited,
body .avpw a:active,
.avpw *,
.avpw a,
.avpw a:link,
body .avpw .avpw_page,
body .avpw .avpw_scroll_page_inner .avpw_tool_icon_inner,
.avpw_icon_label.avpw_label:hover;
{
    color: #1f1f1f;
}


/* footer text */

.avpw .avpw_footer_text,
.avpw .avpw_footer_text a,
.avpw .avpw_footer_text a:link,
.avpw .avpw_footer_text a:visited,
.avpw .avpw_footer_text a:hover,
.avpw .avpw_footer_text a:active {
    color: #7f8e9e;
}

.avpw .avpw_tool_icon:hover>* .avpw_tool_icon_image>* {
    background-color: #f5f5f5;
    color: #7f8e9e;
}

.avpw a:hover,
.avpw a:visited,
.avpw a:active,
body .avpw .avpw_page_selected {
    color: #7f8e9e;
}


/* hover */

.avpw .avpw_tool_icon:hover .avpw_tool_icon_image,
.avpw_icon_label.avpw_label {
    color: #7f8e9e;
}


/* pressod */

.avpw .avpw_tool_icon_down .avpw_tool_icon_image,
.avpw .avpw_tool_icon_down:hover .avpw_tool_icon_image {
    color: #7f8e9e;
}


/* text input fields */

body .avpw .avpw_text_input {
    background: #f5f5f5;
    color: #1f1f1f;
}


/* focus */

.avpw .avpw_inset_background .avpw_text_input_focused {
    color: #f5f5f5;
}


/* labels palette swapped on dark background */

.avpw .avpw_inset_background .avpw_label {
    color: #f5f5f5;
}

#avpw_save_button {
    border-radius: 0;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1f1f1f;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #1f1f1f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

#avpw_save_button:hover {
    color: #1f1f1f;
}

.halpout {
    background: #ebf3f5
}

#cta {
    background-color: #1f1f1f;
    color: #fff;
}

#cta h2,
#cta h3,
#cta h3 small {
    color: #7f8e9e;
}

#cta h2,
#cta h3,
#cta h4 {
    color: #fff;
}

#top.header_upgrade .vert-text .container {
    padding: 100px 15px;
}

@media (max-width: 767px) {
    .bgfade {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+75,ffffff+100&0+0,1+25,1+75,0+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 55%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 55%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 55%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        display: table-cell;
        width: 100%;
        width: 100%;
    }
}