/** Layout Css **/

/** Supertheme Header **/
.supertheme-header .no-header-menu ul li,
.supertheme-header .dt-header-menu .dt-primary-nav li
{
    border-left: 1px solid #e8e8e8;
    margin: 0;
}
.supertheme-header .no-header-menu ul li.close-nav,
.supertheme-header .dt-header-menu .dt-primary-nav li.close-nav
{
    border-left: none;
}
.supertheme-header .no-header-menu ul li a,
.supertheme-header .dt-header-menu .dt-primary-nav li a
{
    padding: 10px 25px;
}

/** Applanding Header **/
.applanding-header .dt-header-menu ul.dt-primary-nav > li > a.icon-position-left > .menu-item-icon
{
    display: block;
    font-size: 19px;
    margin-bottom: 13px;
    padding-right: 0;
    text-align: center;
            transition: all .3s linear; 
       -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
         -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

/** Tile Max Header **/
.tilemax-header .cart-info
{
    background: none; 
    margin: 0;
}
.tilemax-header .search-module.simple-header-search.filled.gray #searchform
{
    background: none;
    border: 1px solid #f3f3f3;
}


/** Mini Header **/
.dt-sc-maaya-header.type2 .dt-simpler-slider
{
    float: right;
    margin-right: 20px; 
    position: relative;
    right: 0;
    top: 4px;
}
.dt-sc-maaya-header.type2 .search-module
{
    float: right;
}


/* Animate Line's */

.animate-line
{
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.animate-line-view .animate-line
{
    z-index: 0;
}
.animate-line-center
{
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.line-item
{
    border-right: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    height: 100%;
    height: 100%;
    position: relative;
    width: 25%;
}
.line-item:first-child
{
    border-left: 1px solid #eee;
}


@-webkit-keyframes scroll2
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@keyframes scroll2
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@-webkit-keyframes scroll1
{
    0%
    {
        bottom: 0;;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        bottom: 50%;
    }
    100%
    {
        bottom: 100%;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@keyframes scroll1
{
    0%
    {
        bottom: 0;;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        bottom: 50%;
    }
    100%
    {
        bottom: 100%;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@-webkit-keyframes scroll3
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@keyframes scroll3
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@-webkit-keyframes scroll4
{
    0%
    {
        bottom: 0;;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        bottom: 50%;
    }
    100%
    {
        bottom: 100%;
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@keyframes scroll4
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@-webkit-keyframes scroll5
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}
@keyframes scroll5
{
    0%
    {
        opacity: 1;
        top: 0;;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    50%
    {
        top: 50%;
    }
    100%
    {
        opacity: 1;
        top: 100%;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    }
}


.line-item.one:before
{
            animation: scroll2 8s ease-out infinite;
       -moz-animation: scroll2 8s ease-out infinite;
        -ms-animation: scroll2 8s ease-out infinite;
         -o-animation: scroll2 8s ease-out infinite;
    -webkit-animation: scroll2 8s ease-out infinite;
    background: linear-gradient(to bottom, rgba(1, 207, 252, .5), rgba(184, 59, 250, .5)) !important;
    content: '';
    height: 30px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 5px;
}
.line-item.two:before
{
            animation: scroll1 6s ease-out infinite;
        -ms-animation: scroll1 6s ease-out infinite;
         -o-animation: scroll1 6s ease-out infinite;
    -webkit-animation: scroll1 6s ease-out infinite;
    background: linear-gradient(to bottom, rgba(1, 207, 252, .5), rgba(184, 59, 250, .5)) !important;
    bottom: 0;
    content: '';
    height: 30px;
    position: absolute;
    right: -2px;
    width: 5px;

    -mox-animation: scroll1 6s ease-out infinite;
}
.line-item.three:before
{
            animation: scroll3 4s ease-out infinite;
       -moz-animation: scroll3 4s ease-out infinite;
        -ms-animation: scroll3 4s ease-out infinite;
         -o-animation: scroll3 4s ease-out infinite;
    -webkit-animation: scroll3 4s ease-out infinite;
    background: linear-gradient(to bottom, rgba(1, 207, 252, .5), rgba(184, 59, 250, .5)) !important;
    content: '';
    display: none;
    height: 30px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 5px;
}
.line-item.four:before
{
            animation: scroll4 5s ease-out infinite;
       -moz-animation: scroll4 5s ease-out infinite;
        -ms-animation: scroll4 5s ease-out infinite;
         -o-animation: scroll4 5s ease-out infinite;
    -webkit-animation: scroll4 5s ease-out infinite;
    background: linear-gradient(to bottom, rgba(1, 207, 252, .5), rgba(184, 59, 250, .5)) !important;
    content: '';
    height: 30px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 5px;
}
.line-item.five:before
{
            animation: scroll5 4s ease-out infinite;
       -moz-animation: scroll5 4s ease-out infinite;
        -ms-animation: scroll5 4s ease-out infinite;
         -o-animation: scroll5 4s ease-out infinite;
    -webkit-animation: scroll5 4s ease-out infinite;
    background: linear-gradient(to bottom, rgba(1, 207, 252, .5), rgba(184, 59, 250, .5)) !important;
    bottom: 0;
    content: '';
    height: 30px;
    position: absolute;
    right: -2px;
    width: 5px;
}