.gradient-bg-1
{
    background-color:#ab221b;
    background-image:-webkit-linear-gradient(right, #ab221b 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #ab221b 0%, #4a0a0f 100%);
    color:#fff
}

.cursor_pointer
{
    cursor: pointer!important;
}

.cursor_pointer:hover
{
    text-decoration: underline;
    color: blue;
}

.align_self_center
{
    align-self: center;
}

.features-block .feature_image
{
    margin-right: auto;
    display: block;
    /*padding: 15px;*/
    filter: grayscale(0.8);
    margin-bottom: 20px;
}


.top_menu_colour
{
    background-color: #3a3632!important;
    /*
    background-color: #a8baf0!important;
    */
}

.side_menu_text_colour.navbar-nav > .nav-item > .dropdown-toggle.nav-link
{
    color: #aaaaaa !important;
}

.side_menu_text_colour.navbar-nav > .nav-item.open > .dropdown-toggle.nav-link
{
    color: #eeeeee !important;
}

.Wt-popup.dropdown-menu.wt-reparented > .nav-item > .nav-link > span
{
    color: #aaaaaa !important;
}

.Wt-popup.dropdown-menu.wt-reparented > .nav-item.active > .nav-link > span
{
    color: #eeeeee !important;
}

.Wt-popup.dropdown-menu.wt-reparented
{
    background-color: #5c564f!important;
}

.top_menu_text_colour.nav-item.active > a
{
    color: #eeeeee !important;
}

.top_menu_text_colour.nav-item > a
{
    color: #aaaaaa !important;
}

.path_border_colour
{
    border: 3px solid;
    border-color: #3a3632!important;
}

.large-header
{
    font-weight:400;
    text-transform:uppercase;
    font-family:"Righteous", sans-serif;
    letter-spacing:3px;
    color:#fff
}

.text-description
{
    color:#fff;
    font-size:16px;
    font-weight:300;
    line-height:26px;
    max-width:100%;
    width:474px;
    display: inline-block;
    margin-bottom: .5rem;
    text-align: center;
}

.align_block_text
{
    align-self: center;
    text-align: center;
}

.legend_element > legend
{
    text-align: center;
    font-weight:400;
    text-transform:uppercase;
    font-family:"Righteous", sans-serif;
    letter-spacing:3px;
    color:#fff;
}

.font_legend_size > legend
{
    font-size: 28px!important;
}

.path_text_colour
{
    color: #ab221b;
}

.centered-element
{
    text-align: center;
    width: 90%!important;
    margin: 0px auto!important;
}

.fade-in-element
{
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
    animation-iteration-count: 1;
}

@keyframes fadeIn
{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn
{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn
{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn
{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn
{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*****************************************************************************/
.features-list
{
    margin-top:50px
}

@media (min-width: 768px)
{
    .features-list
    {
        margin-top:100px
    }
}

.features-list .row
{
    margin:0;
}

.features-list>.row:nth-child(odd)>.features-block:nth-child(odd)
{
    background:#f1f1f1
}

.features-list>.row:nth-child(even)>.features-block:nth-child(even)
{
    background:#f1f1f1
}

.features-block
{
    padding:0;
}
.feature_border
{
    border: #f1f1f1;
    border-style: solid;
}

.features-block .feature
{
    padding:15%;
}

/*
.feature_image
{
    transition: transform 1.6s;
    transform-style: preserve-3d;
    perspective: 2000px;
}
*/

.feature:hover
{
    animation-name: feature_animation;
    animation-duration:0.6s;
    animation-delay: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@keyframes feature_animation
{
    from
    {
        transform: scale(1, 1);
    }
    75%
    {
        transform: scale(1.07, 1.07);
    }
    to
    {
        transform: scale(1.05, 1.05);
    }
}

.feature:hover > .feature_image
{
    /*transform: rotateY(360deg);*/
    animation-name: feature_image_animation;
    animation-delay: 0.2s;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@keyframes feature_image_animation
{
    from
    {
        transform: rotateY(0deg);
        transition: transform 1.6s;
        transform-style: preserve-3d;
        perspective: 2000px;
    }
    to
    {
        transform: rotateY(25deg);
        transition: transform 1.6s;
        transform-style: preserve-3d;
        perspective: 2000px;
    }
}

/*
.features-block  > .feature > .feature_image
{
    transform: rotateY(0deg) scale(1, 1);
    transition: transform 1s;
    transform-style: preserve-3d;
    perspective: 2000px;
}
*/

 */
.features-block .feature-icon
{
    min-height:70px;
    margin-bottom:20px;
}

@media (min-width: 992px)
{
    .row-md-eq-height {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
}

.row
{
    margin-left:-15px;
    margin-right:-15px
}
.row:before,
.row:after
{
    content:" ";
    display:table
}
.row:after
{
    clear:both
}

.paragraph
{
    color:#3e3e3e;
    font-size:16px;
    font-weight:400;
    line-height:26px;
    margin-bottom:25px
}

.paragraph:last-child
{
    margin-bottom:0
}

.paragraph tt
{
    font-size:90%
}

.section-header
{
    margin-top:0;
    text-transform:uppercase;
    text-align:center;
    color:#9d1d25;
    font-family:"Righteous", sans-serif;
    font-size:32px;
    margin-bottom:30px;
    border-left:5px solid #4a0a0f;
    border-right:5px solid #ab221b;
    padding-top:30px;
    padding-bottom:30px;
    position:relative
}

.section-header {
    margin-top:0;
    text-transform:uppercase;
    text-align:center;
    color:#9d1d25;
    font-family:"Righteous", sans-serif;
    font-size:32px;
    margin-bottom:30px;
    border-left:5px solid #4a0a0f;
    border-right:5px solid #ab221b;
    padding-top:30px;
    padding-bottom:30px;
    position:relative
}
@media (min-width: 768px) {
    .section-header {
        font-size:35px;
        margin-bottom:50px
    }
}
@media (min-width: 992px) {
    .section-header {
        font-size:45px;
        margin-bottom:70px
    }
}
.section-header.extra-space {
    margin-bottom:45px
}
@media (min-width: 768px) {
    .section-header.extra-space {
        margin-bottom:90px
    }
}
@media (min-width: 992px) {
    .section-header.extra-space {
        margin-bottom:120px
    }
}
.section-header:before {
    content:"";
    display:block;
    height:5px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    background-color:#ab221b;
    background-image:-webkit-linear-gradient(right, #ab221b 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #ab221b 0%, #4a0a0f 100%)
}
.section-header:after {
    content:"";
    display:block;
    height:5px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background-color:#ab221b;
    background-image:-webkit-linear-gradient(right, #ab221b 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #ab221b 0%, #4a0a0f 100%)
}
.section-header.inverse {
    color:#fff;
    border:5px solid #fff
}
.section-header.inverse:before {
    display:none
}
.section-header.inverse:after {
    display:none
}
.section-header small {
    display:block;
    color:#1c0507;
    font-size:50%;
    letter-spacing:0
}
.row:last-child .section-header {
    margin-bottom:0
}
.gradient-header {
    color:#9d1d25
}
html.backgroundcliptext .gradient-header {
    background-color:#ab221b;
    background-image:-webkit-linear-gradient(right, #ab221b 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #ab221b 0%, #4a0a0f 100%);
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text
}

.scroll_y_auto
{
    overflow-y: auto!important;
}

.overflow_visible
{
    height: max-content!important;
    min-height: max-content!important;
    max-height: max-content!important;
    height: -moz-max-content!important;
    min-height: -moz-max-content!important;
    max-height: -moz-max-content!important;
    overflow-y: visible!important;
    overflow: visible!important;
}

.overflow_auto
{
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto!important;
    overflow: auto!important;
}

.section-footer
{
    margin-top:0;
    /*text-transform:uppercase;
    text-align:center;*/
    color:#62646c;
    font-family:"Righteous", sans-serif;
    font-size:16px;
    margin-bottom:30px;
    border-left:2px solid #4a0a0f;
    border-right:2px solid #cdc4ba;
    /*
    padding-top:30px;
    padding-bottom:30px;
     */
    padding-top:3px;
    padding-bottom:3px;
    position:relative
}

.section-footer {
    margin-top:0;
    /*text-transform:uppercase;
    text-align:center;*/
    color:#62646c;
    font-family:"Righteous", sans-serif;
    font-size:16px;
    margin-bottom:30px;
    border-left:2px solid #4a0a0f;
    border-right:2px solid #cdc4ba;
    /*
    padding-top:30px;
    padding-bottom:30px;
     */
    padding-top:3px;
    padding-bottom:3px;
    position:relative
}
@media (min-width: 768px) {
    .section-footer {
        font-size:15px;
        margin-bottom:5px
        /*margin-bottom:50px*/
    }
}
@media (min-width: 992px) {
    .section-footer {
        font-size:17px;
        /*margin-bottom:70px*/
        margin-bottom:7px
    }
}
.section-footer.extra-space {
    margin-bottom:22px
}
@media (min-width: 768px) {
    .section-footer.extra-space {
        /*margin-bottom:90px*/
        margin-bottom:9px
    }
}
@media (min-width: 992px) {
    .section-footer.extra-space {
        /*margin-bottom:120px*/
        margin-bottom:12px
    }
}
.section-footer:before {
    content:"";
    display:block;
    height:2px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    background-color:#cdc4ba;
    background-image:-webkit-linear-gradient(right, #cdc4ba 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #cdc4ba 0%, #4a0a0f 100%)
}

.section-footer:after
{
    content:"";
    display:block;
    height:2px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background-color:#cdc4ba;
    background-image:-webkit-linear-gradient(right, #cdc4ba 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #cdc4ba 0%, #4a0a0f 100%)
}

.section-footer.inverse
{
    color:#fff;
    border:2px solid #fff
}

.section-footer.inverse:before
{
    display:none
}

.section-footer.inverse:after
{
    display:none
}

.section-footer small
{
    display:block;
    color:#62646c;
    font-size:50%;
    letter-spacing:0
}

.row:last-child .section-footer
{
    margin-bottom:0
}

.gradient-footer
{
    color:#62646c
}

html.backgroundcliptext .gradient-footer
{
    background-color:#cdc4ba;
    background-image:-webkit-linear-gradient(right, #cdc4ba 0%, #4a0a0f 100%);
    background-image:linear-gradient(to left, #cdc4ba 0%, #4a0a0f 100%);
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text
}

.navbar-light.navbar.navbar-expand-lg > .container-fluid > .btn.navbar-toggler
{
    margin-left: auto!important;
}

/* Panel */
.panel_header.card > .card-header > span
{
    font-size: 17px!important;
    text-transform:uppercase;
}

.panel_header.card > .card-header
{
    background: #6a5d5d;
    color: #dbdada;
}

.panel_header.card
{
    margin-bottom: 25px!important;
}

.panel_shift_right.card
{
    margin-left: 10%!important;
    margin-right: 3%!important;
}

.panel_shift_left.card
{
    margin-left: 3%!important;
    margin-right: 10%!important;
}

.panel_text_padding
{
    padding: 7%;
    text-align: center;
}

.panel_image_shadow
{
    filter: drop-shadow(16px 16px 10px black);
    width: 300px;    
    height: auto;
    min-width: 300px;
    min-height: auto;
    object-fit: scale-down;
}

.about_section
{
    padding: 3%!important;
}

.about_section > legend
{
    text-align: center;
}

.about_text
{
    padding: 0px!important;
}

.about_text_name
{
    text-align: right;
    overflow-y: visible!important;
    margin-bottom: 0px!important;
}

.about_text_value
{
    text-align: left;
    overflow-y: visible!important;
    margin-bottom: 0px!important;
    font-size: 17px;
}


.about_contact_panel
{
    width: 80%;
    align-self: center;
}

.about_contact_form
{
    padding-left: 3%!important;
    padding-right: 3%!important;
}


.center_current_path
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.up_z_index
{
    z-index: 10;
}

.curson_pointer:hover
{
    cursor: pointer!important;
}

.fade-in-up-element
{
    animation-name: fade-in-up-element-animation;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: 2s;
    opacity: 0;
    animation-timing-function: ease-in;
}

.fade-in-up-element-delay1
{
    animation-name: fade-in-up-element-animation;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    animation-duration: 2s;
    opacity: 0;
    animation-timing-function: ease-out;
}

@keyframes fade-in-up-element-animation
{
    from
    {
        transform: translateY(20px) translateX(5px);
        opacity: 0;
    }
    to
    {
        transform: translateY(0px) translateX(0px);
        opacity: 1;
    }
}

.background_image::after
{
    background-image: url("../images/data-center.png")!important;
    z-index: -1;
    background-size:cover;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.1;
    filter:alpha(opacity=85);
    content: "";
}

.padding_top_bottom
{
    padding-top: 5%;
    padding-bottom: 5%;
}

.experience_content
{

}

/*.experience_content:before > div:nth-child(even)*/
.experience_odd
{}
.experience_even
{}

.experience_content_even
{
    animation-duration: 1s;
    animation-name: experience_content_even_animation;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-direction: normal;
    opacity: 0;
}

/*.experience_content:before > div:nth-child(odd)*/
.experience_content_odd
{
    animation-duration: 1s;
    animation-name: experience_content_odd_animation;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-direction: normal;
    opacity: 0;
}

@keyframes experience_content_even_animation
{
    from
    {
        opacity: 0;
        margin-left: 3%;
        margin-right: 10%;
    }
    to
    {
        opacity: 1;
        margin-left: 10%;
        margin-right: 3%;
    }
}

@keyframes experience_content_odd_animation
{
    from
    {
        opacity: 0;
        margin-left: 10%;
        margin-right: 3%;
    }
    to
    {
        opacity: 1;
        margin-left: 3%;
        margin-right: 10%;
    }
}

.invisible
{
    opacity: 0;
}

.appear_when_visible
{
    animation-name: appear_when_visible_animation;
    animation-direction: normal;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes appear_when_visible_animation
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
/*
.features-list>.row:nth-child(odd)>.features-block:nth-child(odd)
.features-list>.row:nth-child(even)>.features-block:nth-child(even)
*/

.navbar-toggler.btn > .navbar-toggler-icon
{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28170, 170, 170, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.navbar-light .navbar-toggler
{
    color: rgba(170, 170, 170, 0.55)!important;
}