.da-slider {width:58%; height:calc(100vh - 160px); min-height:450px; position:relative; overflow:hidden; background:#000; float:left;
-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:0; left:0}
.da-slide-current {z-index:1000}
.da-slider-fb .da-slide, .da-slider-fb  .da-slide.da-slide-current, .da-slide .da-img {left:0}
.da-slide .da-img {position:absolute; opacity:0; left:0}
.da-slider img {height:calc(100vh - 160px); min-height:450px}
.da-slider-fb .da-slide .da-img {left:0; opacity:1}
.da-dots {width:100%; position:absolute; text-align:center; left:0;	bottom:15px; z-index:2000; -moz-user-select:none; -webkit-user-select:none}
.da-dots span {display:inline-block; position:relative; width:12px; height:12px; background:url(../images/dot.png); margin:5px; cursor:pointer}
.da-dots span.da-dots-current:after {content:''; width:12px; height:12px; position:absolute; top:0; left:0; background:url(../images/active-dot.png)}
.da-slide-current .da-img {opacity:1}

.da-slide-fromright .da-img, .da-slide-fromleft .da-img {
-webkit-animation:fromRightAnim 0.6s ease-in-out both;
-moz-animation:fromRightAnim 0.6s ease-in-out both;
-o-animation:fromRightAnim 0.6s ease-in-out both;
-ms-animation:fromRightAnim 0.6s ease-in-out both;
animation:fromRightAnim 0.6s ease-in-out both}
@-webkit-keyframes fromRightAnim {0% {opacity:0} 100% {opacity:1}}
@-moz-keyframes fromRightAnim {0% {opacity:0} 100% {opacity:1}}
@-o-keyframes fromRightAnim {0% {opacity:0} 100% {opacity:1}}
@-ms-keyframes fromRightAnim {0% {opacity:0} 100% {opacity:1}}
@keyframes fromRightAnim {0% {opacity:0} 100% {opacity:1}}

.da-slide-toright .da-img, .da-slide-toleft .da-img {
-webkit-animation:toRightAnim 0.6s ease-in-out both;
-moz-animation:toRightAnim 0.6s ease-in-out both;
-o-animation:toRightAnim 0.6s ease-in-out both;
-ms-animation:toRightAnim 0.6s ease-in-out both;
animation:toRightAnim 0.6s ease-in-out both}
@-webkit-keyframes toRightAnim {0% {opacity:1} 100% {opacity:0}}
@-moz-keyframes toRightAnim {0% {opacity:1} 100% {opacity:0}}
@-o-keyframes toRightAnim {0% {opacity:1} 100% {opacity:0}}
@-ms-keyframes toRightAnim {0% {opacity:1} 100% {opacity:0}}
@keyframes toRightAnim {0% {opacity:1} 100% {opacity:0}}

@media screen and (min-width:1800px) {
.da-slider {width:50%; height:580px}
.da-slider img {height:580px}
}

@media screen and (max-width:1200px) {
.da-slider {width:50%}	
}

@media screen and (max-width:1150px) {
.da-slider, .da-slider img {height:calc(100vh - 130px); min-height:inherit}
}

@media screen and (max-width:900px) {
.da-slider {width:100%; float:none}
.da-slider {height:485px}
.da-slider img {width:100%; height:auto}
}

@media screen and (max-width:800px) {
.da-slider {height:425px}
}

@media screen and (max-width:700px) {
.da-slider {height:360px}
.da-dots {display:none}
}

@media screen and (max-width:600px) {
.da-slider {height:300px}
}

@media screen and (max-width:500px) {
.da-slider {height:270px}
}

@media screen and (max-width:450px) {
.da-slider {height:240px}
}

@media screen and (max-width:400px) {
.da-slider {height:210px}
}

@media screen and (max-width:350px) {
.da-slider {height:190px}
}