@import url("/fonts/Bebas/bebas.css");
/* Light */
@font-face {
  font-family: 'PFDDProLight';
  src: url('/fonts/PFDinDisplay/pfdindisplaypro-light-webfont.eot');
  src: url('/fonts/PFDinDisplay/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/PFDinDisplay/pfdindisplaypro-light-webfont.woff') format('woff'),
  url('/fonts/PFDinDisplay/pfdindisplaypro-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'PFDDProLight';
  src: url('/fonts/PFDinDisplay/pfdindisplaypro-lightital-webfont.eot');
  src: url('/fonts/PFDinDisplay/pfdindisplaypro-lightital-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/PFDinDisplay/pfdindisplaypro-lightital-webfont.woff') format('woff'),
  url('/fonts/PFDinDisplay/pfdindisplaypro-lightital-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;

}*/
/**********************************************************************************************************************/
html, body {
  margin: 0px;
  min-width: 100%; min-height: 100%;
  padding: 0px;
}
img {
  border: none;
}
a, a:active, a:visited {
  color: #BEBEBE;
}
a:hover {
  color: #FFFFFF;
}
/**********************************************************************************************************************/
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
/**********************************************************************************************************************/
.vabl  { vertical-align: baseline; }
.vat   { vertical-align: top; }
.vatt  { vertical-align: text-top; }
.vasub { vertical-align: super; }
.vam   { vertical-align: middle; }
.vasub { vertical-align: sub; }
.vatb  { vertical-align: text-bottom; }
.vab   { vertical-align: bottom; }
/**********************************************************************************************************************/
.ucase { text-transform: uppercase; }
.lcase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
/**********************************************************************************************************************/
.PFDDL {
  font-family: PFDDProLight;
}
.bebas {
  font-family: Bebas;
}
/**********************************************************************************************************************/
.hidden { display: none; }
/**********************************************************************************************************************/
.aBtn {
  display: block;
  background-color: rgba(0,0,0,0.5);
  line-height: 1.5;
  padding: 0.3em 1em;
  text-decoration: none;
  background-position: top left;
}
.aBtn.inline {
  display: inline-block;
  _display: inline;
}
.aBtn, .aBtn:visited, .aBtn:active {
  color: white;
}
.aBtn:hover {
  background-color: rgba(0,0,0,0.75);
  color: white;
  background-position: bottom left;
}
.aBtn.noPadding {
  padding: 0;
}
.aBtn.orangeSTL {
  background: #FF5300;
}
.aBtn.orangeSTL:hover {
  background: #E64B00;
}
a.inpage {
  text-decoration: none;
  border-bottom: 1px Dashed;
}
a.blueLink, a.blueLink:visited { color: #00CCFF; }
a.blueLink:hover, a.blueLink:active { color: #68E0FF; }

a.inpage { text-decoration: none; border-bottom: 1px Dashed; }

/**********************************************************************************************************************/
.hBlock {
  min-width: 1000px;
}
.hBlockContent {
  margin: 0 auto;
  width: 1000px;
}
/* частным порядком */
.hBlock.yellow {
  background: #ffff00;
}

body {
  background: black;
  font-size: 15px; font-family: Tahoma;
  color: #bebebe;
}

#page {
  min-height: 100%;
}

.headerCity { 
	background: url("/images/userdata/gforma/bgHeaderCity.png") no-repeat top center #000000;
	height: 41px;
}
#saratov { background: url("/images/userdata/gforma/city/bgSaratov.jpg") no-repeat center; height: 310px; display: block; }
#chelyabinsk { background: url("/images/userdata/gforma/city/bgChelyabinsk.jpg") no-repeat center; height: 310px; display: block; }
#murmansk { background: url("/images/userdata/gforma/city/bgMurmansk.jpg") no-repeat center; height: 310px; display: block; }
#novosibirsk { background: url("/images/userdata/gforma/city/bgNovosibirsk.jpg") no-repeat center; height: 310px; display: block; }

.btnReturn, .btnReturn:visited {
	background-color: #e54b00; 
	width: 90px; 
	height: 25px;
	font-size: 16px;
	display: block;
  line-height: 1.5;
  padding: 0.3em 1em;
  text-decoration: none;
  background-position: top left;
	text-align: center;	
	}

#pageHeader {
  background: url("/images/userdata/gforma/bgHeader.jpg") no-repeat top center #000000;
  border-bottom: 2px Solid #FF5300;
  position: relative;
  color: white;
  overflow: hidden;
}
#pageHeader .hBlockContent {
  position: relative;
  min-height: 600px;
}
#pageHeader .logo {
  position: absolute; left: 0px; top: 11px;
}
.animated.n1 {
  position: absolute; left: 595px; top: 105px;
  width: 379px; height: 71px;
  background: url(/images/userdata/gforma/title_page/headerTxt0.png) no-repeat left top;
}
.animated.n2 {
  position: absolute; left: 595px; top: 175px;
  width: 379px; height: 68px;
  background: url(/images/userdata/gforma/title_page/headerTxt1.png) no-repeat left top;
}
.animated.n3 {
  position: absolute; left: 568px; top: 261px;
  width: 353px; height:27px;
  background: url(/images/userdata/gforma/title_page/headerTxt2.png) no-repeat left top;
}

.animated.n4, .animated.n5, .animated.n6 {
  position: absolute;
  border-radius: 22px;
  width: 282px; height: 39px;
  padding: 6px 3px 0px 3px;
  background: rgba(255,255,255,0.5);
  text-transform: uppercase;
  color: black;
  font-family: "PFDDProLight";
}
.animated.n4 img, .animated.n5 img, .animated.n6 img {
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-right: 30px;
}
.animated.n4 { left: 523px; top: 350px; }
.animated.n5 { left: 492px; top: 412px; }
.animated.n6 { left: 465px; top: 474px; }

.animated.n1,.animated.n2,.animated.n3,.animated.n4,.animated.n5,.animated.n6,
.animated.n7,.animated.n8,.animated.n9,.animated.n10,.animated.n11 {
  left: 2500px; opacity: 0;
}

.static    { position: absolute; }
.static.n1 { top: 560px; right: 0px; }

.static.n1 a { color: white; }
.static.n1 a img { vertical-align: middle; }
.static.n1 a:hover { opacity: 0.8; }

.socials {
  position: absolute; right: 0; bottom: 13px;
}
.socials .aBtn {
  margin: 0 5px;
  width: 26px; height: 27px;
  padding: 0px;
  background-image: url("/images/userdata/gforma/socials.png");
  background-position: left top;
}
.socials .soc1 {
  background-position: 0px 0px;
}
.socials .soc2 {
  background-position: -35px 0px;
}
.socials .soc3 {
  background-position: -69px 0px;
}
.socials .soc4 {
  background-position: -104px 0px;
}
.socials .soc1:hover {
  background-position: 0px bottom;
}
.socials .soc2:hover {
  background-position: -35px bottom;
}
.socials .soc3:hover {
  background-position: -69px bottom;
}
.socials .soc4:hover {
  background-position: -104px bottom;
}
#pageFooter, #pageFooterPush {
  height: 100px;
}
#pageFooter {
  margin-top: -100px;
  font-size: 14px; color: white;
  height: 75px;
  padding-top: 25px;
  background: black;
  text-align: center;
}
#pageFooter a.whiteLink, #pageFooter a.whiteLink:visited, #pageFooter a.whiteLink:active {
  color: white;
}
#pageFooter a.whiteLink:hover {
  color: #bebebe;
}

#pageFooter a.orangeLink, #pageFooter a.orangeLink:visited, #pageFooter a.orangeLink:active {
  color: #ff5300;
}
#pageFooter a.orangeLink:hover {
  color: #E64B00;
}
/**********************************************************************************************************************/
.pageIndex .emailBlock {
  padding: 20px 0px;
}
.pageIndex .emailBlock input {
  border: 1px Solid #313131;
  background: #1d1d1d;
  color: white;
  padding: 7px;
  border-radius: 3px;
  width: 240px;
  margin: 7px;
}
.pageIndex .emailBlock .orangeSTL {
  font-size: 18px; padding: 0.15em 1em;
}
.pageIndex .emailBlock p {
  color: white;
  line-height: 1.25;
  margin: 10px 0;
}
.pageIndex .emailBlock input.inputWidth1 {
  width: 240px;
}
.pageIndex .emailBlock input.inputWidth2 {
  width: 124px;
}
.pageIndex .emailBlock input.error {
  border-color: red;
}

#challenge table {
  border-collapse: collapse;
  border: 1px Solid White;
  color: white;
  line-height: 1.25;
}
#challenge table td {
  border: 1px Solid White;
  padding: 2px 5px;
  vertical-align: top;
}

/*  Для версии конца октября 2015 года  */
.title_page {
  color: #bebebe;
}
.metalBg {
  min-height: 660px;
  background: url("/images/userdata/gforma/title_page/metalBg.jpg") no-repeat top center #111111;
}
.grayBg {
  background: #393939;
}
.grayLightBg {
  background: #4d4d4d;
}
.vkBg {
  height: 190px;
  background: url("/images/userdata/gforma/title_page/vkBg.jpg") no-repeat top center black;
}
h1.orange, h2.orange, h3.orange, p.orange {
  color: #e54b00;
}
h1.white, h2.white, h3.white, p.white, span.white {
  color: white;
}
.title_page h1.bebas.orange.section,
.saratov2_page h1.bebas.section {
  font-size: 32px;
}
.title_page h1.bebas.white.section {
  font-size: 32px;
}
.title_page .hBlock,
.saratov2_page .hBlock {
  padding: 50px 0;
}
.title_page .specialOffset,
.saratov2_page .specialOffset {
  padding: 0 25px;
}
.redPlate {
  width: 1000px; height: 100px;
  background: url("/images/userdata/gforma/title_page/redPlate.jpg") no-repeat top left;
  margin-top: 35px;
  margin-bottom: 35px;
}

.moreAboutEvent, .enlarge, .moreAboutEventStyle {
   width: 27px; height: 27px;
   background-image: url("/images/userdata/gforma/title_page/enlarge.png");
}
.city {
  background-position: center top;
  background-repeat: no-repeat;
  height: 174px;
}
.city .cityName {
  font-family: Bebas;
  font-size: 32px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding-top: 69px;
}
.city.saratov1    { background-image: url("/images/userdata/gforma/title_page/city_1.png"); }
.city.saratov2    { background-image: url("/images/userdata/gforma/title_page/city_1.png"); }
.city.chelyabinsk { background-image: url("/images/userdata/gforma/title_page/city3.png"); }
.city.murmansk     { background-image: url("/images/userdata/gforma/title_page/city_04.png"); }
.city.novosibirsk { background-image: url("/images/userdata/gforma/title_page/city5.png"); }

.eventAndPlace {
  padding: 0 35px;
}
.eventAndPlace h2.date {
  font-size: 28px;
  text-align: center;
  margin-top: 25px;
  line-height: 1;
}
.eventAndPlace .moreAboutEvent {
  margin-right: 10px;
}
.elapsedEventResults p {
  margin: 10px 0;
}

    /* Тут стили для карусельки */
      .carousel {
        position: relative;
      }
      .carouselLeft {
        position: absolute; left: 0; top: 50%; margin-top: -11px;
        width: 21px; height: 21px;
        background-image: url("/images/userdata/gforma/title_page/carouselLeft.png");
      }
      .carouselRight {
        position: absolute; right: 0; top: 50%; margin-top: -11px;
        width: 21px; height: 21px;
        background-image: url("/images/userdata/gforma/title_page/carouselRight.png");
      }
      .carouselPhotosHolder {
        overflow: hidden;
        margin: 30px 30px;
        height: 178px;
      }
      .carouselPhotos {
        /*width: 2000px;*/
        white-space: nowrap;
        /*word-wrap: normal;*/
      }
      .carouselPhotos img {
        margin: 4px;
      }
      .carouselPhotos img:hover {
        cursor: pointer;
        margin: 2px;
        border: 2px Solid #e54b00;
      }

      #photoEnlarge .arcticmodal-close { z-index: 1 }
      .arcticmodal-popup-content .carouselLeft { left: 12px; }
      .arcticmodal-popup-content .carouselRight { right: 12px; }
      .arcticmodal-popup-content .photoCount { position: absolute; left: 44px; top: 12px; font-size: 12px; }
      .arcticmodal-popup-content .photoCount span { font-weight: bold; color: white; }
      .arcticmodal-popup-content .photo { padding: 15px; position: relative; }
      .arcticmodal-popup-content .description {
        position: absolute; left: 58px; bottom: 58px;
        padding: 10px; border-radius: 10px;
        background: rgba(255,255,255,0.75); color: black;
      }
    /* КНЦ Тут стили для карусельки */
.vkBg p {
  margin-bottom: 10px;
}
.vkBg a {
  color: white;
}

.vkBg a img {
  vertical-align: middle;
}
.vkBg a:hover {
  opacity: 0.8;
}

.introductionCompany p {
  width: 280px; margin: 5px auto;
}

table.partner {
  width: 95%;
  margin-bottom: 15px;
}
table.partner td {
  padding: 3px;
}
table.partner .logo {
  width: 20%;
  text-align: center;
  vertical-align: top;
}
table.partner .title {
  width: 80%; font-size: 12px;
}
/* /Для версии конца октября 2015 года  */