/* LayerSlider Styles */

.ls-inner {position: relative;}

.ls-inner, .ls-layer { width: 100%; height: auto; overflow: hidden; }

.ls-layer { position: absolute;display: none;background-position: center center; }

.ls-active, .ls-animating { display: block !important; }

.ls-layer > * { position: absolute; left: 0px; top: 0px; }

.ls-layer .ls-bg { left: 50%; top: 50%; }

.ls-bottom-nav-wrapper a { outline: none; }

.ls-nav-prev, .ls-nav-next { outline: none; }

/* LayerSlider Layers and Sublayers unique styles */

.ls-s1  { left: 45%; top: 60px; }
.ls-s2  { left: 25%; top:40px; }
.ls-s3  { left: 20%; top: 80px; max-width:500px; font-size: 45px; line-height: 50px; font-weight: normal; color: #f1f7ff; text-shadow: 1px 1px 2px #1d365a;  border~:1px solid red; }
.ls-s3a  { left: 24%; top: 200px; max-width:400px; font-size: 17px; line-height: 20px; font-weight: normal; color: #f1f7ff; text-shadow: 1px 1px 2px #1d365a;   }

.ls-s5  { left: 49%; top: 90px; }
.ls-s6  { left: 10%; top:36px; }
.ls-s7  { left: 50%; top: 200px; }

.ls-s9  { left: 48%; top: 70px;  }
.ls-sk { left: 30%; top:300px; }

#layerslider { width: 100%; height: 420px; margin: 0px auto 0px auto; font-family: arial, helvetica, sans-serif, tahoma, verdana; margin-top:-1px; }

.ls-layer span a:link, .ls-layer span a:visited { text-decoration:none;  display: block; width: 150px; height: 44px;  border-radius: 3px; background: #1576cb;; line-height: 42px; font-size: 18px;color: #fff; text-align: center;}
.ls-layer span a:hover { color:#000; background: #ffa82b; }
.ls-darkskin .ls-bottom-nav-wrapper {text-align: right; margin: -46px 40px 0px auto; position: relative;}
.ls-darkskin .ls-bottom-slidebuttons a { border:1px solid #f0f2f8; width: 16px;}
.ls-darkskin .ls-bottom-slidebuttons a.ls-nav-active {background-color:#c03646}
.ls-darkskin .ls-bottom-slidebuttons, .ls-darkskin .ls-bottom-slidebuttons a {display: inline-block; height: 15px; margin-left:10px}
.ls-darkskin .ls-bottom-slidebuttons a:hover {background-color:#afbbce}

/*
@media screen and (max-width: 1600px) { #layerslider { height: 350px;} .ls-s1, .ls-s2, .ls-s3, .ls-s4, .ls-s5, .ls-s6, .ls-s7, .ls-s8, .ls-s10  { width: 30%;}  .ls-s9  { width: 20%;} }
@media screen and (max-width: 1000px) { #layerslider { height: 250px;} .ls-sk { left: 70%; top:150px; }}

*/

@media screen and (max-width: 1700px) { .ls-s3  { left: 10%;} .ls-s3a  { left:14%; } .ls-sk { left: 22%;} .ls-s9  { left: 52%; top: 60px; }}

@media screen and (max-width: 1300px) {  .ls-s3  { left: 15%; top: 70px; max-width:400px; font-size:40px;  line-height: 40px; } .ls-s9  { width: 40%; top: 60px;}}

@media screen and (max-width: 1200px) {  .ls-s3  { left: 10%; } .ls-s3a  { left: 10%;} .ls-sk { left: 19%; } }

@media screen and (max-width: 1060px) { #layerslider { height: 350px;} .ls-s1, .ls-s2, .ls-s3, .ls-s4, .ls-s5, .ls-s6, .ls-s7, .ls-s8, .ls-s10  { width: 30%;} .ls-sk { left: 22%; top:260px; } .ls-s9  { width: 40%; top: 60px;}  .ls-s3  { left: 15%; top: 70px;  font-size:30px; } .ls-s3a  { left: 14%;max-width:300px;  top: 170px;}}


@media screen and (max-width: 1000px) {  .ls-s3  { left: 10%; top: 70px;  font-size:30px; width: 40%; } .ls-sk { left: 21%; }  }

@media screen and (max-width: 900px) { #layerslider { height: 350px;} .ls-s1, .ls-s2, .ls-s3, .ls-s4, .ls-s5, .ls-s6, .ls-s7, .ls-s8, .ls-s10  { width: 20%;} .ls-sk { left: 20%; top:260px; } .ls-s9  { width: 40%; top: 60px;}  .ls-s3  { left: 15%; top: 70px; width:30%; font-size:24px; } .ls-s3a  { left: 14%;max-width:300px;  top: 170px;}}

@media screen and (max-width: 860px) {  .ls-s3  { left: 10%; top: 70px; width:40%; font-size:24px; } .ls-s3a  { left: 14%;max-width:300px;  top: 170px;}}

@media screen and (max-width: 760px) {  .ls-s3  { left: 10%; top: 70px; width:40%; font-size:24px; } .ls-s3a  { left: 10%;max-width:300px;  top: 170px;}}

@media screen and (max-width: 600px) {  .ls-s3  { left: 5%; top: 70px; width:50%; font-size:24px; } .ls-s3a  { left: 5%;max-width:300px;  top: 170px;}}

@media screen and (max-width: 480px) { #layerslider { height: 400px;} .ls-s1, .ls-s2, .ls-s3, .ls-s4, .ls-s5, .ls-s6, .ls-s7, .ls-s8, .ls-s10  { width: 20%;} .ls-sk { left: 23%; top:260px; } .ls-s9  { width: 70%; top: 95px; left: 15%; }  .ls-s3  { line-height: 30px; left: 15%; top: 20px; width:70%; font-size:24px; } .ls-s3a  { left: 19%; max-width:300px;  top: 290px;} .ls-sk { left: 10%; top:340px; }}

@media screen and (max-width: 400px) { #layerslider { height: 400px;} .ls-s1, .ls-s2, .ls-s3, .ls-s4, .ls-s5, .ls-s6, .ls-s7, .ls-s8, .ls-s10  { width: 20%;} .ls-sk { left: 23%; top:260px; } .ls-s9  { width: 70%; top: 95px; left: 15%; }  .ls-s3  { line-height: 30px; left: 15%; top: 20px; width:70%; font-size:24px; } .ls-s3a  { left: 10%; max-width:300px;  top: 270px;} .ls-sk { left: 10%; top:340px; }}