/*! base -------- */
html { overflow-y: scroll; height: 100%; }
body { background-color: #fff; }

body, textarea, input, button { color: #303439; font-family: Open Sans, Arial, Tahoma, sans-serif; line-height: 1.5; }
form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; }
p:last-child { margin-bottom: 0 !important; } p.last-child { margin-bottom: 0 !important; }


/*! layout -------- */
#top { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; min-height: 130px; margin: 0; background: url(../img/pixel-navy-90.png); }
 #top #nav { margin: 0 auto; padding-right: 190px; text-align: center; display: block; }
  #top #nav ul { list-style: none; margin: 0; padding: 0; text-align: center; display: inline-block; width: 930px; }
   #top #nav li { float: left; margin: 0 22px; font-weight: 700; text-transform: uppercase; line-height: 16px; }
   #top #nav a { float: left; position: relative; padding: 80px 0 5px; color: #749fb5; text-align: center; }
   #top #nav a:hover { color: #fff; }
   #top #nav li.mod-a a { padding-top: 96px; }
   #top #nav li.active a { color: #fff; border-bottom: 2px solid #fff; }


   #top #nav2 { margin: 0; }
  #top #nav2 ul { list-style: none; margin: 0; padding: 0; text-align: center; }
   #top #nav2 li { float: right; margin: 0 22px; font-weight: 700; text-transform: uppercase; line-height: 16px; }
   #top #nav2 a { float: right; position: relative; padding: 80px 0 5px; color: #749fb5; text-align: center; }
   #top #nav2 a:hover { color: #fff; }
   #top #nav2 li.mod-a a { padding-top: 96px; }
   #top #nav2 li.active a { color: #fff; border-bottom: 2px solid #fff; }


   #top #nav ul li.pull-right, #top #nav2 ul li.pull-right {
    margin-left: 30px;
   }
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
  #top #nav ul li.pull-right, #top #nav2 ul li.pull-right {
    margin-left: 30px;
   }
}

#content.mod-a { border-bottom: 2px solid #e8f0f3; }
#content.mod-b { border-bottom: 2px solid #fff; }
.main { padding: 70px 0; }
.main.mod-a { padding-top: 150px; }
.main.mod-b { background-color: #26374b; color: #fff; }
.main.mod-c { background-color: #e8f0f3; }
.main.mod-d { padding: 40px 0; }
.main.mod-e { margin-top: -210px; padding-top: 0; }
.main.mod-f { margin-top: -103px; padding-top: 0; }
 .main h1 { font-size: 40px; font-weight: 700; }
 .main.mod-b h1 { color: #fff; }
 .main h2,
 .main h3 { font-size: 24px; font-weight: 600; }
 .main h4 { font-size: 16px; font-weight: 700; text-transform: uppercase; }
 .main p { font-size: 16px; }
 .main p.title-a { font-size: 14px; font-weight: 600; }
 .main p.star { position: relative; padding: 0 0 0 12px; }
  .main p.star span { position: absolute; left: 0; top: 0; }
#bottom { margin: 0; background-color: #2a73a1; }
 #footer-top .container,
 #footer-bottom .container { margin-bottom: 0; }
 #footer-top { margin: 0; padding: 30px 0; background-color: #fff; }
  #footer-top .header-a { float: left; margin: 20px 30px 0 0; text-transform: uppercase; }
 /*#footer-bottom { margin: 0; padding: 15px 0; background-color: #22578c; }*/
 #footer-bottom { margin: 0; padding: 15px 0; background-color: #2A73A1; }
 #footer-center { margin-bottom: 0; padding-top: 60px; padding-bottom: 60px; }
 #footer-bottom-hr {width: 74%; border-top: 1px solid #258DB5;}
#nav-side-wrapper { position: fixed; left: 0; top: 130px; z-index: 5; height: 100%; background: url(../img/pixel-navy-80.png); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
#nav-side-wrapper.wide { width: 332px; }
 #nav-side-inner { position: relative; padding: 30px 0 0 30px; }
 #nav-side-wrapper .sep { display: none; position: absolute; left: 159px; top: 30px; width: 1px; background-color: #98d5ff; }

/*! elements ------ */
div.box-a { padding: 10px 0 0; }
 div.box-a p.par-a { margin: 0 0 10px; color: #d8f8ff; font-weight: 700; text-transform: uppercase; }

div.box-address { padding: 10px 0 0; color: #a0dceb; }
 div.box-address p.par-a { margin: 0 0 10px; color: #d8f8ff; font-weight: 700; text-transform: uppercase; }
 div.box-address p.par-b { margin: 0; color: #d8f8ff; }
  div.box-address p.par-b a { color: #d8f8ff; }
 div.box-address div.inner { margin-bottom: 20px; }
  div.box-address div.inner p { margin: 5px 0 0; line-height: 17px; }
  div.box-address div.inner p:first-child { margin: 0; }

div.box-attractions { overflow: hidden; }
 div.box-attraction { float: left; overflow: hidden; position: relative; width: 100%; margin-bottom: 1px; }
 div.box-attraction.half { width: 50%;}
 div.box-attraction.one-third { width: 33.33%; }
 div.box-attraction.quarter { width: 25%; }
 div.box-attraction::before { display: block; content: ""; position: absolute; left: 0; top: 0; z-index: 5; width: 1px; height: 100%; background-color: #e8f0f3; }
 div.box-attraction span.mask { display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url(../img/box-attraction-mask.png) repeat-x 0 100%; }
  div.box-attraction p { margin: 0; }

  div.box-attraction p.url { position: absolute; left: 25px; bottom: 25px; z-index: 3; padding: 135px 25px 0 0; font-size: 18px; font-weight: 600; text-transform: uppercase; }
   div.box-attraction p.url a { color: #fff; }
   div.box-attraction span.icon-holder { display: block; position: absolute; right: 20px; top: 20px; width: 30px; height: 30px;     z-index: 5;  }
   div.box-attraction p.url .icon { left: 50%; }
   div.box-attraction p.url .icon-roller-green { margin-left: -11px; }
  div.box-attraction img { display: block; width: 100%; height: auto; }
  div.box-attraction a.url-mask { display: block; position: absolute; left: 0; top: 0; z-index: 4; width: 100%; height: 100%; }

div.box-b { position: absolute; left: 30px; top: 60px; }
div.box-r { position: absolute; right: 30px; top: 0; }

div.box-c { margin: 35px 0 0; padding: 30px 0 0; border-top: 1px solid #359dc5; }
 div.box-c p { margin: 0; color: #d8f8ff; font-weight: 700; text-transform: uppercase; }
  div.box-c a { color: #00c6ff; }
  div.box-c a:hover { color: #00deff; }

div.box-camera-thumb { margin: 225px 0 0; }
 div.box-camera-thumb p { margin: 0; }
 div.box-camera-thumb p.play-wrapper { margin: 0 0 25px; font-size: 20px; font-weight: 600; line-height: 20px; }
  div.box-camera-thumb p.play-wrapper .icon { left: 25px; }
 div.box-camera-thumb p.more { overflow: hidden; font: 500 15px Roboto, Arial, sans-serif; }
 div.box-camera-thumb p.more a { float: left; position: relative; padding: 0 35px 0 25px; color: #fff; }
  div.box-camera-thumb p.more a .icon { left: auto; right: 0; }
  div.box-camera-thumb img { display: block; width: 100%; height: auto; }
  div.box-camera-thumb a.play { display: block; position: relative; padding: 18px 0 22px 90px; background-color: #1a68a8; color: #fff; }
   div.box-camera-thumb a.play span { font-size: 14px; text-transform: uppercase; }

div.box-contact { overflow: hidden; background: url(../img/box-contact-bg.jpg) no-repeat 50% 0; background-size: cover; }
 div.box-contact div.right { background: url(../img/pixel-navy-70.png); }
  div.box-contact div.inner { padding: 40px; }

@media only screen and (max-width: 400px) {
 div.box-contact div.inner { padding: 15px; }
 .form-a input.text { width: 75%!important;}
}

div.box-contact-short { float: left; width: 50%; }
 div.box-contact-short div { float: left; width: 50%; }
 div.box-contact-short div.primary { width: 200px; }
 div.box-contact-short .header-h { margin: 0 0 10px; }
  div.box-contact-short p { position: relative; margin: 0; padding: 0 0 0 35px; font-size: 20px; font-weight: 700; text-transform: uppercase; }
  div.box-contact-short p.par-a { color: #1a68a8; }
  div.box-contact-short p.par-b { color: #007c84; }

div.box-d { position: absolute; right: 30px; top: 60px; }

div.box-details-top { padding: 0 0 30px; }
div.box-details-top div.inner { overflow: hidden; padding: 23px 55px 15px 60px; background-color: #00b5dc; }
div.box-details-top .header-m { float: left; margin: 0; color: #fff; }
div.box-details-top p.date { float: right; margin: 0; padding: 0 0 8px; border-bottom: 3px solid #44c4f3; color: #fff; font-size: 21px; }
div.box-details-top p.photo { position: relative; }
div.box-details-top p.photo::before { display: block; position: absolute; right: 0; bottom: 0; content: ""; width: 50px; height: 53px; background: url(../img/sprite.v2.png) no-repeat -600px -800px; }

div.box-details p { font-style: italic; }
div.box-details p.go-back { margin: 0; padding: 20px 0 0; font-style: normal; font-weight: 600; text-align: right; text-transform: uppercase; }
 div.box-details p.go-back a { color: #537da5; }

div.box-e { margin-top: -700px; background-color: #e8f0f3; }
 div.box-e div.inner { padding: 35px; }

div.box-f-wrapper { overflow: hidden; margin-top: -70px; }
 div.box-f { float: left; width: 33%; height: 64px; }
  div.box-f div.inner { display: block; width: 100%; height: 100%; border-left: 1px solid #fff; }
  div.box-f p { display: block; width: 100%; height: 100%; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 16px; }
  div.box-f a { display: block; position: relative; width: 100%; height: 100%; padding: 15px 5px 0 20px; background-color: #e8f0f3; color: #1d3a55; }
  div.box-f a:hover { background-color: #d2e1e6; }
  div.box-f.mod-a { float: right; width: 34%; height: 129px; }
  div.box-f.mod-a a { padding-top: 50px; padding-left: 60px; background-color: #00b5dc; color: #fff; }
  div.box-f.mod-a a:hover { background-color: #00a2d3; }
   div.box-f.mod-a a .icon { left: 17px; }
  div.box-f.mod-b a { padding: 20px 0 0; }
  div.box-f.last { margin: 1px 0 0 33%; }

div.box-g-wrapper { position: absolute; left: 50%; bottom: 0; margin-left: -585px; }
div.box-g-wrapper .row { position: relative; }
div.box-g { padding: 40px; background-color: #e8f0f3; }
 div.box-g p { font-size: 16px; }

div.box-h { padding: 60px 0 0; background-color: #e8f0f3; }
 div.box-h-inner { position: relative;padding: 0 0 0 85px; }
div.box-h p { margin: 0; color: #017d85; }
div.box-h p.info-a { font-size: 20px; font-weight: 600; line-height: 26px; }
div.box-h p.info-b { font-size: 13px; font-weight: 700; }
div.box-h p.info-c { position: absolute; left: 0; top: 0; padding: 50px 0 0; font-size: 20px; font-weight: 700; }
div.box-h p.info-c .icon { left: 50%; margin-left: -20px; }

div.box-how-help-bottom p { margin: 0; padding: 10px 0 0; }
 div.box-how-help-bottom .icon { position: static; margin: 0 auto; }

div.box-how-help-top { margin: 0 0 45px; padding: 0 0 40px; border-bottom: 1px solid #bfd0d7; }
 div.box-how-help-top p { margin: 0; font-size: 60px; text-align: center; }
  div.box-how-help-top span.info-a { position: relative; }
  div.box-how-help-top span.info-a.first { padding: 0 0 0 57px; color: #017d85; }
  div.box-how-help-top span.info-a.second { margin: 0 0 0 94px; padding: 0 0 0 72px; color: #187743; }

div.box-how-it-works div.inner { min-height: 410px; padding: 15px 0; background-color: #e8f0f3; }
div.box-how-it-works p.step { height: 47px; margin: 0; padding: 0 0 0 15px; background: url(../img/how-it-works-step-bg.png) no-repeat 100% 0; color: #fff; font-size: 29px; text-transform: uppercase; }
div.box-how-it-works p.img { margin: 0 0 20px; text-align: center; }
div.box-how-it-works p.title { color: #405a79; font-size: 28px; text-align: center; line-height: 28px; }
 div.box-how-it-works p.title span { color: #3ec0f0; }
div.box-how-it-works p.desc { padding: 0 15px; color: #405a79; font-size: 17px; line-height: 20px; text-align: center; }

div.box-i { margin: -290px 0 15px; border: 13px solid #e8f0f3; }
div.box-i p { margin: 0; }
 div.box-i a { display: block; position: relative;}
div.box-i-a { border-bottom: 9px solid #e8f0f3; }
 div.box-i-a p { font-size: 42px; font-weight: 600; text-transform: uppercase; line-height: 48px; }
  div.box-i-a a { min-height: 128px; padding: 15px 0 0 180px; background-color: #315d8d; color: #fff; }
  div.box-i-a.mod-a a { padding-top: 40px; border-bottom: 5px solid #e8f0f3;  background-color: #00b5dc; }
 div.box-i-a .icon { left: 42px; }
 div.box-i-a.mod-a .icon { left: 62px; }
div.box-i-b { border-top: 3px solid #e8f0f3; }
div.box-i-b p { font-size: 32px; }
 div.box-i-b a { padding: 21px 0 30px 130px; background-color: #fff; color: #293f57; }
 div.box-i-b .icon { left: 40px; }

div.box-j { padding: 0 0 0 30px; }
div.box-j p { margin: 0; color: #293f57; font-size: 17px; }

div.box-k .header-p { position: relative; margin: 0; padding: 10px 0 10px 85px; background-color: #405a79; }
div.box-k .header-p .icon { left: 28px; }

div.box-pklpass-info { margin: 0 0 20px; }
div.box-pklpass-info div.top { position: relative; height: 103px; background: url(../img/box-pklpass-inf-top-bg.png) no-repeat 100% 0; }
div.box-pklpass-info div.top .img { position: absolute; top: 23px; width: 100%; text-align: center; }
div.box-pklpass-info div.bottom { min-height: 280px; padding: 65px 0 0; background-color: #e8f0f3; }
div.box-pklpass-info p.title { color: #405a79; font-size: 28px; text-align: center; text-transform: uppercase; line-height: 32px; }
div.box-pklpass-info p.desc { padding: 0 15px; color: #405a79; font-size: 17px; line-height: 20px; text-align: center; }

div.box-short-info { margin: 0 0 40px; }
div.box-short-info div.inner { overflow: hidden;}
div.box-short-info div.primary { float: left; width: 170px; margin: 0 30px 0 0; }
div.box-short-info div.secondary { float: left; position: relative; width: 355px; min-height: 170px }
div.box-short-info p { margin: 0; }
div.box-short-info p.photo { position: relative; }
div.box-short-info p.photo::before { display: block; position: absolute; right: 0; top: 0; content: ""; width: 45px; height: 45px; background: url(../img/sprite.v2.png) no-repeat -500px -800px; }
div.box-short-info p.desc { color: #58595b; font-style: italic; }
div.box-short-info p.date { position: absolute; left: 0; bottom: 0; color: #537da5; font-size: 15px; }
div.box-short-info p.more { position: absolute; right: 0; bottom: 0; font-weight: 600; text-transform: uppercase; }
 div.box-short-info p.more a { color: #537da5; }

div.box-our-centers-see { padding: 40px 0 100px; background-color: #e8f0f3; }
 div.box-our-centers-see p { margin: 0; font-size: 16px; font-weight: 700; }
 div.box-our-centers-see a { display: block; position: relative; color: #fff; }
 div.box-our-centers-see img { display: block; }
 div.box-our-centers-see span { display: block; position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; }

.box-home { margin: 0; padding: 160px 0 0; }
 .box-home .header-b,
 .box-home .header-f { color: #fff; }
 .box-home .header-f { margin-top: 290px; }
  .box-home p.camera-url { position: absolute; left: 390px; top: 245px; margin: 0; }
   .box-home p.camera-url a { display: block; }
   .box-home p.camera-url .icon { position: static; }
.box-home.white { color: #fff; }
 .box-home.white p.par-a { font-size: 80px; font-weight: 600; text-transform: uppercase; line-height: 90px; }
 .box-home.white p.par-b { margin: 0; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 34px; }
 .box-home.white p.par-c { font-size: 24px; font-weight: 600; color: #e5fafc; line-height: 30px; }

div.box-mountains { position: relative; min-height: 722px; background: url(../img/box-mountains-bg.jpg) no-repeat 50% 0; }
div.box-mountains div.box-mountain { position: absolute; z-index: 1; }
div.box-mountains div.box-mountain.kw { left: 215px; top: 204px; }
div.box-mountains div.box-mountain.mg { left: 374px; top: 373px; }
div.box-mountains div.box-mountain.pa { left: 554px; top: 304px; }
div.box-mountains div.box-mountain.ga { right: 670px; top: 204px; }
div.box-mountains div.box-mountain.gk { right: 584px; top: 470px; }
div.box-mountains div.box-mountain.gz { right: 282px; top: 144px; }
@media only screen and (min-width : 1281px) and (max-width : 1366px) {

	div.box-mountains { min-height: 616px; background: url(../img/box-mountains-1366-bg.jpg) no-repeat 50% 0; }
	div.box-mountains div.box-mountain.kw { left: 35px; top: 154px; }
	div.box-mountains div.box-mountain.mg { left: 172px; top: 296px; }
	div.box-mountains div.box-mountain.pa { left: 322px; top: 238px; }
	div.box-mountains div.box-mountain.ga { right: 421px; top: 152px; }
	div.box-mountains div.box-mountain.gk { right: 346px; top: 378px; }
	div.box-mountains div.box-mountain.gz { right: 100px; top: 91px; }

}
@media only screen and (min-width : 1025px) and (max-width : 1280px) {

	div.box-mountains { min-height: 577px; background: url(../img/box-mountains-1280-bg.jpg) no-repeat 50% 0; }
	div.box-mountains div.box-mountain.kw { left: 29px; top: 138px; }
	div.box-mountains div.box-mountain.mg { left: 156px; top: 270px; }
	div.box-mountains div.box-mountain.pa { left: 297px; top: 217px; }
	div.box-mountains div.box-mountain.ga { right: 390px; top: 126px; }
	div.box-mountains div.box-mountain.gk { right: 325px; top: 342px; }
	div.box-mountains div.box-mountain.gz { right: 82px; top: 85px; }

}
@media only screen and (min-width : 992px) and (max-width : 1024px) {

	div.box-mountains { min-height: 462px; background: url(../img/box-mountains-1024-bg.jpg) no-repeat 50% 0; }
	div.box-mountains div.box-mountain.kw { left: 15px; top: 85px; }
	div.box-mountains div.box-mountain.mg { left: 112px; top: 183px; }
	div.box-mountains div.box-mountain.pa { left: 230px; top: 150px; }
	div.box-mountains div.box-mountain.ga { right: 306px; top: 78px; }
	div.box-mountains div.box-mountain.gk { right: 248px; top: 242px; }
	div.box-mountains div.box-mountain.gz { right: 57px; top: 37px; }

}


div.box-mountains div.box-mountain p { margin: 0; }
div.box-mountains div.box-mountain a { display: block; position: relative; }
div.box-mountains div.box-mountain a .icon { opacity: .5; }
div.box-mountains div.box-mountain a:hover .icon { opacity: 1; }
 div.box-mountains span.sign { display: block; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; }
div.box-mountains span.stake { display: block; position: absolute; top: 80px; left: 50%; width: 4px; height: 50px; margin-left: -2px; background-color: #fff; opacity: .5; }
div.box-mountains span.stake.mod-a { height: 90px; }
div.box-mountains span.stake.mod-b { height: 80px; }
div.box-mountains p.name { display: none; position: absolute; left: 110px; top: 10px; padding: 10px 25px; color: #405a79; font-size: 41px; line-height: 41px; text-transform: uppercase; }
div.box-mountains p.name.mod-a { left: auto; right: 110px; }
div.box-mountains div.box-mountain:hover { z-index: 3; }
div.box-mountains div.box-mountain:hover p.name { display: block; }
div.box-mountains p.name::before { display: block; content: ""; position: absolute; left: -18px; top: 50%; width: 18px; height: 32px; margin-top: -16px; background: url(../img/sprite.v2.png) no-repeat -900px -700px; }
div.box-mountains p.name.mod-a::before { left: auto; right: -18px; background-position: -900px -750px; }
div.box-mountains p.name .name-a { position: relative; z-index: 2; }
div.box-mountains p.name .bgr { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .85; }

div.box-news-teaser { padding: 0 0 30px; }
div.box-news-teaser p.date { position: relative; margin: 0; background-color: #00b5dc; color: #fff; font-size: 33px; text-align: right; letter-spacing: 1px; }
 div.box-news-teaser p.date span { padding: 0 35px 0 0; }
div.box-news-teaser p.date::before { display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 216px; height: 4px; background-color: #fff; }
div.box-news-teaser p.photo { position: relative;margin: 0 0 20px; }
div.box-news-teaser p.photo::before { display: block; position: absolute; right: 0; bottom: 0; content: ""; width: 50px; height: 53px; background: url(../img/sprite.v2.png) no-repeat -600px -800px; }
div.box-news-teaser p.desc { min-height: 90px; font-style: italic; }
div.box-news-teaser p.more { margin: 0; font-weight: 600; text-align: right; text-transform: uppercase; }
 div.box-news-teaser p.more a { color: #537da5; }

div.box-news-teasers { position: relative; z-index: 1; }
div.box-news-teasers p.more { clear: both; width: 267px; margin-left: 288px; font: 500 15px Roboto, Arial, sans-serif; background: url(../img/box-news-teasers-more-bg.png); }
div.box-news-teasers p.more.mod-a { background: url(../img/box-news-teasers-more-mod-a-bg.png); }
div.box-news-teasers p.more.mod-b { background: url(../img/box-news-teasers-more-mod-b-bg.png); }
 div.box-news-teasers p.more a { display: block; position: relative; padding: 25px 55px 25px 25px; color: #fff; }
 div.box-news-teasers p.more .icon { left: auto; right: 15px; }

div.box-social { padding: 25px 0; background-color: #e8f0f3; }
div.box-social.mod-a { background-color: #fff; }
 div.box-social p { position: relative; margin: 0; font-size: 20px; font-weight: 600; line-height: 22px; }
  div.box-social a { display: block; padding: 40px 0 0; color: #193350; }

div.box-stats-wrapper { position: absolute; left: 50%; bottom: 0; margin-left: -585px; }
 div.box-stats-wrapper .row { position: relative; }
div.box-stats { padding: 75px 0; background: #e8f0f3 url(../img/box-stats-bg.png) no-repeat 50% 50%; text-align: center; }
 div.box-stats p { color: #0a548b; font-size: 24px; font-weight: 600; line-height: 30px; }
 div.box-stats p.par-a,
 div.box-stats span.big { font-size: 80px; font-weight: 400; line-height: 60px; }
 div.box-stats p.par-b { margin-bottom: 8px; }
 div.box-stats p.mod-a { color: #3461b2; }
 div.box-stats p.mod-b { color: #1889ca; }
 div.box-stats p.mod-c { color: #1889ca; }
 div.box-stats p.mod-d { color: #187743; }
 div.box-stats p.mod-e { color: #529709; }
 div.box-stats p.mod-f { color: #007c84; }
 div.box-stats p.mod-g { color: #03a7b2; }

div.box-welcome-wrapper { margin: 0 auto; }
 div.box-welcome-wrapper .header-j { color: #fff; }
 div.box-welcome-wrapper p.par-a { color: #fff; font-size: 80px; font-weight: 600; }
  div.box-welcome-wrapper p.par-a span { font-size: 50px; }
div.box-welcome { padding: 25px; background-color: rgba(255,255,255,0.8); }
 div.box-welcome div.item {  position: relative;  min-height: 80px; min-width: 150px; margin: 15px 0; color: #1d2c4a; display: block; padding: 10px; }
 div.box-welcome div.item-inner { position: relative; z-index: 2; }
  div.box-welcome div.item p.title { position: absolute; margin: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 14px; }
  div.box-welcome div.item p.info { position: absolute; font-size: 22px; font-weight: 700; text-transform: uppercase; }
  div.box-welcome div.item p.first { left: 65px; top: -8px; } /* top was -2px */
  div.box-welcome div.item p.second { left: 65px; top: 18px; }
  div.box-welcome div.item p.fourth { left: 65px; top: 26px; }
  div.box-welcome div.item p.fifth { left: 65px; top: 28px; font-size: 14px; text-decoration: underline; cursor: pointer; }
  div.box-welcome div.item.selected p.fifth { text-decoration: none; }
  div.box-welcome div.item-temperature div.inner { position: relative; width: 180px; }
  div.box-welcome div.item-temperature p.first { left: 0; top: 0; }
  div.box-welcome div.item-temperature p.second { left: 0; top: 28px; font-size: 16px; }
  div.box-welcome div.item-temperature p.third { right: 0; top: 2px; font-size: 16px; }
  div.box-welcome div.item-cameras .icon-a { margin: 10px 0 0 10px; }
  div.box-welcome div.item-lifts-and-railways .icon-a,
  div.box-welcome div.item-cableway .icon-a { margin: 0; }
  div.box-welcome div.item-biketracks .icon-a { margin: 0; }
  div.box-welcome div.item-snow { min-width: 170px; }
  div.box-welcome div.item-snow p.second { font-size: 16px; }
 div.box-welcome .icon-a { position: static; }
 div.box-welcome .info-ico { position: relative; padding: 0 0 0 24px; }
  div.box-welcome .info-ico .icon { margin-top: -8px; }
 div.box-welcome div.item-details-info-wrapper { margin: 0 0 25px;     min-height: 50px;}
 div.box-welcome div.item-details { position: absolute; left: 0; bottom: -40px; width: 200%; margin-left: -5%; background-color: #d9ecef; }
  div.box-welcome div.item-details-inner { padding: 20px 20px 110px; }
  div.box-welcome div.item-details p.info-a { font-size: 16px; font-weight: 700; line-height: 18px; text-transform: uppercase; }
  div.box-welcome div.item-details-info { overflow: hidden; margin-top: 8px; padding-top: 8px; border-top: 1px solid #c5d4da; }
  div.box-welcome div.item-details-info:first-child { margin-top: 0; padding-top: 0; border: none; }
  div.box-welcome div.item-details p.info-b { float: left; width: 60%; margin: 0; font-size: 13px; font-weight: 600; line-height: 16px; }
  div.box-welcome div.item-details p.info-c { float: right; position: relative; width: 40%; margin: 0; font-size: 13px; font-weight: 700; text-align: center; text-transform: uppercase; }
   div.box-welcome div.item-details p.info-c span.info-ico-a { display: block; position: relative; padding: 14px 0 0; }
   div.box-welcome div.item-details p.info-c span.icon { position: absolute; left: 50%; top: 0; margin-left: -6px; }
   div.box-welcome div.item-details .icon-close { top: 20px; left: auto; right: 20px; }
   div.box-welcome p.cta-a-wrapper { padding: 0 0 20px; background: url(../img/box-welcome-cta-wrapper-bg.png) no-repeat 50% 100%; font-size: 13px; font-weight: bold; text-align: right; text-transform: uppercase; }
    div.box-welcome p.cta-a-wrapper a.cta-a { color: #1d2c4a; }

div.box-where-to-buy { padding: 40px 0; }
 div.box-where-to-buy .list-e { margin: 10px 0 0; }

div.box-where-to-buy-bottom { padding: 50px 0 20px; border-top: 1px solid #fff; background-color: #e8f0f3; }
 div.box-where-to-buy-bottom p.info-b { padding: 20px 0 0; border-top: 1px solid #bfd0d7; font-size: 16px; text-align: center; }

div.box-why-buy-online { padding: 70px 0 20px; background-color: #e8f0f3; }
 div.box-why-buy-online .header-i { margin-bottom: 20px !important; }
 div.box-why-buy-online p.info-a { margin-bottom: 20px !important; padding-bottom: 60px; border-bottom: 1px solid #bfd0d7; font-size: 20px; font-weight: 600; text-align: center; }
 div.box-why-buy-online.mod-a p.info-a { padding-bottom: 20px; border: none; }
div.box-why-buy-online.mod-a div.info-a-wrapper { padding: 60px 0 0; border-top: 1px solid #bfd0d7; }
  div.box-why-buy-online p.info-a span.inner { position: relative; margin: 0 30px 0 0; }
  div.box-why-buy-online p.info-a span.icon-ticket-dark { left: -80px; margin-top: -25px; }
 div.box-why-buy-online p.info-b { padding: 20px 0 0; border-top: 1px solid #bfd0d7; font-size: 16px; text-align: center; }

div.box-view-thumbs { overflow: hidden; }
 div.box-view-thumb { float: left; position: relative; width: calc(50% - 1px); margin-bottom: 1px; margin-right: 1px; }
  div.box-view-thumb::before { display: block; content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #26374b; }
  div.box-view-thumb:nth-child(2n-1)::before { display: none; }
  div.box-view-thumb p { margin: 0; }
  div.box-view-thumb p.photo img { width: 100%; height: auto; }
  div.box-view-thumb p.url.color-01 { background-color: #0a548b; }
  div.box-view-thumb p.url.color-02 { background-color: #1a68a8; }
  div.box-view-thumb p.url.color-03 { background-color: #007c84; }
  div.box-view-thumb p.url.color-04 { background-color: #187743; }
  div.box-view-thumb p.url.color-05 { background-color: #0a548b; }
  div.box-view-thumb p.url.color-06 { background-color: #1a68a8; }
  div.box-view-thumb p.url.color-07 { background-color: #007c84; }
   div.box-view-thumb a { display: block; position: relative; z-index: 2; padding: 20px 0 20px 90px; color: #fff; font-size: 20px; font-weight: 600; }
    div.box-view-thumb a span { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; }
    div.box-view-thumb p.mod-a a span { font-size: 20px; }
    div.box-view-thumb  .counter { display: block; position: absolute; left: 55px; top: 37px; z-index: 2; min-width: 17px; height: 21px; margin: 0 10px 0 0; padding: 0 5px; border: 2px solid #1c8ce8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #1d3a55; color: #fff; font-size: 13px !important; font-weight: 600 !important; line-height: 16px; text-align: center; }
    div.box-view-thumb a .icon { left: 25px; margin-top: -15px; }
div.box-view-thumbs.mod-a div.box-view-thumb::before { background-color: #fff; }
div.box-view-thumbs.mod-a div.box-view-thumb a { min-height: 98px; padding: 20px 230px 0 20px; padding-bottom: 0; font-size: 16px; line-height: 20px; }
 div.box-view-thumbs .list-a { position: absolute; left: 330px; bottom: 20px; margin: 0; }

 div.box-testimonial blockquote { margin: 0 0 5px; padding: 5px 0 0; border: none; }
  div.box-testimonial blockquote p { margin: 0; font-weight: 400; font-style: italic; }
  div.box-testimonial p.author { font-size: 14px; }
  div.box-testimonial blockquote p { display: inline; }
  div.box-testimonial blockquote:before { content: "\201D"; margin-right: 6px; color: #44c8e8; font: normal 70px Arial, Tahoma, sans-serif; line-height: 0; vertical-align: -35px; }

div.box-trip { position: fixed; left: 30px; bottom: 30px; z-index: 6; }
 div.box-trip p { margin: 0; }
 div.box-trip a { display: block; padding: 74px 0 0; color: #98d5ff; font-weight: 700; text-transform: uppercase; }
 div.box-trip a .counter { position: absolute; right: 4px; top: 42px; display: block; z-index: 2; min-width: 27px; height: 27px; margin: 0 10px 0 0; padding: 2px 4px 0 4px; border: 3px solid #e91c39; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #1d3a55; color: #fff; font-size: 17px; font-weight: 600 !important; line-height: 18px; text-align: center; }

div.box-trip-map { position: absolute; right: 0; bottom: 20px; width: 310px; padding: 20px; background-color: #e8f0f3; }
 div.box-trip-map p { margin: 0; font-weight: 700; line-height: 1.2em; }
 div.box-trip-map p.primary { float: left; width: 50%; margin: 0 0 25px; text-transform: uppercase; }
 div.box-trip-map p.secondary { float: right; width: 50%; margin: 0 0 25px; text-transform: uppercase; }
  div.box-trip-map p.secondary span.inner { padding: 0 0 0 50px; }
 div.box-trip-map p.tertiary { clear: both; padding: 15px 0 0; border-top: 1px solid #ccdae0; }
  div.box-trip-map span.inner { display: block; position: relative; padding: 0 0 0 45px; }


.go-bottom { margin: 0; position: absolute; left: 125px; top: -90px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; }
.go-bottom.mod-a { left: 50%; margin-left: -71px; }
.go-bottom.mod-b { top: auto; top: 850px; opacity: 1; }
 .go-bottom span { position: static; cursor: pointer; }

#home-about-us { position: relative; background: url(../img/home-about-us-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-about-pkl { min-height: 490px; padding: 180px 0 0; background: #698ab0 url(../img/home-about-pkl-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-news { background: url(../img/home-news-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-main-access { min-height: 430px; padding: 220px 0 0; background: #698ab0 url(../img/home-main-access-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-how-it-works { min-height: 490px; padding: 180px 0 0; background: #698ab0 url(../img/home-how-it-works-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-main-kasprowy { background: #347db4 url(../img/home-main-kasprowy-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-main-kasprowy-attractions { background: #347db4 url(../img/home-main-kasprowy-attractions-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-main-kasprowy-pricing { min-height: 430px; padding: 220px 0 0; background: #698ab0 url(../img/home-main-kasprowy-pricing-bg.jpg) no-repeat 50% 0; background-size: cover; }
#home-main-kasprowy-pricing.mod-a { padding: 190px 0 0; }

#home-main-kasprowy-weather {
  background-color: #347db4;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  padding-top: 100px;
}

#home-main-relaks { background: #347db4 url(../img/home-main-relaks-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-main-screen-01 {  background: #87aeba url(../img/home-main-screen-01-bg.jpg) no-repeat 50% 0; background-size: cover; }
#home-main-screen-02 { padding-top: 250px; background: #a1b1b5 url(../img/home-main-screen-02-bg.jpg) no-repeat 50% 0; background-size: cover; }
#home-main-screen-03 { padding-top: 250px; background: #5f853f url(../img/home-main-screen-03-bg.jpg) no-repeat 50% 0; background-size: cover; }
#home-main-screen-04 { padding-top: 250px; background: #74a04d url(../img/home-main-screen-04-bg.jpg) no-repeat 50% 0; background-size: cover; }
#home-main-screen-05 {  padding-top: 190px; background: #044a80 url(../img/home-main-screen-05-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-news { min-height: 490px; padding: 180px 0 0; background: #698ab0 url(../img/home-news-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-ski-slopes { position: relative; background: url(../img/home-ski-slopes.jpg) no-repeat 50% 0; background-size: cover; }

#home-winter { background: url(../img/home-winter-bg.jpg) no-repeat 50% 0; background-size: cover; }

#home-summer { background: url(../img/home-summer-bg.jpg) no-repeat 50% 0; background-size: cover; }

div.map-wrapper { position: relative; }
div.map-wrapper .container { position: absolute; left: 50%; top: 0; height: 100%; margin-left: -585px; }

div.news-teaser { float: right; width: 267px; margin: 0 0 1px 1px; }
 div.news-teaser-inner { position: relative; overflow: hidden; height: 267px; padding: 25px; }
 div.news-teaser .mask { display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: .8; }
 div.news-teaser.color-01 .mask { background-color: #0083c2; }
 div.news-teaser.color-02 .mask { background-color: #00a7cf; }
 div.news-teaser.color-03 .mask { background-color: #428433; }
 div.news-teaser.color-04 .mask { background-color: #699426; }
 div.news-teaser.color-05 .mask { background-color: #2c6c9e; }
 div.news-teaser.color-06 .mask { background-color: #0083c2; }
 div.news-teaser.color-07 .mask { background-color: #00a7cf; }
 div.news-teaser.color-08 .mask { background-color: #1a8554; }
 div.news-teaser.color-09 .mask { background-color: #1aa8d1; }
 div.news-teaser.color-10 .mask { background-color: #95b934; }
 div.news-teaser.color-11 .mask { background-color: #428433; }
 div.news-teaser.color-12 .mask { background-color: #699426; }
  div.news-teaser .header-c { position: relative; z-index: 3; color: #fff; text-transform: uppercase; }
  div.news-teaser .header-d { position: absolute; z-index: 3; left: 25px; bottom: 25px; z-index: 3; padding: 0 25px 0 0; }
   div.news-teaser .header-d a { color: #fff; }
  div.news-teaser p.desc { position: absolute; left: 25px; bottom: 25px; z-index: 3; margin: 0; padding: 0 25px 0 0; font-size: 15px; }
   div.news-teaser p.desc a { color: #fff; }
  div.news-teaser .photo { display: block; position: absolute; left: 0; top: 0; z-index: 1; }
  div.news-teaser .url { display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; }
  div.news-teaser .icon { position: absolute; top: 21px; left: 23px; z-index: 4; opacity: .4; }

#our-centers-contact { background-color: #e8f0f3; }
 #our-centers-contact iframe { display: block; }
 #our-centers-contact div.inner { position: absolute; left: 0; top: 0; z-index: 2; height: 100%; padding: 40px 0 0 15px; background-color: #e8f0f3; }
 div.our-center-address { position: relative; height: 104px; margin: 0 0 0 -20px; padding: 15px 0 0 20px; cursor: pointer; }
 div.our-center-address.selected { background-color: #fff; }
 div.our-center-address.selected::before { display: block; content: ""; position: absolute; right: -41px; top: 0; width: 41px; height: 104px; background: url(../img/sprite.v2.png) no-repeat -100px -700px; }
  div.our-center-address div.primary { float: left; width: 180px; padding: 0 20px 0 0; }
   div.our-center-address div.primary p { margin: 0; color: #193350; font-size: 20px; font-weight: 700; text-transform: uppercase;  line-height: 24px; }
  div.our-center-address div.secondary { float: left; }
   div.our-center-address div.secondary p { margin: 0; font-size: 16px; font-weight: 600; }
   div.our-center-address.selected div.secondary p { font-weight: 400; }


#testimonials { margin: 0; padding: 40px 0 110px; background-color: #e8f0f3; }
 #testimonials .box-testimonial { background-color: #fff; }


/*! headers -------- */
.header-a { color: #193350; font-size: 20px; font-weight: 600; }
.header-b { margin: 0 0 30px 20px; font-size: 50px; font-weight: 600; text-transform: uppercase; }
 .header-b.mod-a { margin-left: 0; }
.header-c { margin: 0; font-size: 14px; font-weight: 700 !important; text-transform: uppercase; }
 .header-c.mod-a { font-size: 20px; }
.header-d { margin: 0; font-size: 18px; font-weight: 700 !important; text-transform: uppercase; line-height: 22px; }
.header-e { position: relative; margin: 0 0 35px; padding: 0 0 0 55px; color: #193350; font-size: 20px; font-weight: 700; text-transform: uppercase; }
.header-f { margin: 0; font-size: 50px; font-weight: 600; text-transform: uppercase; }
.header-g { margin: 0 0 50px; color: #193350; font-size: 20px !important; font-weight: 700 !important; text-transform: uppercase; line-height: 26px; }
.header-h { color: #193350; font-size: 16px !important; font-weight: 700; text-transform: uppercase; }
 .header-h.mod-a { font-weight: 400; }
.header-i { margin: 0; font-size: 40px; font-weight: 600 !important; text-transform: uppercase; }
 .header-i.mod-a { font-size: 24px; }
 .header-i.mod-b { font-size: 20px; text-align: center; }
 .header-i span { color: #e11a1a; }
.header-i.mod-c { margin: 0 0 15px; }
 .header-i.mod-c span { color: #00aeef; text-transform: none; }
.header-j { font-size: 30px !important; font-weight: 700; text-transform: uppercase; }
.header-k { margin: 0 0 30px; font-size: 40px; font-weight: 600 !important; }
.header-l { color: #fff; font-size: 46px; text-align: center; text-decoration: underline;text-transform: uppercase; }
.header-m { font-size: 31px !important; font-weight: 400; text-transform: uppercase; }
 .header-m span { text-transform: none; }
.header-n { color: #fff; font-size: 63px; font-weight: 400; }
 .header-n span { color: #00b5dc; }
.header-o { color: #193350; font-size: 24px !important; font-weight: 400; }
.header-p { color: #fff; font-size: 41px !important; font-weight: 400; text-align: center; }
.header-p.mod-a { text-align: left; }
.header-p.mod-b { position: relative; }
.header-p.mod-b::before { display: block; content: ""; position: absolute; left: 50%; bottom: -20px; width: 290px; height: 2px; margin-left: -145px; background-color: #fff; }
.header-p.mod-c { margin: 0; color: #405a79; text-transform: uppercase; }


/*! buttons -------- */
.btn-a { display: inline-block; position: relative; height: 37px; padding: 0 16px 0 42px; font-size: 12px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; line-height: 37px; }
 .btn-a.mod-a { background-color: #e1191a; color: #fff; font-weight: 700; text-transform: uppercase; }
 .btn-a.mod-a:hover,
 .btn-a.mod-a:focus,
 .btn-a.mod-a:active { background-color: #c20f0f; color: #fff; }
 .btn-a.mod-b { padding: 0 0 0 30px; color: #e1191a; font-weight: 700; text-transform: uppercase; }
 .btn-a.mod-b:hover,
 .btn-a.mod-b:focus,
 .btn-a.mod-b:active { color: #c20f0f; }
 .btn-a .icon-buy { left: 12px; }


/*! tables -------- */
table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

.table-a { width: 100%; margin-bottom: 25px; }
 .table-a th { padding: 5px; border: none; color: #abb2b6; font-weight: 600; }
 .table-a td { padding: 22px 5px; border: none; border-top: 1px solid #b8cad1; background-color: #fafcfc; font-size: 16px; font-weight: 700; text-transform: uppercase; }
 .table-a tfoot td { background-color: #fff; }
 .table-a tfoot td.col-b { font-size: 20px; font-weight: 600; text-transform: none; }
 .table-a td.col-f { text-align: right; }
 .table-a td.col-g {}
 .table-a th:first-child,
 .table-a td:last-child { padding-left: 20px; padding-right: 20px; }
 .table-a td:last-child { text-align: center; }
 .table-a td:first-child { padding-left: 20px; padding-right: 20px; font-size: 14px; text-align: center; line-height: 16px; }
 .table-a td span.info { display: block; color: #abb2b6; font-size: 14px; }
 .table-a tbody tr:first-child td { padding: 44px 20px; border: none; background-color: #fff; font-size: 20px; text-align: left; }
 .table-a .btn-a { font-size: 12px; }
 .table-a tr.alert td { border: none; padding-top: 0; padding-bottom: 10px; color: #ff002a; font-size: 14px; font-weight: 600; text-align: left; text-transform: none; }
  .table-a tr.alert td span { display: block; padding: 10px 0 0; border-top: 1px solid #ccdae0; }
.table-a td:first-child .icon { position: static; margin: 0 auto 7px; }
 .table-a .icon-a { position: static; }

.table-b { width: 100%; margin: 0; padding: 0 20px; border: 1px solid #c0cad5; border-top: none; border-collapse: separate; }
.table-b.mod-a { border: none; background-color: #4d739f; }
.table-b th,
.table-b td { border: none; text-align: left; }
.table-b th { padding: 21px 0; background-color: #4d739f; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.table-b td span { text-transform: none; }
.table-b td { padding: 25px 0; border-top: 1px solid #c0cad5; color: #1d3a55; font-weight: 700; }
.table-b tr:first-child td { border: none; }
.table-b td:first-child { text-transform: uppercase; }
.table-b .col-a { width: 40%; }
.table-b .col-b { width: 30%; }
.table-b .col-c { width: 30%; }
.table-b.mod-b .col-a { width: 30%; }
.table-b.mod-b .col-b { width: 40%; }
.table-b.mod-b .col-c { width: 30%; }
.table-b td.col-c { text-align: center; }
.table-b .center { text-align: center; }

.table-c { width: 100%; margin-bottom: 25px; }
 .table-c th { padding: 5px; border: none; color: #abb2b6; font-weight: 600; }
 .table-c td { padding: 35px 5px; border: none; border-top: 1px solid #b8cad1; background-color: #fafcfc; font-size: 16px; font-weight: 700; text-transform: uppercase; }
 .table-c th:first-child,
 .table-c td:last-child { padding-left: 25px; padding-right: 25px; }
 .table-c td:first-child { width: 30%; padding-left: 25px; padding-right: 25px; font-size: 16px; line-height: 20px; }
 .table-c td.small { font-size: 13px; text-transform: none; }
 .table-c td:nth-child(3) { width: 12%; }
 .table-c tbody tr:first-child td { border: none; }
 .table-c td:first-child .icon { position: static; margin: 0 auto 7px; }
 .table-c a { color: #303439; }
 .table-c .icon-a { position: static; }
 .table-c .icon-b { float: left; margin: 0 15px 0 0; }
 .table-c span.url { float: left; padding: 8px 0 0; }
 .table-c .link-a:hover { color: #f10a0a; }
 .table-c .link-b:hover { color: #06bcf3; }

.table-d { width: 100%; margin-bottom: 25px; }
 .table-d th { padding: 20px 5px; border: none; background-color: #4d739f; color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase; }
 .table-d td { padding: 22px 5px; border: none; border-top: 1px solid #b8cad1; background-color: #fafcfc; font-size: 16px; font-weight: 700; text-transform: uppercase; }
 .table-d td.small { text-transform: none; }
 .table-d th:first-child,
 .table-d td:last-child { padding-left: 20px; padding-right: 20px; }
 .table-d td:first-child { font-size: 12px; text-align: center; }
 .table-d tbody tr:first-child td { border: none; }
 .table-d tr.alert td { border: none; padding-top: 0; padding-bottom: 10px; color: #ff002a; font-size: 14px; font-weight: 600; text-align: left; text-transform: none; }
  .table-d tr.alert td span { display: block; padding: 10px 0 0; border-top: 1px solid #ccdae0; }
.table-d td:first-child .icon { position: static; margin: 0 auto 7px; }
 .table-d .icon-a { position: static; }
 .table-d .center { text-align: center; }
.table-d.mod-a th { font-weight: 700; }
.table-d.mod-a td { padding: 22px 5px; font-size: 16px; text-align: left; text-transform: none; }
 .table-d.mod-a th:first-child,
 .table-d.mod-a td:first-child { padding-left: 20px; padding-right: 20px; }
.table-d.mod-a a.buy {}


.table-e { width: 100%; margin-bottom: 25px; }
 .table-e th { padding: 5px; border: none; color: #abb2b6; font-weight: 600; }
 .table-e td { padding: 18px 12px; border: 1px solid #e8f0f3; background-color: #fafcfc; font-size: 16px; font-weight: 700; text-transform: uppercase; }
 .table-e tfoot td { background-color: #fff; }
 .table-e tfoot td.col-b { font-size: 20px; font-weight: 600; text-transform: none; }
 .table-e td.col-f { text-align: right; }
 .table-e td.col-g {}
 .table-e th:first-child,
 .table-e td:last-child { padding-left: 20px; padding-right: 20px; }
 .table-e td:last-child { text-align: center; }
 .table-e td:first-child { padding-left: 20px; padding-right: 20px; font-size: 14px; text-align: center; line-height: 16px; }
 .table-e td span.info { display: block; color: #abb2b6; font-size: 14px; }
 .table-e tbody tr:first-child td { padding: 44px 20px; border: none; background-color: #fff; font-size: 20px; text-align: left; border-left: 1px solid #e8f0f3; border-right: 1px solid #e8f0f3; }
 .table-e .btn-a { font-size: 12px; }
 .table-e tr.alert td { border: none; padding-top: 0; padding-bottom: 10px; color: #ff002a; font-size: 14px; font-weight: 600; text-align: left; text-transform: none; }
  .table-e tr.alert td span { display: block; padding: 10px 0 0; border-top: 1px solid #ccdae0; }
.table-e td:first-child .icon { position: static; margin: 0 auto 7px; }
 .table-e .icon-a { position: static; }


/*! lists -------- */
.gallery { list-style: none; overflow: hidden; margin: 0 0 25px; padding: 0; }
 .gallery li { float: left; width: 32%; margin: 0 0 1% 1%; }

.list-a { list-style: none; margin: 0 0 15; padding: 0; }
 .list-a li { float: left; margin: 0 0 0 20px; }
 .list-a li:first-child { margin: 0; }
  .list-a .icon { position: static; top: 0; margin: 0; }

.list-b { list-style: none; margin: 0 0 30px; padding: 17px 0; background-color: #fff; text-align: center; }
.list-b.mod-a { text-align: left; }
 .list-b li { display: inline; margin: 0 12px;color: #749fb5; font-size: 14px; font-weight: 700; text-transform: uppercase; }
 .list-b.mod-a li { margin-left: 25px; }
  .list-b li span { cursor: pointer; }
  .list-b li span.selected { border-bottom: 2px solid #293f57; color: #293f57; }
  .list-b li span:hover { color: #293f57; }

.list-c { list-style: none; overflow: hidden; margin: 0 0 15px -16px; padding: 0; }
 .list-c li { float: left; min-width: 80px; margin: 5px 16px; font-size: 12px !important; font-weight: 700; text-align: center; text-transform: uppercase; }
  .list-c img { display: block; margin: 0 auto 10px; }
  .list-c span { display: block; min-height: 40px; margin: 0 auto; line-height: 14px; }
  .list-c a { color: #274769; }

.list-d { list-style: none; margin: 0; padding: 0; }
 .list-d li { position: relative; margin: 5px 0 0; padding: 0 0 0 30px; font-size: 16px; }
 .list-d li:first-child { margin: 0; }
 .list-d li::before { display: block; content: ""; position: absolute; left: 0; top: 6px; width: 20px; height: 12px; background: url(../img/sprite.v2.png) no-repeat -100px -300px; }

.list-e { list-style: none; margin: 0; padding: 0; }
 .list-e li { float: left; position: relative; margin: 0 0 0 40px; padding: 0 0 0 60px; color: #293f57; font-size: 20px; font-weight: 700; text-transform: uppercase; }
 .list-e li:first-child { margin: 0; }
 .list-e li .icon { margin-top: -32px; }

 .list-f { list-style:  lower-alpha; }

.list-g { list-style: none; overflow: hidden; margin: 0 0 15px -12px; padding: 0; }
.list-g li { float: left; margin: 5px 12px; }

.list-h { list-style: none; margin: 0 0 60px; padding: 15px 0 15px 25px; background-color: #ebf2f5; }
.list-h li { position: relative; padding: 0 0 0 12px; color: #405a79; font-size: 21px; }
.list-h li::before { display: block; content: ""; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; border-radius: 50%; background-color: #405a79; }

.nav-a { list-style: none; overflow: hidden; margin: 0 0 10px; padding: 0; }
 .nav-a li { float: left; padding: 0 5px; border-left: 1px solid #3d6381; font-weight: 600; text-transform: uppercase; line-height: 14px; }
 .nav-a li:first-child { border: none; padding-left: 0; }
 .nav-a a { color: #749fb5; }
 .nav-a li.active a { color: #fff; }

.nav-b { list-style: none; margin: 0; padding: 0; }
 .nav-b li { font-weight: 600; text-transform: uppercase; }

.nav-c { list-style: none; margin: 0; padding: 0; }
 .nav-c li { margin: 5px 0 0; font-weight: 600; text-align: right; text-transform: uppercase; }
 .nav-c li:first-child { margin: 0; }
 .nav-c .counter { float: left; width: 22px; height: 22px; margin: 0 10px 0 0; border: 2px solid #e1191a; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #1a3753; color: #fff; font-size: 13px; line-height: 16px; text-align: center; }
 .nav-c a:hover { color: #fff; }

.nav-d,
.nav-d ul { list-style: none; margin: 0; padding: 0; }
 .nav-d li { margin: 9px 0; }
  .nav-d a { color: #a0dceb; }
  .nav-d > li > a,
  .nav-d > li > span { color: #d8f8ff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
  .nav-d a:hover { color: #fff; }

.nav-e { list-style: none; margin: 0 0 20px; padding: 0; text-align: center; }
 .nav-e li { display: inline; margin: 0 7px; }
 .nav-e span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #293f57; cursor: pointer; }

#nav-side { position: relative; z-index: 2; margin: 0; }
 #nav-side ul { list-style: none; position: relative; width: 136px; margin: 0; padding: 0; }
  #nav-side li { margin: 15px 0 0; }
  #nav-side li:first-child { margin: 0; }
   #nav-side a { display: block; position: relative; width: 136px; color: #98d5ff; font-weight: 700; text-transform: uppercase; }
   #nav-side a:hover { color: #fff; }
   #nav-side li.active > a { color: #fff; }
   #nav-side li.active > a span { border-bottom: 2px solid #fff; }
   #nav-side ul ul { position: absolute; left: 136px; top: 0; min-width: 166px; padding: 0 0 0 20px; }
   //#nav-side ul li:hover ul { display: block; }
   #nav-side span.icon-menu-arrow { opacity: 0; position: absolute; left: auto; right: 6px; top: 50%; border: none !important;  transition: all 0.5s ease; }
   //#nav-side li:hover span.icon-menu-arrow { opacity: 1; }

.partners { float: left; list-style: none; overflow: hidden; margin: 0; padding: 0; }
 .partners li { float: left; margin: 5px 30px 20px 0; }
 .partners li:last-child { margin: 0; }

.social-network { list-style: none; margin: 0; padding: 0; text-align: center; }
 .social-network li { display: inline; margin: 0 0 0 65px; font-weight: 700; text-transform: uppercase; }
 .social-network li:first-child { margin: 0; }
  .social-network a { display: inline-block; position: relative; padding: 0 0 0 35px; color: #06bcf3; }
  .social-network a:hover, .social-network a:focus, .social-network a:active { color: #fff; }

ol li { font-size: 16px; }

/*! forms -------- */
.form-a { box-sizing: border-box; width: 80%; margin: 0; }
 .form-a-inner { margin: 0 0 10px; padding: 0 10px; background-color: #22578c; }
  .form-a-inner p { border-top: 1px solid #2a73a1; }
  .form-a-inner p:first-child { border: none; }
 .form-a p { position: relative; margin: 0; }
 .form-a p.submit-wrapper { overflow: hidden; }
 .form-a input.text { box-sizing: border-box; width: 100%; height: 29px; padding: 0 10px; border: none; background: none; color: #4f8faa; line-height: 29px; }
 .form-a input.text::-webkit-input-placeholder { color: #4f8faa; }
 .form-a input.text:-moz-placeholder { color: #4f8faa; opacity:1; }
 .form-a input.text::-moz-placeholder { color: #4f8faa; opacity:1; }
 .form-a input.text:-ms-input-placeholder { color: #4f8faa; }
 .form-a input.text:focus::-webkit-input-placeholder { color: #4f8faa; }
 .form-a input.text:focus:-moz-placeholder { color: #4f8faa; opacity:1; }
 .form-a input.text:focus::-moz-placeholder { color: #4f8faa; opacity:1; }
 .form-a input.text:focus:-ms-input-placeholder { color: #4f8faa; }
 .form-a input.submit { float: right; padding: 0; border: none; background: none; color: #00c6ff; font-size: 12px; font-weight: 700; text-transform: uppercase; }
 .form-a input.submit:hover { color: #00deff; }
 .form-a div.agreement { position: relative; }
 .form-a div.agreement div.styledCheckbox { float: left; margin: 0 10px 0 0; }
 .form-a div.agreement label { float: left; width: 80%; margin: 0; color: #d8f8ff; font-size: 12px; font-weight: 400; cursor: pointer; }
  .form-a div.agreement a { color: #00c6ff; }
  .form-a div.agreement a:hover { color: #00deff; }
 .form-a span.error { display: block; position: absolute; left: -229px; top: 0; width: 215px; padding: 3px 0 4px 15px; background-color: #e11a1a; color: #fff; font-size: 14px; }
 .form-a span.error.mod-a { left: -239px; }
 .form-a span.error.mod-b { margin-top: -5px; }
 .form-a span.error::before { display: block; content: ""; position: absolute; right: -13px; top: 0; width: 13px; height: 29px; background: url(../img/sprite.v2.png) no-repeat 0 -700px; }

.form-b { margin: 0; }
 .form-b p { overflow: hidden; margin: 0; }
 .form-b span { float: left; margin: 0 15px 0 0; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 40px; }
 .form-b input.text { float: left; height: 40px; width: 422px; margin: 0 2px 0 0; padding: 0 10px; border: none; color: #69a9b9; background-color: #e8f0f3; font-size: 14px; }
 .form-b input.submit { float: left; width: 40px; height: 40px; border: none; background: #06bcf3 url(../img/sprite.v2.png) no-repeat -200px -300px; }
 .form-b input.text::-webkit-input-placeholder { color: #69a9b9; }
 .form-b input.text:-moz-placeholder { color: #69a9b9; opacity:1; }
 .form-b input.text::-moz-placeholder { color: #69a9b9; opacity:1; }
 .form-b input.text:-ms-input-placeholder { color: #69a9b9; }
 .form-b input.text:focus::-webkit-input-placeholder { color: #69a9b9; }
 .form-b input.text:focus:-moz-placeholder { color: #69a9b9; opacity:1; }
 .form-b input.text:focus::-moz-placeholder { color: #69a9b9; opacity:1; }
 .form-b input.text:focus:-ms-input-placeholder { color: #69a9b9; }

.form-contact { width: 100%; }
 .form-contact .form-a-inner { background: none; }
  .form-contact p.title-a { margin: 0 0 20px; color: #fff; font-size: 24px; font-weight: 600; line-height: 28px; }
  .form-contact div.primary { float: left; width: 275px; margin: 0 1px 25px 0; }
   .form-contact div.primary p { margin: 0 0 1px; }
   .form-contact p.submit-wrapper { float: left; margin: 30px 0 0; }
 .form-contact input.text { background-color: #12273c; color: #60a4b5; font-size: 14px; }
 .form-contact input.text::-webkit-input-placeholder { color: #60a4b5; }
 .form-contact input.text:-moz-placeholder { color: #60a4b5; opacity:1; }
 .form-contact input.text::-moz-placeholder { color: #60a4b5; opacity:1; }
 .form-contact input.text:-ms-input-placeholder { color: #60a4b5; }
 .form-contact input.text:focus::-webkit-input-placeholder { color: #60a4b5; }
 .form-contact input.text:focus:-moz-placeholder { color: #60a4b5; opacity:1; }
 .form-contact input.text:focus::-moz-placeholder { color: #60a4b5; opacity:1; }
 .form-contact input.text:focus:-ms-input-placeholder { color: #60a4b5; }
 .form-contact input.submit { float: left; height: 29px; padding: 0 18px; background-color: #06bcf3; color: #fff; }
 .form-contact input.submit:hover { color: #fff; }
 .form-contact div.agreement label { color: #e8f0f3; font-size: 13px; }


/*! icons -------- */
.icon { display: block; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background: url(../img/sprite.v2.png) no-repeat; }
.icon.icon-arrow-down-white { width: 142px; height: 90px; background-position: -500px -300px; }
.icon.icon-arrow-up-blue { width: 142px; height: 90px; background-position: 0 -300px; }
.icon.icon-arrow-right-blue { width: 9px; height: 13px; margin-top: -6px; background-position: -800px 0; }
.icon.icon-arrow-right-white { width: 14px; height: 26px; margin-top: -13px; background-position: -300px 0; }
.icon.icon-bag { width: 68px; height: 70px; left: 50%; top: 0; margin-left: -34px; background-position: -400px 0; }
.icon.icon-buy { width: 22px; height: 18px; margin-top: -9px; }
.icon.icon-buy-red { width: 22px; height: 18px; margin-top: -9px; background-position: -50px 0; }
.icon.icon-buy-big { width: 30px; height: 25px; margin-top: -9px; background-position: 0 -50px; }
.icon.icon-camera-dark { width: 44px; height: 26px; margin-top: -13px; background-position: -800px -350px; }
.icon.icon-camera-white { width: 44px; height: 26px; margin-top: -13px; background-position: -700px -350px; }
.icon.icon-close { width: 14px; height: 14px; background-position: -700px 0; cursor: pointer; }
.icon.icon-confirm { width: 18px; height: 18px; background-position: -500px 0; }
.icon.icon-confirm-small { width: 13px; height: 13px; background-position: -500px -50px; }
.icon.icon-decrease { width: 18px; height: 18px; background-position: -600px 0; }
.icon.icon-decrease-small { width: 13px; height: 13px; background-position: -600px -50px; }
.icon.icon-discounts { width: 65px; height: 63px; margin-top: -32px; background-position: -500px -500px; }
.icon.icon-email-blue { width: 30px; height: 21px; margin-top: -10px; background-position: -100px -600px; }
.icon.icon-email-green { width: 30px; height: 21px; margin-top: -10px; background-position: -300px -600px; }
.icon.icon-get-pdf { width: 31px; height: 38px; background-position: -800px -800px; }
.icon.icon-google-street { width: 27px; height: 39px; margin-top: -19px; background-position: -800px -950px; }
.icon.icon-help-circle { width: 67px; height: 67px; background-position: -200px -700px; }
.icon.icon-instagram { width: 24px; height: 24px; margin-top: -12px; background-position: -100px 0; }
.social-network a:hover .icon.icon-instagram { background-position: -100px -50px; }
.icon.icon-join-us { width: 105px; height: 80px; margin-top: -40px; background-position: -395px -800px; }
.icon.icon-menu-arrow { width: 9px; height: 16px; margin-top: -8px; background-position: -900px 0; }
.icon.icon-padlock { width: 65px; height: 86px; margin-top: -43px; background-position: -200px -800px; }
.icon.icon-phone { width: 26px; height: 31px; margin-top: -15px; background-position: -200px -600px; }
.icon.icon-phone-green-big { width: 44px; height: 52px; margin-top: -26px; background-position: -400px -600px; }
.icon.icon-phone-cell-green-big { width: 54px; height: 62px; margin-top: -31px; background-position: -500px -600px; }
.icon.icon-pkl-centers { width: 58px; height: 59px; margin-top: -30px; background-position: -600px -500px; }
.icon.icon-play-black { width: 44px; height: 26px; background-position: -400px -300px; }
.icon.icon-play-dark { width: 42px; height: 30px; margin-top: -15px; background-position: -800px -300px; }
.icon.icon-play-dark-camera { width: 44px; height: 31px; margin-top: -15px; background-position: -900px -300px; }
.icon.icon-play-navy { width: 42px; height: 30px; margin-top: -15px; background-position: -300px -300px; }
.icon.icon-play-white { width: 42px; height: 30px; margin-top: -15px; background-position: -700px -300px; }
.icon.icon-road { width: 37px; height: 35px; margin-top: -17px; background-position: -700px -950px; }
.icon.icon-roller-green { width: 23px; height: 35px; margin-top: -17px; background-position: 0 -600px; }
.icon.icon-see-online { width: 31px; height: 38px; background-position: -900px -800px; }
.icon.icon-social-cloud { width: 41px; height: 24px; top: 0; background-position: -100px -900px; }
.icon.icon-social-facebook { width: 24px; height: 24px; top: 0; background-position: -300px -900px; }
.icon.icon-social-instagram { width: 24px; height: 24px; top: 0; background-position: -200px -900px; }
.icon.icon-social-play { width: 32px; height: 24px; top: 0; background-position: 0 -900px; }
.icon.icon-ticket-center { width: 49px; height: 64px; background-position: -700px -600px; }
.icon.icon-ticket-biletomat { width: 49px; height: 64px; background-position: -800px -600px; }
.icon.icon-ticket-bok { width: 49px; height: 64px; background-position: -900px -600px; }
.icon.icon-time { width: 25px; height: 25px; margin-top: -12px; background-position: -600px -950px; }
.icon.icon-without-queues { width: 60px; height: 53px; margin-top: -26px; background-position: -400px -500px; }
.icon.icon-youtube { width: 23px; height: 26px; margin-top: -13px; background-position: -200px 0; }
.social-network a:hover .icon.icon-youtube { background-position: -200px -50px; }

.icon.icon-for-skiers { width: 33px; height: 31px; margin-top: -15px; background-position: 0 -800px; }
.icon.icon-for-tourists { width: 33px; height: 32px; margin-top: -16px; background-position: 0 -850px; }

.icon.icon-bike { width: 75px; height: 56px; background-position: -400px -400px; }
.icon.icon-clock-dark { top: 0; width: 30px; height: 30px; background-position: -600px -900px; }
.icon.icon-clock-green { top: 0; width: 41px; height: 41px; background-position: -650px -900px; }
.icon.icon-clock-countdown-dark { top: 0; width: 30px; height: 30px; background-position: -700px -900px; }
.icon.icon-clock-countdown-green { top: 0; width: 42px; height: 41px; background-position: -750px -900px; }
.icon.icon-luger { width: 42px; height: 56px; background-position: -900px -400px; }
.icon.icon-luger-dark { width: 42px; height: 56px; background-position: -900px -500px; }
.icon.icon-man-dark { width: 14px; height: 56px; background-position: -800px -500px; }
.icon.icon-mountains { width: 58px; height: 56px; background-position: -100px -400px; }
.icon.icon-mountains-dark { width: 42px; height: 34px; margin-top: -17px; background-position: -800px -700px; }
.icon.icon-notification-dark { top: 0; width: 31px; height: 31px; background-position: -800px -900px; }
.icon.icon-play-a { width: 44px; height: 56px; background-position: -600px -400px; }
.icon.icon-price-list-dark { top: 0; width: 30px; height: 27px; background-position: -400px -900px; }
.icon.icon-reservation-dark { top: 0; width: 30px; height: 31px; background-position: -900px -900px; }
.icon.icon-roller-coaster { width: 36px; height: 56px; background-position: -300px -400px; }
.icon.icon-roller-coaster-dark { width: 36px; height: 56px; background-position: -300px -500px; }
.icon.icon-roller-coaster-dark-big { width: 39px; height: 50px; background-position: -300px -800px; }
.icon.icon-route-dark { width: 54px; height: 52px; top: 0; background-position: -700px -700px; }
.icon.icon-sign { width: 49px; height: 56px; background-position: -500px -400px; }
.icon.icon-snow-dark { width: 52px; height: 46px; top: 0; background-position: -500px -700px; }
.icon.icon-skier { width: 39px; height: 56px; background-position: 0 -400px; }
.icon.icon-skier-dark { width: 39px; height: 56px; background-position: 0 -500px; }
.icon.icon-skier-lift { width: 44px; height: 56px; background-position: -700px -400px; }
.icon.icon-skier-lift-dark { width: 44px; height: 56px; background-position: -700px -500px; }
.icon.icon-star { width: 49px; height: 56px; background-position: -200px -400px; }
.icon.icon-temperature-dark { width: 179px; height: 56px; top: 0; background-position: -300px -700px; }
.icon.icon-ticket-dark { width: 49px; height: 49px; background-position: -700px -800px; }
.icon.icon-timetable-dark { top: 0; width: 34px; height: 26px; background-position: -500px -900px; }
.icon.icon-visibility-dark { width: 47px; height: 46px; top: 0; background-position: -600px -700px; }
.icon.icon-cabin-lift { width: 72px; height: 56px; background-position: -610px -500px; }
.icon.icon-t-bar-lift { width: 72px; height: 56px; background-position: -700px -500px; }

.icon.icon-gravity-slide-dark { width: 40px; height: 56px; background-position: -100px -500px; }
.icon.icon-luger-dark { width: 46px; height: 56px; background-position: -1000px -500px; }
.icon.icon-queue-lane-dark { width: 53px; height: 56px; background-position: -1100px -500px; }
.icon.icon-sun-kid-dark { width: 40px; height: 56px; background-position: -200px -500px; }
.icon.icon-paradise-slides-dark { width: 49px; height: 56px; background-position: -800px -400px; }

.icon.icon-kasprowy { width: 44px; height: 48px; top: 20px; left: 50%; margin-left: -22px; background-position: 0 -100px; }
.icon.icon-gubalowka { width: 44px; height: 44px; top: 20px; left: 50%; margin-left: -22px; background-position: -100px -100px; }
.icon.icon-jaworzyna { width: 45px; height: 48px; top: 20px; left: 50%; margin-left: -22px; background-position: -200px -100px; }
.icon.icon-gora-arkowa { width: 44px; height: 44px; top: 20px; left: 50%; margin-left: -22px; background-position: -300px -100px; }

/*.icon.icon-80-lat { width: 75px; height: 65px; top: 20px; left: 50%; margin-left: -40px; background-position: -439px -100px; }*/
.icon.icon-80-lat { width: 75px; height: 65px; top: 20px; left: 50%; margin-left: -40px; background-position: -439px -200px; }

.icon.icon-palenica { width: 44px; height: 45px; top: 20px; left: 50%; margin-left: -22px; background-position: -600px -100px; }
.icon.icon-gora-zar { width: 46px; height: 46px; top: 16px; left: 50%; margin-left: -23px; background-position: -700px -100px; }
.icon.icon-mosorny-gron { width: 42px; height: 48px; top: 20px; left: 50%; margin-left: -21px; background-position: -800px -100px; }
.icon.icon-solina { width: 45px; height: 45px; top: 20px; left: 50%; margin-left: -21px; background-position: -1000px -100px; }
.icon.icon-kup-online { width: 52px; height: 52px; top: 16px; left: 50%; margin-left: -26px; background-position: -900px -100px; }
#nav a:hover .icon.icon-kasprowy,
.active .icon.icon-kasprowy { background-position: 0 -200px; }
#nav a:hover .icon.icon-gubalowka,
.active .icon.icon-gubalowka { background-position: -100px -200px; }
#nav a:hover .icon.icon-jaworzyna,
.active .icon.icon-jaworzyna { background-position: -200px -200px; }
#nav a:hover .icon.icon-gora-arkowa,
.active .icon.icon-gora-arkowa { background-position: -300px -200px; }
#nav a:hover .icon.icon-80-lat,
.active .icon.icon-80-lat { background-position: -439px -200px; }
#nav a:hover .icon.icon-palenica,
.active .icon.icon-palenica { background-position: -600px -200px; }
#nav a:hover .icon.icon-gora-zar,
.active .icon.icon-gora-zar { background-position: -700px -200px; }
#nav a:hover .icon.icon-mosorny-gron,
.active .icon.icon-mosorny-gron { background-position: -800px -200px; }
#nav2 a:hover .icon.icon-kup-online,
.active .icon.icon-kup-online { background-position: -900px -200px; }
#nav a:hover .icon.icon-solina,
.active .icon.icon-solina { background-position: -1000px -200px; }

.icon.icon-kasprowy-a { width: 54px; height: 59px; top: 50%; left: 50%; margin-left: -27px; margin-top: -30px; background-position: 0 -930px; }
.icon.icon-mosorny-gron-a { width: 53px; height: 63px; top: 50%; left: 50%; margin-left: -26px; margin-top: -31px; background-position: -100px -930px; }
.icon.icon-palenica-a { width: 53px; height: 55px; top: 50%; left: 50%; margin-left: -26px; margin-top: -28px; background-position: -200px -930px; }
.icon.icon-gora-arkowa-a { width: 55px; height: 55px; top: 50%; left: 50%; margin-left: -27px; margin-top: -28px; background-position: -300px -930px; }
.icon.icon-gubalowka-a { width: 55px; height: 55px; top: 50%; left: 50%; margin-left: -27px; margin-top: -28px; background-position: -400px -930px; }
.icon.icon-gora-zar-a { width: 56px; height: 57px; top: 50%; left: 50%; margin-left: -28px; margin-top: -29px; background-position: -500px -930px; }
.icon.icon-solina-a { width: 54px; height: 59px; top: 50%; left: 50%; margin-left: -27px; margin-top: -30px; background-position: 0 -1000px; }



/*! others -------- */
.none { display: none !important; }
input, textarea { -webkit-appearance: none; outline: none; }

.margin-bottom0 { margin-bottom: 0 !important; }
.margin-bottom10 { margin-bottom: 10px !important; }
.margin-bottom20 { margin-bottom: 20px !important; }
.margin-bottom30 { margin-bottom: 30px !important; }
.margin-bottom40 { margin-bottom: 40px !important; }
.margin-bottom50 { margin-bottom: 50px !important; }
.margin-bottom60 { margin-bottom: 60px !important; }
.margin-bottom70 { margin-bottom: 70px !important; }
.margin-top0 { margin-top: 0 !important; }
.margin-top40 { margin-top: 40px !important; }
.padding-bottom30 { padding-bottom: 30px !important; }
.padding-top30 { padding-top: 30px !important; }

.relative { position: relative; }

a { color: #749fb5; text-decoration: none; }
a:hover, a:focus, a:active { color: #749fb5; text-decoration: none; outline: none; }

.go-a-wrapper { overflow: hidden; font-size: 18px; font-weight: 700; text-transform: uppercase; }
 .go-a { float: left; padding: 10px 40px; border: 1px solid #fff; color: #fff; text-align: center; }
 .go-a:hover, .go-a:focus, .go-a:active { color: #fff; }

.go-b-wrapper { font-size: 14px !important; font-weight: 700; text-transform: uppercase; }
 .go-b { display: block; width: 370px; margin: 0 auto; padding: 15px 0; background-color: #06bcf3; color: #fff; text-align: center; }
 .go-b:hover { background-color: #00a2d3; color: #fff; }

.go-c { color: #06bcf3; font-weight: 600; }
.go-c:hover { color: #00a2d3; }

.width100 { width: 100%; height: auto; }
.img-center { display: block; margin: 0 auto; }


/*! responsive ------ */

@media only screen and (min-width: 768px) {


}
@media only screen and (min-width: 992px) and (max-width : 1366px) {

   /*! layout -------- */
   #top #nav { margin-left: 60px; }
    #top #nav li { margin: 0 11px; font-size: 11px; }


    /*! listst -------- */
    .nav-a li { float: none;  margin: 0 0 5px; padding: 0; border: none; }


    /*! containers -------- */
    div.box-b { left: 5px; bottom: 15px; top: auto; }

    div.box-d { right: 5px; bottom: 15px; top: auto; }
    div.box-r { right: 5px; }




}
@media only screen and (min-width: 992px) and (max-width : 1199px) {


    /*! containers -------- */
    div.box-contact div.inner { padding: 20px; }

   .box-home p.camera-url { left: 290px; }

   div.box-f.mod-a a { padding-left: 50px; }
    div.box-f.mod-a a .icon { left: 10px; }

    div.box-g-wrapper { margin-left: -485px; }

	div.box-how-it-works p.title { font-size: 22px; line-height: 22px; }
	div.box-how-it-works p.desc { font-size: 15px; line-height: 18px; }

   div.box-news-teasers p.more { width: 49%; float:right; }

	div.box-i-a .icon { left: 22px; }
	div.box-i-a.mod-a .icon { left: 42px; }
	div.box-i-a p { font-size: 32px; }
	div.box-i-a a { padding-left: 150px; }

   div.box-our-centers-see img { width: 100%; height: auto; }

	div.box-short-info div.primary { width: 150px; margin: 0 15px 0 0; }
	div.box-short-info div.secondary { width: 290px; min-height: 150px; }
	div.box-short-info p.desc { font-size: 15px; }

   div.box-social p { font-size: 18px; }

   div.box-stats-wrapper { margin-left: -485px; }

   div.box-trip { left: -110px; }

   div.box-view-thumbs .list-a { left: 260px; }

   div.news-teaser { width: 49%; }
    div.news-teaser-inner { height: 200px; }
    div.news-teaser p.desc { font-size: 13px; }

	div.map-wrapper .container { margin-left: -485px; }



    /*! lists -------- */
    .list-a li { margin: 0 0 0 10px; }
    .list-a li:first-child { margin: 0; }

    .list-b li { margin: 0 2px; }

    .list-e li { margin-left: 10px; }
    .list-e li:first-child { margin: 0; }

   #nav-side li { margin: 10px 0 0; }
   #nav-side li:first-child { margin: 0; }

    /*! forms -------- */
   .form-a { width: 100%; }

   .form-contact p.title-a { font-size: 20px; }

   .form-b input.text { width: 300px; }


}
@media only screen and (min-width : 1200px) and (max-width : 1366px) {

    /*! layout -------- */
   #top #nav { margin-left: 0; }
    #top #nav li { margin: 0 18px; font-size: 13px; }


    /*! containers -------- */





}

@media only screen and (max-width : 1200px) {

    /*! lists -------- */
   #nav-side-wrapper { left: -165px; }
   div.box-trip { left: -110px; }

   .topnavmobile {display: block;}

   #top { height:60px; min-height:60px; }

   #top div.topnavdesktop,
   #top div.box-b,
   #top div.nav-b,
   #top div.box-d,
   #top div.box-r
   { display: none; }

   .main.mod-a {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    /*! containers -------- */

    .container { margin-left: 160px; }


}

@media only screen and (min-width : 1200px) {
    #top .top-container {
      padding-left: 180px;
    }

    .topnavmobile {display: none;}
}

.footer-clickable-link {
 color: #00C6FF;
}

.footer-clickable-link:hover {
 color: #00DEFF;
}

.footer-agreement {
 margin-bottom: 10px;
}

.no-scroll {
 height: 100vh;
 overflow: hidden;
}

.mobile-resorts-container {
 height: 420px;
 overflow: auto;
}
/* 1366 -> 700 */
@media only screen and (min-width: 700px) {
 .box-welcome-row-mobile {
  display: none;
 }

 .box-welcome-row-desktop {
  display: block;
 }
}
/* 1365 -> 699*/
@media only screen and (max-width: 699px) {
 .box-welcome-row-mobile {
   display: block;
 }

 .box-welcome-row-desktop {
  display: none;
 }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
 .box-welcome-row-mobile {
  max-width: 80%;
  margin-left: 2%;
 }

 .mobileh {
  margin-top: 8px;
 }

 .homealert-2 {
  margin-bottom: -188px;
 }

 .resort-desc-mobile {
  float: none;
  margin-bottom: 126px;
 }

 .resort-spacer-mobile {
  display: none;
 }
}

@media only screen and (min-width: 350px) and (max-width: 699px) {
 .mobile-home-widets-mobile-row {
  width: 100%;
 }

 .mobile-home-widets-mobile-col {
  float: left;
  width: 45%;
 }

 .
 ::after, ::before {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

 }


}

@media only screen and (min-width: 400px) and (max-width: 699px) {
 div.box-welcome div.item p.first {
  top: -23px;
 }

 div.box-welcome div.item p.title {
  font-size: 11px;
 }
}

@media only screen and (max-width: 350px) {
 .mobile-home-widets-mobile-col {
  margin-bottom: 25px;
 }
}