
.eltdf-row-grid-section
{
    position:relative;
    width:auto;
    margin:0 auto;
    z-index:20;
}


.eltdf-processes-holder
{
    height:100%;
    position:relative;
    display:table;
    table-layout:fixed;
    width:100%;
    padding-top:30px
}

.eltdf-processes-holder
.eltdf-process
{
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:top;
    width:15%
}

.eltdf-processes-holder
.eltdf-process:nth-child(odd)
{
    padding-top:16%
}

.eltdf-processes-holder
.eltdf-process:nth-child(1)
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    top: -59%;
    left: 34%;
    width:80%;
    -webkit-transform:rotate(135deg) translate(-50%,0);
    -moz-transform:rotate(135deg) translate(-50%,0);
    transform:rotate(135deg) translate(-50%,0)
}

.eltdf-processes-holder
.eltdf-process:nth-child(2)
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    bottom: 46%;
    left: 75%;
    top: auto;
    width: 113%;
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    transform: rotate(50deg);
}


.eltdf-processes-holder
.eltdf-process:nth-child(3)
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    top: -61%;
    left: -31%;
    width: 190%;
    -webkit-transform: rotate(135deg) translate(-50%,0);
    -moz-transform: rotate(135deg) translate(-50%,0);
    transform: rotate(135deg) translate(-50%,0);
}

.eltdf-processes-holder
.eltdf-process:nth-child(4)
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    bottom: 74%;
    left: 65%;
    top: auto;
    width: 94%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



.eltdf-processes-holder
.eltdf-process:first-child
{
    width:13.85%
}

.eltdf-processes-holder
.eltdf-process:first-child
.eltdf-process-content-wrapper
{
    width:92%;
    padding-top:92%
}

.eltdf-processes-holder
.eltdf-process:nth-child(2)
{
    width:21.3%
}

.eltdf-processes-holder
.eltdf-process:nth-child(2)
.eltdf-process-content-wrapper
{
    width:76%;
    padding-top:76%
}


.eltdf-processes-holder
.eltdf-process:nth-child(3)
{
    width:19.6%;
    padding-top:23%
}

.eltdf-processes-holder
.eltdf-process:nth-child(3)
.eltdf-process-content-wrapper
{
    width:65%;
    padding-top:65%
}

.eltdf-processes-holder
.eltdf-process:nth-child(4)
{
    width:27.69%
}

.eltdf-processes-holder
.eltdf-process:nth-child(4)
.eltdf-process-content-wrapper
{
    width:77%;
    padding-top:77%
}

.eltdf-processes-holder
.eltdf-process:nth-child(5)
{
    width:17.4%
}

.eltdf-processes-holder
.eltdf-process:nth-child(5)
.eltdf-process-content-wrapper
{
    width:92%;
    padding-top:92%
}

.eltdf-processes-holder
.eltdf-process:last-child
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    display:none
}

.eltdf-processes-holder
.eltdf-process
.eltdf-process-text-holder
{
    position:relative;
    margin-top:0px;
}

.eltdf-processes-holder
.eltdf-process:hover
.eltdf-process-link~.eltdf-process-bgrnd
{
    opacity:1;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    transform:scale(1.02);
    -webkit-transition:-webkit-transform .2s .1s,opacity .15s ease-out .1s;
    transition:transform .2s .1s,opacity .15s ease-out .1s
}

.eltdf-processes-holder
.eltdf-process
.eltdf-process-color-hover
.eltdf-process-content-holder,
.eltdf-processes-holder
.eltdf-process
.eltdf-process-color-hover
.eltdf-process-inner-text{-webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}

.eltdf-processes-holder
.eltdf-process
.eltdf-process-color-hover
.eltdf-process-content-holder
.eltdf-process-content-overlay,
.eltdf-processes-holder
.eltdf-process
.eltdf-process-color-hover
.eltdf-process-inner-text
.eltdf-process-content-overlay{height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    background-color:#fff;
    opacity:0;
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6);
    -webkit-transition:opacity .15s ease-out,-webkit-transform 0s .2s;
    transition:opacity .15s ease-out,transform 0s .2s
}

.eltdf-processes-holder
.eltdf-process
.eltdf-process-color-hover:hover
.eltdf-process-content-overlay
{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}

.eltdf-processes-holder
.eltdf-process-content-wrapper
{
    position:relative;
    width:100%;
    padding-top:100%;
    margin:auto
}

.eltdf-processes-holder
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    box-sizing:border-box
}

.eltdf-processes-holder
.eltdf-process-content-wrapper
.eltdf-process-content-wrapper-inner:after
{
    content:'';
    position:absolute;
    width:115%;
    height:0;
    border:2px dashed rgb(169, 53, 12);
    z-index:-5
}

.eltdf-processes-holder
.eltdf-process-content-holder
{
    background-color:#f6f6f6;
    border-radius:50%;
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}

.eltdf-processes-holder
.eltdf-process-content-holder
.eltdf-process-content-holder-inner
{
    display:inline-block;
    position:absolute;
    left:6%;
    top:6%;
    z-index:10;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%)
}

.eltdf-processes-holder
.eltdf-process-content-holder
.eltdf-process-content-holder-inner
.eltdf-process-inner-text
{
    color:white;
    font-size:70px;
    font-weight:700
}

.eltdf-processes-holder
.eltdf-process-bgrnd
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:50%;
    z-index:5;
    opacity:0;
    -webkit-transform:scale(.3);
    -moz-transform:scale(.3);
    transform:scale(.3);
    -moz-transition:all .4s ease;
    -webkit-transition:-webkit-transform 0s .2s,opacity .15s ease-out;
    transition:transform 0s .2s,opacity .15s ease-out
}

.eltdf-processes-holder
.eltdf-process-link
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:100
}

.eltdf-processes-holder
.eltdf-process-inner-text
{
    font-family:Raleway,sans-serif;
    font-size:48px;
    z-index:999;
    line-height:1em;
    font-weight:500;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    top:4px
}

.eltdf-processes-holder
.eltdf-process-title
{
    margin:0 0 12px
}

.eltdf-processes-holder
.eltdf-process-text
{
    font-size:15px;
    color:#8f8f8f;
    margin:0;
    padding:0 10px
}

.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
{
    visibility:hidden
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-item-loaded,
.touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
{
    visibility:visible
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-process-content-holder
{
    opacity:0;
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6)
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-process-content-holder
.eltdf-process-inner-text
{
    opacity:0
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-process-text-holder
{
    opacity:0;
    -webkit-transform:translate3d(0,40px,0);
    -moz-transform:translate3d(0,40px,0);
    transform:translate3d(0,40px,0)
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-process-content-wrapper-inner:after
{
    opacity:0;
    -webkit-backface-visibility:hidden
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-item-loaded
.eltdf-process-content-holder
{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .35s cubic-bezier(.38,1.1,.57,1.16);
    -moz-transition:all .35s cubic-bezier(.38,1.1,.57,1.16);
    transition:all .35s cubic-bezier(.38,1.1,.57,1.16)
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-item-loaded
.eltdf-process-content-holder
.eltdf-process-inner-text
{
    opacity:1;
    -webkit-transition:opacity .3s .35s;
    -moz-transition:opacity .3s .35s;
    transition:opacity .3s .35s
}

.no-touch
.eltdf-processes-holder
.eltdf-loading-animation-yes
.eltdf-process
.eltdf-item-loaded
.eltdf-process-text-holder
{opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .45s cubic-bezier(.38,1,.57,1);
    -moz-transition:all .45s cubic-bezier(.38,1,.57,1);
    transition:all .45s cubic-bezier(.38,1,.57,1)
}
