.da-slider {
    width: 100%;
    min-width: 520px;
    height: 356px;
    position: relative;
    margin: 0px auto 20px;
    overflow: hidden;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}
.da-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: left;
}
.da-slide-current {
    z-index: 1000;
}
.da-slider-fb .da-slide {
    left: 100%;
}
.da-slider-fb .da-slide.da-slide-current {
    left: 0px;
}
.da-slide .element-bk {
    width: 100%;
}
.da-slide .element-bk,
.da-slide .element-title,
.da-slide .element-parts,
.da-slide .element-apps,
.da-slide .element-mobile {
    position: absolute;
    opacity: 0;
    left: 100%;
}
.da-start .element-bk
{
    opacity: 1;
    left: 0%;
}
.da-start .element-title,
.da-start .element-parts,
.da-start .element-apps,
.da-start .element-mobile {
    opacity: 1;
    left: 10%;
}

.da-slide .element-title,
.da-slide .element-parts,
.da-slide .element-apps,
.da-slide .element-mobile {
    width: 100%;
    max-width: 1350px;
}
.da-slider-fb .da-slide .element-bk,
.da-slider-fb .da-slide .element-title,
.da-slider-fb .da-slide .element-parts,
.da-slider-fb .da-slide .element-apps,
.da-slider-fb .da-slide .element-mobile {
    /* left: 0%; */
    
    opacity: 1;
}
.da-slider-fb .da-slide .element-title,
.da-slider-fb .da-slide .element-parts,
.da-slider-fb .da-slide .element-apps,
.da-slider-fb .da-slide .element-mobile {
    /*margin-left: 12%;*/
}
.da-slide .element-title {
    top: 0px;
    z-index: 10;
    z-index: auto\9;
}
.da-slide .element-parts {
    top: 0px;
    z-index: 10;
    z-index: auto\9;
}
.da-slide .element-mobile {
    top: 0px;
    z-index: 20;
    z-index: auto\9;
    width: 100%;
    height: 100%;
}
.da-slide .element-mobile .emCol1,
.da-slide .element-mobile .emCol2
{
    background-color: #959597\9;
    opacity:.75\9;
    background-color: rgba(161,161,161,.75);
    width: 280px;
    float: right;
    height: 100%;
    color: #fff;
    font-family: "PT Sans", sans-serif;
    margin-right:52px;
    padding-top:10px;
}
.da-slide .element-mobile .emCol1 ul li
{
    font-size: 14px;
}
.da-slide .element-mobile .emCol1 p, .da-slide .element-mobile .emCol1 h2
{
    margin: 5px 20px;
}
.element-LM
{
    cursor:pointer;
    background-color: #ccc;
    border-radius: 12px;
    bottom: 10px;
    right: 70px;
    color: #000;
    position: absolute;
    padding: 7px 15px;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 47%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 47%, rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 47%, rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 47%, rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(237,237,237,1) 47%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dbdbdb', GradientType=0 ); 
}
.element-LM a
{
    color: #000;
    font-size: 15px;
    text-decoration: none;
}
.element-LM a:hover
{
    text-decoration: underline;
}
.da-slide .element-apps {
    top: 0px;
    /*depends on .element-parts height*/
    
    z-index: 30;
    z-index: auto\9;
}
.da-slide-current .element-bk,
.da-slide-current .element-title,
.da-slide-current .element-parts,
.da-slide-current .element-apps,
.da-slide-current .element-mobile {
    opacity: 1;
}
/* Animation classes and animations */
/* Slide in from the right*/

.da-slide-fromright .element-bk {
    -webkit-animation: fromRightAnim0 1s ease-in-out both;
    -moz-animation: fromRightAnim0 1s ease-in-out both;
    -o-animation: fromRightAnim0 1s ease-in-out both;
    -ms-animation: fromRightAnim0 1s ease-in-out both;
    animation: fromRightAnim0 1s ease-in-out both;
}
.da-slide-fromright .element-title {
    -webkit-animation: fromRightAnim1 1s ease-in-out both;
    -moz-animation: fromRightAnim1 1s ease-in-out both;
    -o-animation: fromRightAnim1 1s ease-in-out both;
    -ms-animation: fromRightAnim1 1s ease-in-out both;
    animation: fromRightAnim1 1s ease-in-out both;
}
.da-slide-fromright .element-parts {
    -webkit-animation: fromRightAnim2 1s ease-in-out both;
    -moz-animation: fromRightAnim2 1s ease-in-out both;
    -o-animation: fromRightAnim2 1s ease-in-out both;
    -ms-animation: fromRightAnim2 1s ease-in-out both;
    animation: fromRightAnim2 1s ease-in-out both;
}
.da-slide-fromright .element-apps {
    -webkit-animation: fromRightAnim3 1s ease-in-out both;
    -moz-animation: fromRightAnim3 1s ease-in-out both;
    -o-animation: fromRightAnim3 1s ease-in-out both;
    -ms-animation: fromRightAnim3 1s ease-in-out both;
    animation: fromRightAnim3 1s ease-in-out both;
}
.da-slide-fromright .element-mobile {
    -webkit-animation: fromRightAnim4 1s ease-in-out both;
    -moz-animation: fromRightAnim4 1s ease-in-out both;
    -o-animation: fromRightAnim4 1s ease-in-out both;
    -ms-animation: fromRightAnim4 1s ease-in-out both;
    animation: fromRightAnim4 1s ease-in-out both;
}
@-webkit-keyframes fromRightAnim0 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromRightAnim0 {
    0% {
        left: 100%;
        opacity: 30;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-moz-keyframes fromRightAnim1 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromRightAnim2 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromRightAnim3 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromRightAnim4 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromRightAnim0 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-o-keyframes fromRightAnim1 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromRightAnim2 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromRightAnim3 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromRightAnim4 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromRightAnim0 {
    0% {
        left: 100%;
        opacity: 80;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-ms-keyframes fromRightAnim1 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromRightAnim2 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromRightAnim3 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromRightAnim4 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromRightAnim0 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@keyframes fromRightAnim1 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromRightAnim2 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromRightAnim3 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromRightAnim4 {
    0% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
/* Slide in from the left*/

.da-slide-fromleft .element-bk {
    -webkit-animation: fromLeftAnim0 0.8s ease-in-out 0.3s both;
    -moz-animation: fromLeftAnim0 0.8s ease-in-out 0.3s both;
    -o-animation: fromLeftAnim0 0.8s ease-in-out 0.3s both;
    -ms-animation: fromLeftAnim0 0.8s ease-in-out 0.3s both;
    animation: fromLeftAnim0 0.8s ease-in-out 0.3s both;
}
.da-slide-fromleft .element-title {
    -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.3s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.3s both;
    -o-animation: fromLeftAnim1 0.6s ease-in-out 0.3s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.3s both;
    animation: fromLeftAnim1 0.6s ease-in-out 0.3s both;
}
.da-slide-fromleft .element-parts {
    -webkit-animation: fromLeftAnim2 0.8s ease-in-out 0.4s both;
    -moz-animation: fromLeftAnim2 0.8s ease-in-out 0.4s both;
    -o-animation: fromLeftAnim2 0.8s ease-in-out 0.4s both;
    -ms-animation: fromLeftAnim2 0.8s ease-in-out 0.4s both;
    animation: fromLeftAnim2 0.8s ease-in-out 0.4s both;
}
.da-slide-fromleft .element-apps {
    -webkit-animation: fromLeftAnim3 0.8s ease-in-out 0.4s both;
    -moz-animation: fromLeftAnim3 0.8s ease-in-out 0.4s both;
    -o-animation: fromLeftAnim3 0.8s ease-in-out 0.4s both;
    -ms-animation: fromLeftAnim3 0.8s ease-in-out 0.4s both;
    animation: fromLeftAnim3 0.8s ease-in-out 0.4s both;
}
.da-slide-fromleft .element-mobile {
    -webkit-animation: fromLeftAnim4 0.8s ease-in-out 0.2s both;
    -moz-animation: fromLeftAnim4 0.8s ease-in-out 0.2s both;
    -o-animation: fromLeftAnim4 0.8s ease-in-out 0.2s both;
    -ms-animation: fromLeftAnim4 0.8s ease-in-out 0.2s both;
    animation: fromLeftAnim4 0.8s ease-in-out 0.2s both;
}
@-webkit-keyframes fromLeftAnim0 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -130%;
        opacity: 0;
    }
    1% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromLeftAnim0 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -130%;
        opacity: 0;
    }
    1% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromLeftAnim0 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-o-keyframes fromLeftAnim1 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromLeftAnim2 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromLeftAnim3 {
    0% {
        left: -130%;
        opacity: 0;
    }
    1% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-o-keyframes fromLeftAnim4 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromLeftAnim0 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -130%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromLeftAnim0 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}
@keyframes fromLeftAnim1 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromLeftAnim2 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromLeftAnim3 {
    0% {
        left: -130%;
        opacity: 0;
    }
    1% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
@keyframes fromLeftAnim4 {
    0% {
        left: -130%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}
/* Slide out to the right */

.da-slide-toright .element-bk {
    -webkit-animation: toRightAnim0 1.0s ease-in-out 0.8s both;
    -moz-animation: toRightAnim0 1.0s ease-in-out 0.8s both;
    -o-animation: toRightAnim0 1.0s ease-in-out 0.8s both;
    -ms-animation: toRightAnim0 1.0s ease-in-out 0.8s both;
    animation: toRightAnim0 1.0s ease-in-out 0.8s both;
}
.da-slide-toright .element-title {
    -webkit-animation: toRightAnim1 1.0s ease-in-out 0.6s both;
    -moz-animation: toRightAnim1 1.0s ease-in-out 0.6s both;
    -o-animation: toRightAnim1 1.0s ease-in-out 0.6s both;
    -ms-animation: toRightAnim1 1.0s ease-in-out 0.6s both;
    animation: toRightAnim1 1.0s ease-in-out 0.6s both;
}
.da-slide-toright .element-parts {
    -webkit-animation: toRightAnim2 1.0s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 1.0s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 1.0s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 1.0s ease-in-out 0.3s both;
    animation: toRightAnim2 1.0s ease-in-out 0.3s both;
}
.da-slide-toright .element-apps {
    -webkit-animation: toRightAnim3 1.0s ease-in-out 0.5s both;
    -moz-animation: toRightAnim3 1.0s ease-in-out 0.5s both;
    -o-animation: toRightAnim3 1.0s ease-in-out 0.5s both;
    -ms-animation: toRightAnim3 1.0s ease-in-out 0.5s both;
    animation: toRightAnim3 1.0s ease-in-out 0.5s both;
}
.da-slide-toright .element-mobile {
    -webkit-animation: toRightAnim4 1.0s ease-in-out 0.8s both;
    -moz-animation: toRightAnim4 1.0s ease-in-out 0.8s both;
    -o-animation: toRightAnim4 1.0s ease-in-out 0.8s both;
    -ms-animation: toRightAnim4 1.0s ease-in-out 0.8s both;
    animation: toRightAnim4 1.0s ease-in-out 0.8s both;
}
@-webkit-keyframes toRightAnim0 {
    0% {
        left: 100%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-webkit-keyframes toRightAnim1 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-webkit-keyframes toRightAnim2 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-webkit-keyframes toRightAnim3 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-webkit-keyframes toRightAnim4 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-moz-keyframes toRightAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-moz-keyframes toRightAnim1 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-moz-keyframes toRightAnim2 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-moz-keyframes toRightAnim3 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-moz-keyframes toRightAnim4 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-o-keyframes toRightAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-o-keyframes toRightAnim1 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-o-keyframes toRightAnim2 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-o-keyframes toRightAnim3 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-o-keyframes toRightAnim4 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-ms-keyframes toRightAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-ms-keyframes toRightAnim1 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-ms-keyframes toRightAnim2 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-ms-keyframes toRightAnim3 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@-ms-keyframes toRightAnim4 {
    0% {
        left: -110%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@keyframes toRightAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
@keyframes toRightAnim4 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
/* Slide out to the left*/

.da-slide-toleft .element-bk {
    -webkit-animation: toLeftAnim0 1s ease-in-out both;
    -moz-animation: toLeftAnim0 1s ease-in-out both;
    -o-animation: toLeftAnim0 1s ease-in-out both;
    -ms-animation: toLeftAnim0 1s ease-in-out both;
    animation: toLeftAnim0 1s ease-in-out both;
}
.da-slide-toleft .element-title {
    -webkit-animation: toLeftAnim1 1s ease-in-out both;
    -moz-animation: toLeftAnim1 1s ease-in-out both;
    -o-animation: toLeftAnim1 1s ease-in-out both;
    -ms-animation: toLeftAnim1 1s ease-in-out both;
    animation: toLeftAnim1 1s ease-in-out both;
}
.da-slide-toleft .element-parts {
    -webkit-animation: toLeftAnim2 1s ease-in-out both;
    -moz-animation: toLeftAnim2 1s ease-in-out both;
    -o-animation: toLeftAnim2 1s ease-in-out both;
    -ms-animation: toLeftAnim2 1s ease-in-out both;
    animation: toLeftAnim2 1s ease-in-out both;
}
.da-slide-toleft .element-apps {
    -webkit-animation: toLeftAnim3 1s ease-in-out both;
    -moz-animation: toLeftAnim3 1s ease-in-out both;
    -o-animation: toLeftAnim3 1s ease-in-out both;
    -ms-animation: toLeftAnim3 1s ease-in-out both;
    animation: toLeftAnim3 1s ease-in-out both;
}
.da-slide-toleft .element-mobile {
    -webkit-animation: toLeftAnim4 1s ease-in-out both;
    -moz-animation: toLeftAnim4 1s ease-in-out both;
    -o-animation: toLeftAnim4 1s ease-in-out both;
    -ms-animation: toLeftAnim4 1s ease-in-out both;
    animation: toLeftAnim4 1s ease-in-out both;
}
@-webkit-keyframes toLeftAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-moz-keyframes toLeftAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@-moz-keyframes toLeftAnim1 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-moz-keyframes toLeftAnim2 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-moz-keyframes toLeftAnim3 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-moz-keyframes toLeftAnim4 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-o-keyframes toLeftAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@-o-keyframes toLeftAnim1 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-o-keyframes toLeftAnim2 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-o-keyframes toLeftAnim3 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-o-keyframes toLeftAnim4 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-ms-keyframes toLeftAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@-ms-keyframes toLeftAnim1 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-ms-keyframes toLeftAnim2 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-ms-keyframes toLeftAnim3 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@-ms-keyframes toLeftAnim4 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@keyframes toLeftAnim0 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}
@keyframes toLeftAnim1 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@keyframes toLeftAnim2 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@keyframes toLeftAnim3 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
@keyframes toLeftAnim4 {
    0% {
        left: 30%;
        opacity: 1;
    }
    100% {
        left: -130%;
        opacity: 0;
    }
}
.da-dots {
    width: auto;
    position: absolute;
    text-align: center;
    left: 20px;
    bottom: 7%;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.da-dots span {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #929292;
    margin: 3px;
    cursor: .element-partsointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
    cursor: pointer;
}
.da-dots span.da-dots-current:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: .element-partsrogid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}
.da-arrows span {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #929292;
    cursor: .element-partsointer;
    z-index: 2000;
    opacity: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
    -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
    -o-transition: opacity 0.4s ease-in-out-out 0.2s;
    -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
    transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slide img
{
    border:none;
}
.da-slider:hover .da-arrows span {
    opacity: .5;
}
.da-arrows span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: transparent url(../images/arrows.png) no-repeat top left;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
.da-arrows span.da-arrows-next:after {
    background-position: top right;
}
.da-arrows span.da-arrows-prev {
    left: 15px;
    cursor: pointer;
}
.da-arrows span.da-arrows-next {
    right: 15px;
    cursor: pointer;
}

@media screen and (max-width: 1500px)
{
    .element-bk
    {
        height: 365px !important;
        width: auto !important;
    }
    .da-slide
    {
        width: 100% !important;
    }
.da-slide .element-title, .da-slide .element-parts, .da-slide .element-apps
{
    width: auto !important;
    margin-left: -110px;
}    
.da-slide .element-mobile
{
    margin-left: -110px;
}
}
@media screen and (max-width: 1340px)
{
.da-slide .element-title, .da-slide .element-parts
{
    margin-left:-10%;
}
.da-slide .element-apps
{
    margin-left: -200px !important;
}
.da-slide .element-title
{
    width: 100% !important;
}
.da-slide .element-mobile
{
    margin-left: -12% !important;
}
}

@media screen and (max-width: 1290px)
{
.da-slide .element-apps
{
    margin-left: -18% !important;
}
.da-slide .element-title {
    width: 90% !important;
}
}
@media screen and (max-width: 1265px)
{
.da-slide .element-apps
{
    margin-left: -260px !important;
}
.da-slide .element-mobile
{
    margin-left: -120px !important;
}
}

@media screen and (max-width: 1210px)
{
.da-slide .element-mobile
{
    margin-left: -90px !important;
}
}

@media screen and (max-width: 1170px)
{
.da-slide .element-mobile
{
    margin-left: -70px !important;
}
}

@media screen and (max-width: 1145px)
{
.da-slide .element-apps
{
    margin-left: -280px !important;
}
.da-slide .element-mobile
{
    margin-left: -60px !important;
}
}

@media screen and (max-width: 1125px)
{
.da-slide .element-apps
{
    display:none;
}
.da-slide .element-apps
{
    margin-left: -280px !important;
}
.da-slide .element-mobile
{
    margin-left: -60px !important;
}
}

@media screen and (max-width: 885px) 
{
#da-slider
{
    height: 250px !important;
    background-size: auto 100%;
}
    .da-slide .element-bk
    {
        height: 250px !important;
    }
    .da-slide .element-title
    {
        width: 120% !important;
        margin-left: -10% !important;
    }
    .da-slide .element-mobile
    {
    margin: 0px !important;
    padding: 0px !important;
    position: absolute;
    display: inline-block !important;
    right: 0px !important;
    left: auto !important;
    width: 0px;
}
    .da-slide .element-mobile .emCol1
    {
        margin: 0;
        width: 200px;
        padding: 0 10px 0 0;
    }
    .da-slide .element-mobile .emCol1  ul
    {
        padding: 10px 0px 5px 30px;
        margin: 0;
    }
    .da-slide .element-mobile .emCol1 p, .da-slide .element-mobile .emCol1  ul li
    {
        font-size: 12px;
    }
    .element-LM
    {
    line-height: 95% !important;
bottom: 10px;
text-align: center !important;
right: 10px;}
.element-LM a
{
    font-size: 13px;
}
}
@media screen and (max-width: 665px) 
{
    #da-slider {
        height: 300px !important;
    }
    .da-slide .element-bk
    {
        height: 300px !important;
    }
    .da-slide .element-mobile
    {
    top: 100px;
left: 0px !important;
height: 200px;
display: block !important;
width: 100%;
position: absolute;
}
.da-slide .element-mobile .emCol1
{
    width: 100%;
}
    .da-arrows span
    {
        top: 20px;
    }
    .da-dots {
    bottom: 210px;
}
.da-slider
{
    min-width: auto;
}
    .element-mobile:nth-child(n) {left: 100%\9 !important}    /*IE9*/
    .da-start .element-mobile:nth-child(n) {left: 0%\9 !important}    /*IE9*/

    .element-title:nth-child(n) {margin-left: -100%\9 !important}    /*IE9*/
    .da-start .element-title:nth-child(n) {left: 100%\9 !important}    /*IE9*/

}
@media screen and (max-width: 450px)
{
    .da-slide .element-title {
    width: 170% !important;
    margin-left: -10% !important
    }
}

@media screen and (max-width: 270px)
{
    .da-slide .element-title {
    width: 160% !important;
    margin-left: -10% !important
    }
    .da-slide .element-mobile
    {
        height: 240px;
        line-height: 13px;
    }
    #da-slider {
    height: 340px !important;
}
.da-slide .element-bk {
    height: 340px !important;
}
.da-arrows
{
display: none;
}
.da-dots {
    bottom: 250px;
}
}
}

/*==========IE7=====*/
*:first-child+html .element-mobile { width: auto !important; position:relative !important;}
*:first-child+html .element-title { width: auto !important; }
*:first-child+html .element-apps { width: auto !important; }
*:first-child+html .element-bk { width: 100% !important; min-width: 1350px;}
*:first-child+html .element-parts { width: auto !important; }
