/*

www.olgang.com - Cloud based simulation platform for Railway Engineering.
(C) 2021 by EPRail Research and Consulting S.L


                  .;;:`                                                            
                ;;;;;;;;:                                                          
              `;;;;;;;;;;;                                                         
              ;;;;;::;;;;;;                                                        
          ,;;;;;;      :;;;:                                                       
        ,;;;;;;;        .;;;                                                       
       :;;;;;;;          ;;;.                                                      
      `;;;;:,:,           ;;;;     `;                       ;;;;    ;;      :;;;.  
      ;;;;           `;: ;;;;;;`   `;                       ;;;;;   ;;     ;;;;;;; 
    `;;;;            ;;;;;;;;;;;`  `;                       ;;;;;   ;;    ;;;;.;;;;
  `;;;;;`            ;;;;;;;;;;;;  `;     ;;; ;.   .;;;:    ;;;;;   ;;   ;;;    `; 
 `;;;;;;              ;;;     ;;;. `;   `;;:;;;,  .;;;;;;   ;;;;;;  ;;   ;;;       
 ;;;;;::             ,;;       ;;; `;   ;;   ,;,        ;   ;;;`;;  ;;   ;;.       
.;;;               ;;;;;       ;;; `;   ;`    ;,        ;`  ;;; ;;. ;;  .;;    ````
;;;                ;;;;;       ;;; `;   ;     ;,    ;;;;;`  ;;; ;;; ;;   ;;`   ;;;;
;;;                .;;;;       ;;; `;   ;     ;,  ;;;.  ;`  ;;;  ;;`;;   ;;:   ;;;;
;;;                  .;;:     ;;;, `;   ;`    ;,  ;:    ;`  ;;;  ;;:;;   ;;;     ;;
`;;;                  ;;;;   ;;;;  `;   ;;   ,;,  ;`    ;`  ;;;  .;;;;   .;;;. ,;;;
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;,  `;   ,;; :;;,  ;;`.;;;`  ;;;   ;;;;    ;;;;;;;;;
 `;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:    ;;   ,;;;`;,   ;;;; ;`  ;;;   ;;;;      ;;;;,.;
  `;;;;;;;;;;;;;;;;;;;;;;;;;;;,               ;.                                   
    `,:::::;;;;;;;;;;;;;:::,`                ,;                                    
                                         ;;;;;;                                    
                                          :;;                                      

*/

body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
}

.carousel {
    margin-bottom: 4rem;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item {
    height: 32rem;
    background-color: #777;
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 32rem;
    }

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

.featurette-divider {
    margin: 5rem 0;
    /* Space out the Bootstrap <hr> more */
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}

#backgroundRef {
    margin: 0;
    background-image: url();
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-size: cover;
    animation: animatedBackground 120s linear infinite;
}

carousel-item {
    transition: all 10s ease !important;
}

.genericParallaxStyle {
    min-height: 290px;
    width: 100%;
    position: relative;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background-image-platform1 {
    background-image: url();
    min-height: calc(100vh - 536px) !important;
}

#background-image-p-studies {
    background-image: url();
}

#background-image-p-interfaces {
    background-image: url();
}

#background-image-p-informes {
    background-image: url();
}

#background-image-p-plans {
    background-image: url();
}

#background-image-p-platform2 {
    background-image: url();
}

#background-image-p-contact {
    background-image: url();
}

.dropdown-toggle {
    padding-left: 5px;
    height: 36px !important;
}

.bootstrap-select {
    margin-top: 2px;
}

    .bootstrap-select button span span {
        width: 125px;
        padding-left: 5px !important;
    }

.dropdown-toggle:after {
    vertical-align: 0.42em !important;
}

.activeContact {
    background: #ffffff !important;
    color: #154890 !important;
    border: 1px solid #154890 !important;
}

#contactBtFloat {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

    #contactBtFloat a {
        display: block;
        background: #154890;
        height: 52px;
        padding-top: 10px;
        width: 155px;
        text-align: center;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
    }

        #contactBtFloat a:hover {
            background: #00495d;
        }

#contactBtFloatMobile {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1000;
    margin-right: -35px;
}

    #contactBtFloatMobile a {
        display: block;
        background: #154890;
        height: 46px;
        padding-top: 10px;
        width: 52px;
        text-align: center;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
    }

        #contactBtFloatMobile a:hover {
            background: #00495d;
        }

/**width <= 767*/
body[data-browsertype="desktop"][data-navhead="50"] #backgroundRef {
    height: calc(100vh - 50px);
}
/**width >= 768) &&  <= 1199*/
body[data-browsertype="desktop"][data-navhead="54"] #backgroundRef {
    height: calc(100vh - 50px);
}
/**width >= 1200*/
body[data-browsertype="desktop"][data-navhead="58"] #backgroundRef {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="50"] #slideMainShow {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="54"] #slideMainShow {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="58"] #slideMainShow {
    height: calc(100vh - 50px);
}

body[data-browsertype="mobile"] #backgroundRef {
    height: 20px; /**Default prevent value*/
}


body[data-browsertype="mobile"] #backgroundRefFloat {
    height: 20px; /**Default prevent value*/
}


    body[data-browsertype="mobile"] #backgroundRefFloat img {
        height: 20px; /**Default prevent value*/
    }

body[data-browsertype="desktop"][data-navhead="50"] #backgroundRefFloat {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="54"] #backgroundRefFloat {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="58"] #backgroundRefFloat {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="50"] #backgroundRefFloat img {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="54"] #backgroundRefFloat img {
    height: calc(100vh - 50px);
}

body[data-browsertype="desktop"][data-navhead="58"] #backgroundRefFloat img {
    height: calc(100vh - 50px);
}


body[data-browsertype="mobile"] #slideMainShow {
    /*height: 20px; /**Default prevent value*/ */;
}




#backgroundRefFloat img {
    position: absolute;
    min-width: auto;
}


/**


*/
.swipe {
    position: relative;
    /*text-align: center;*/
    height: 3em;
}

    .swipe .sentence {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        color: transparent;
    }

        .swipe .sentence .line-wrap {
            position: relative;
            display: block;
            width: 100%;
            color: transparent;
            transition: color 1ms;
            transition-delay: 500ms;
        }

            .swipe .sentence .line-wrap:nth-child(2) {
                transition-delay: 666.66667ms;
            }

            .swipe .sentence .line-wrap:nth-child(3) {
                transition-delay: 833.33333ms;
            }

            .swipe .sentence .line-wrap:after {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #61bdbb;
                transform: translateX(-100%);
                transform-origin: 0% 50%;
            }

    .swipe .sentence--show {
        z-index: 2;
    }

        .swipe .sentence--show .line-wrap {
            color: #00669c;
        }

            .swipe .sentence--show .line-wrap:after {
                transform: translateX(100%);
                transition: transform 1000ms ease-in-out;
            }

            .swipe .sentence--show .line-wrap:nth-child(2):after {
                transition-delay: 166.66667ms;
            }

            .swipe .sentence--show .line-wrap:nth-child(3):after {
                transition-delay: 333.33333ms;
            }

/*body {
  background: #F0CF61;
  color: #333;
  font-family: 'Avenir', sans-serif;
  font-weight: 100;
  font-size: 5vw;
}*/

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60vw;
    transform: translate3d(-50%, -50%, 0);
}

.sig {
    position: fixed;
    bottom: 5px;
    right: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
    font-family: sans-serif;
    color: rgba(46, 46, 46, 0.88);
}

/* Start loading effect */

.spinner {
    margin: 100px auto 0;
    width: 170px;
    text-align: center;
}

    .spinner > div {
        width: 42px;
        height: 42px;
        /*background-color: #154890 ;*/
        background-color: #ffffff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/* End loading effect */

#btDiscover, #btDemoPlanContainer, #btCAPlanContainer, #btCCPlanContainer, #fakeBtDiscover :hover {
    cursor: pointer;
}

.fakeBtDiscoverStyle {
    text-align: left;
    border: 1px solid white;
    padding: 10px;
    height: 50px;
    background-color: rgb(13, 160, 157);
    color: white;
    width: 77vh;
    z-index: 99999;
}

.bootstrap-select .dropdown-toggle {
    color: white !important;
}

/***/

/*.navbar {display: block;}*/
.title-header {
    padding: .75rem 1.25rem;
    font-weight: 800;
    background-color: #6c757d;
    color: white;
    border-bottom: 1px solid transparent;
    letter-spacing: 0.1px;
    font-weight: 300;
    /*text-shadow: 2px 1px 1px rgb(249, 249, 249);*/
    font-size: 3rem;
}

    .title-header h3 {
        font-size: 0.90rem;
        margin: 0;
    }

.studiesTypes {
    margin-top: 2rem;
    margin-bottom: .60rem;
}

.img-card {
    width: 100%;
    margin-bottom: .40rem;
}

.studiesTypes div div article {
    margin-bottom: 18px;
}


#listSteptsEnvironmentItems a:hover {
    background-color: #e9ecef;
}

#listSteptsEnvironmentItems a.step1:hover + #imgWorkflowOlga {
    background: url(assets/img/sections/workflowOlga2.png) left top no-repeat;
}

.studiesTypes.ccStudies div div article .title-header {
    background-color: #0e807e !important;
}

.studiesTypes.ccStudies div div article .card-block {
    background-color: #0f8887;
}

.studiesTypes.ccStudies div div article span {
    color: white;
}

.studiesTypes.dcStudies div div article .title-header {
    background-color: #ca780c !important;
}

.studiesTypes.dcStudies div div article .card-block {
    background-color: #d48319;
}

.studiesTypes.dcStudies div div article span {
    color: white;
}

#listSteptsEnvironmentItems a strong {
    margin-right: 4px;
    font-size: 1.2rem;
}

#listSteptsEnvironmentItems a p {
    margin-top: -20px;
    margin-left: 23px;
    margin-bottom: 0;
}

.listSteptsEnvironmentItemsBundle a p {
    border-left: 4px solid #ced1d3;
    padding-left: 9px;
    margin-bottom: 0;
}


.card-block.card-blockAuxCA {
    display: none;
}



article:hover .card-block.card-blockAuxCA {
    display: block;
}

.card-blockAuxCA {
    margin-top: -115px;
    height: 115px;
    background: #0f8887a8 !important;
}

    .card-blockAuxCA div a {
        background-color: #0e807e !important;
        color: white !important;
        border: 1px solid white !important;
        margin-top: 5px !important;
    }



.card-block.card-blockAuxCC {
    display: none;
}



article:hover .card-block.card-blockAuxCC {
    display: block;
}

.card-blockAuxCC {
    margin-top: -115px;
    height: 115px;
    background: #d48319b0 !important;
}

    .card-blockAuxCC div a {
        background-color: #ca780c !important;
        color: white !important;
        border: 1px solid white !important;
        margin-top: 5px !important;
    }


.listSteptsSimulatorSteptsItems a strong {
    margin-right: 4px;
    font-size: 1.2rem;
}

.listSteptsSimulatorSteptsItems a p {
    margin-top: -20px;
    margin-left: 72px;
    margin-bottom: 0;
}

.listSteptsSimulatorSteptsItemsGraph a p {
    border-left: 4px solid #ced1d3;
    padding-left: 9px;
    margin-bottom: 0;
}


.headingSteps {
    margin-top: 0;
}

@media(min-width:780px) {
    .headingSteps {
        margin-top: 5.2rem;
    }
}

.registerBtStyle {
    color: #00938f!important;
    border: 1px solid #00938f!important;
    font-weight: 400 !important;
    color: white!important;
    margin-right: -2px!important;
}

.accessBtStyle {
    color: #00938f!important;
    border: 1px solid #00938f!important;
    font-weight: 400 !important;
    background: #8bc34a!important;
    color: white!important;
}

#splashInterface {
    margin-top: 15px;
    display: block;
    height: 100vh;
    background-color: white;
}

    #splashInterface div.splashInterfaceDiv1 {
        z-index: 9999999;
        position: fixed;
        height: 100%;
        width: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.22) !important;
    }

    #splashInterface div.splashInterfaceDiv2 {
        min-height: 100vh;
        z-index: 999999999;
        background-color: rgb(241, 241, 241);
    }

        #splashInterface div.splashInterfaceDiv2 .container {
            padding: 4px;
        }

#sliderHome {
    margin-bottom: 50px;
    margin-top: -50px;
}

@media (min-width: 576px)
{
.modal-dialog {
    max-width: 90vh!important;
    margin: 1.75rem auto!important;
}
}