/* LayerSlider Styles */



#layerslider { width: 100%; max-height: 900px; height: 85vw; margin: 0px auto 0px auto; font-family: arial, helvetica, sans-serif, tahoma, verdana; margin-top:-1px;display: table; margin-top: 100px; }

.ls-inner {    width: 100%;height:100%; top: 0px;  left: 0px;}

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

.ls-layer { position: absolute;display: none; background-position: center center; background-size: cover;}
.stop {  position: absolute; overflow: hidden; top:0; left:0;  width: 100%; height: 100%; }

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

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



.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: 50%; }
.ls-s2  { left: 25%; top:40px; }
.ls-s3  { left: 24%; top: 30%; max-width:900px; font-size: 60px; font-weight: normal; color: #083d73; }
.ls-s3a  { left: 20%; top: 45%; max-width:600px; font-size: 20px; line-height: 30px; font-weight: normal; color: #000;  }

.ls-s4  { right: 22%; top: 33%; max-width:800px; font-size: 60px; font-weight: normal; color: #083d73;  position: relative; height: 165px; padding-top: 30px; padding-left: 300px; }

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

.ls-s9  { left: 48%; top: 40%;  }
.ls-sk { left: 30%; top:60%; }

.ls-layer span a:link, .ls-layer span a:visited { text-decoration:none;  display: block; width: 150px; height: 44px;  border-radius: 3px; background: #67a02e; 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; border-radius:2px; }
.ls-darkskin .ls-bottom-slidebuttons a.ls-nav-active {background-color:#65b200; }
.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}

.dop { right: 7%; }
.dop2 { right: 7%;  }

@media screen and (max-width: 1924px) { #layerslider { height: 675px;} .ls-s3a  { left:10%; } .ls-s3  { left:10%; } }

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

@media screen and (max-width: 1300px)  { #layerslider { height: 500px; }  .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) { #layerslider { height: 450px; }  .ls-s3  { left: 10%; } .ls-s3a  { left: 10%;} .ls-sk { left: 19%; } }

@media screen and (max-width: 1200px) {.ls-s4 {  top: 10px;  font-size: 34px; padding-top: 38px; padding-left: 60px; background-size: 90px;} .stop {  top: 180px;  padding-top: 5px; height: 120px;}}

@media screen and (max-width: 1140px) { #layerslider {  margin-top: 80px; }

@media screen and (max-width: 1060px) { #layerslider { height: 400px; } .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: 400px; margin-top: 0px; .ls-s3  { left: 40px; top: 70px; width:50%; font-size:24px; line-height: 24px;} .ls-s3a  { left: 40px; max-width:400px;  top: 120px; font-size: 16px; line-height: 24px; }}

@media screen and (max-width: 860px) {  #layerslider { height: 320px; }  .ls-sk { left: 12%; top: 200px; } }

@media screen and (max-width: 760px) {   #layerslider { height: 280px; }}

@media screen and (max-width: 600px) {.ls-s3 { left: 40px;} .ls-layer h1 { text-align: left; }}

@media screen and (max-width: 480px) { #layerslider { height: 220px;}  .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: 480px) {.ls-s4 { width: 20%; text-align: center; right: 0; top: 10px; width: 200px; font-size: 28px;  font-weight: normal; color: #f1f7ff; text-shadow: 1px 1px 2px #1d365a;
  position: relative; height: 110px; padding-top: 38px; padding-left: 60px; background-size: 90px;} .stop {  top: 240px;  padding-top: 5px; height: 60px; background: rgba(10,30,50,.6); } .ls-s4   { width: 100%; padding: 0; } .dop3 { right: 0%;  }}

@media screen and (max-width: 430px) { #layerslider { height: 400px; } .ls-layer { background-position: 75% 0% !important; } .ls-sk { left: 23%; top:260px; } .ls-s9  { width: 70%; top: 95px; left: 15%; }  .ls-s3  { line-height: 30px; left: 15%; top: 40px; width:70%; font-size:24px; } .ls-s3a  { left: 20px; max-width:300px;  top: 100px; font-size: 16px; line-height: 24px; } .ls-sk { left: 32%; top:280px; } .ls-darkskin .ls-bottom-nav-wrapper { text-align: center;  margin: -46px 0px 0px auto;}}