@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic);

body {width:100%; padding:0; margin: 0; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000000; background: #ffffff;}

.left {float: left;}
.right {float: right;}
.empty {display: none;}
.errors {color: #ff0000;}
.errors .requiredlist {display: block; padding-left: 20px;}
.errors .requiredlist span {display: list-item; list-style-type: square;}

a{color: #404298; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border:0;}
input, textarea {outline: none;}

.h1 h1 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.2em; font-weight: 300; color: #ffffff; display: block; height: 76px; line-height: 76px; float: left; margin: 0; padding-left: 10px; background: url(h1.png) left top repeat;}
.h1 h1 strong {font-weight: 700;}
.h1 .triangle {float: left; width: 76px; height: 76px; background: url(h1-triangle.png) left top no-repeat; }
h1 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.14em; font-weight: 300; color: #282828; text-transform: uppercase;}
h2, .h2 {font-size: 1.7em; font-weight: 700; color: #000000;}
h3, .h3 {font-size: 1.3em; font-weight: 700; color: #000000;}
h4 {font-size: 1em; font-weight: 700; color: #000000;}

.rot45 {-moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.unrot45 {-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.container {width: 100%; overflow: hidden;}
.wrap {width: 100%; max-width: 1200px; min-width: 1000px; margin: 0 auto;}

#header {height: 115px; display: table;}
#header .cell {display: table-cell; vertical-align: middle;}
#header #headerLogo {width: 385px; padding-right: 30px;}
#header #headerLogo img {width: 100%; max-width: 394px;}
#header #headerSlogan {width: 320px; color: #101378; text-transform: uppercase; text-align: center; font-size: 1.15em;}
#header #headerPhoneTitle {width: 120px; padding-right: 10px; font-weight: 300; font-size: 0.85em; text-align: right;}
#header #headerPhone {width: 250px; padding-right: 40px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.36em; font-weight: 700; text-align: right; color: #ca3300; }
#header #headerPhone span {font-family: 'Open Sans', sans-serif; font-size: 1.47em; font-weight: 400; color: #000000; }
#header #headerFeedback {width: 180px; padding-left: 5%; background: url(headerFeedback.png) left center no-repeat; text-align: left;}
#header #headerFeedback span {font-weight: 300; font-size: 1.60em; color: #000000; text-decoration: underline; color: #000000;}
#header #headerFeedback span:hover {text-decoration: none; cursor: pointer;}

.btn-header-callback {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 300;
	font-size: 1.60em;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	text-decoration: underline;
	color: #000000; 
	background: none;
}

.btn-header-callback:hover {
	text-decoration: none; cursor: pointer;
}

#navigation {height: 68px; background: url(navigation.png) center top repeat-x;}
#navigation .wrap {display: table; }
#navigation .wrap a, #navigation .wrap .here {display: table-cell; height: 56px; border-top: 6px solid transparent; padding-bottom: 6px; vertical-align: middle; color: #000000; text-align: center; font-size: 1.15em; text-transform: uppercase; text-decoration: none; -webkit-transition: border-color .3s ease-out; -moz-transition: border-color .3s ease-out ; -o-transition: border-color .3s ease-out; transition: border-color .3s ease-out;}
#navigation .wrap a:hover, #navigation .wrap .here {border-color: #404298; }

.band {height: 135px; background: url(band.jpg) center top repeat-x;}
.band.big {height: 350px; background: url(band_big.jpg) center top repeat-x;}
.band .wrap {height: 135px; position: relative;}
.band .wrap .h1 {height: 76px; float: left; margin-top: 29px;}
.band .wrap .homeLink {width: 120px; height: 120px; background: #ece8cd; position: absolute; left: -150px; bottom: -60px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.band .wrap .homeLink a {width: 18px; height: 16px; display: block; padding: 52px 51px;}
.band .wrap .homeLink a img{width: 18px; height: 16px; display: block; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.band .square1 {position: absolute; width: 364px; height: 364px; top: -190px; right: 100px; z-index: 1;}
.band .square2 {position: absolute; width: 265px; height: 265px; top: 245px; right: 215px; z-index: 2;}
.band .square3 {position: absolute; width: 480px; height: 480px; top: 15px; right: -305px; z-index: 3;}

.band.big #sliderBlock {width: 715px; height: 300px; float: left; overflow: hidden; margin-top: 50px;}
.band .sliderTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.6em; font-weight: 300; color: #ffffff; display: block; height: 76px; line-height: 76px; float: left; margin: 0; padding-left: 10px; background: url(h1.png) left top repeat; text-transform: uppercase;}
.band .sliderTitle strong {font-weight: 700;}
.band .triangle {float: left; width: 76px; height: 76px; background: url(h1-triangle.png) left top no-repeat; }
.band .sliderText {color: #ffffff; font-size: 1.43em; clear: both; width: 415px; margin-top: 15px;}
.band .sliderText p {margin: 5px 0;}

.band.big .wrap .homeLink {bottom: -275px;}
.band.big .wrap .homeLink a {display: none;}

.band #changeSlide {position: absolute; width: 85px; height: 85px; background: #101378; top: 145px; right: 370px; z-index: 3; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.band #changeSlide:hover {background: #070954; cursor: pointer;}
.band #changeSlide .cornerWhite {width: 31px; height: 31px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; position: absolute; top: 29px; right: 32px;}
.band #changeIMG {position: absolute; width: 120px; height: 120px; background: #fe8913; top: 405px; right: 95px; z-index: 3; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.band #changeIMG:hover {background: #df7306; cursor: pointer;}
.band #changeIMG .cornerWhite {width: 31px; height: 31px; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; position: absolute; top: 38px; right: 42px;}

.band #subscribe {width: 370px; height: 300px; position: absolute; top: 100px; right: 0;}
.band #subscribe.manysquare {top: 400px; right: 15px;}

.band #subscribe .greenSquare {
  /*
  width: 185px;
  height: 185px; 
  background: #518316; 
  color: #ffffff; 
  transform: rotate(45deg); 
  z-index: 5; 
  position: absolute;
  */
  width: 150px;
  height: 150px;
  position: absolute;
  right: -22px;
  top: 40px;
  background-color: #ff9900;
  color: #ffffff;
  z-index: 5; 
  transform: rotate(45deg); 
}
.band #subscribe .greenSquare .subscribeLink {
  /*width: 187px; 
  height: 86px; 
  padding-top: 100px; 
  background: url(subscribe.png) center 40px no-repeat; 
  transform: rotate(-45deg); 
  text-align: center; 
  font-size: 1.4em; 
  font-family: 'Open Sans Condensed', sans-serif; 
  font-weight: 300; 
  text-transform: uppercase;*/
  width: 130px;
  height: 55px;
  padding-top: 75px;
  background: url(subscribe.png) center 40px no-repeat; 
  background-position: center 20px;
  transform: rotate(-45deg); 
  text-align: center; 
  font-size: 1.4em; 
  font-family: 'Open Sans Condensed', sans-serif; 
  font-weight: 300; 
  text-transform: uppercase;
}

.band.big #subscribe {top: 460px; right: 15px;}

#subscribe .greenSquare .subscribeLink span {display: block; font-weight: 700;}
#subscribe .greenSquare:hover {cursor: pointer;}
#subscribe .greenSquare:hover .subscribeLink {text-decoration: underline;}
#subscribe #subscribeForm {
  /*display: none; 
  position: absolute; 
  top: 90px; 
  right: 275px; 
  border: 3px solid #518316; 
  background-color: #ffffff; 
  width: 530px; 
  padding: 20px; 
  z-index: 2;*/
  display: none; 
  position: absolute; 
  top: 113px;
  right: 52px;
  border: 3px solid #518316; 
  background-color: #ffffff; 
  width: 530px; 
  padding: 20px; 
  z-index: 3;
}
#subscribe #subscribeForm .question {font-weight: 700;}
#subscribe #subscribeForm .textinput {display: block; width: 320px; padding: 10px 15px; margin-bottom: 15px; border: 1px solid #d8d2a9; font: italic 14px 'Open Sans';}
#subscribe #subscribeForm .subscribeItem {margin: 5px 0; float: left; width: 200px;}
#subscribe #subscribeForm .subscribeItem label {margin-left: 10px;}
#subscribe #subscribeForm .subSubmit {border: 0; margin-top: 20px; padding: 5px 15px; background: #fe8913; color: #ffffff; font: inherit; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
#subscribe #subscribeForm .subSubmit:hover {background: #df7306; cursor: pointer;}

.wrap.middle {overflow: hidden;}
.wrap.middle .content {min-width: 600px; max-width: 800px; width: 60%; margin-right: 30px; padding-top: 40px; float: left;}
.wrap.middle .content p img{border: 8px solid #ece8cd; max-width: 100%; height: auto;}
.wrap.middle .content li img{border: 8px solid #ece8cd; max-width: 100%; height: auto;}
.wrap.middle .content ul {margin: 0; padding: 0; list-style: none;}
.wrap.middle .content ul li {margin: 7px 0; padding: 0 0 0 25px; background: url(markerUL.png) left top no-repeat;}
.wrap.middle .content ol {margin: 0; padding: 0; counter-reset: myCounter;}
.wrap.middle .content ol li {margin: 7px 0; color: #000000; list-style: none;}
.wrap.middle .content ol li:before {counter-increment: myCounter; content:counter(myCounter); color: #ffffff; background: #fe8913; display: inline-block; text-align: center; margin: 0 10px 0 0; line-height: 1.1em; width: 1.1em; height: 1.1em;}

.wrap.middle .content .spoilerButton {display: inline-block; clear: both; padding: 0.5em 1em; background: #fe8913; color: #fff; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.wrap.middle .content .spoilerButton:hover {background: #df7306; cursor: pointer;}
.wrap.middle .content .spoiler {display: none; }

.content.manysquare .textcontainer {padding-right: 20%;}

.content .contactTable .phoneCell {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.36em; font-weight: 700; color: #ca3300; vertical-align: top;}
.content .contactTable .phoneCell span {font-family: 'Open Sans', sans-serif; font-size: 1.47em; font-weight: 400; color: #000000; }
.content .contactTable .scheduleCell {font-size: 0.86em; font-weight: 300; padding-left: 20px;}
.content a.orangeLink {padding: 5px 10px; text-decoration: none; color: #ffffff; background: #fe8913; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.content a.orangeLink:hover {background: #df7306;}

.contactTable {
	
}

.contactTable:after {
	content: '';
    display: block;
    clear: both;
}

.contactTable .phoneCell,
.contactTable .scheduleCell {
	float: left;
	width: 50%;
}

.content .contactTable .scheduleCell {
	padding: 0;
}

#socialLinks {height:24px; margin: 20px 0;}
#socialLinks a {display: inline-block; width: 24px; height: 24px; margin-right: 3px;}
#socialLinks a:first-child {margin-left: 0;}
#socialLinks a img {opacity: 0.8; width: 24px; height: 24px; display: block; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear;}
#socialLinks a img:hover {opacity: 1;}

#comments {margin: 10px 0;}
#comments .blockTitle {background: url(commentsIco.png) left center no-repeat; font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; color: #000000; padding-left: 65px; height: 55px; line-height: 55px; text-transform: uppercase; margin-bottom: 20px;}
#comments .commentItem {background: #ece8cd; padding: 20px 20px 20px 70px; overflow: auto; margin-bottom: 20px;}
#comments .commentItem .commentAuthor {font-weight: 700;}
#comments .commentItem .commentDate {font-size: 0.85em; color: #6f6f6f; text-transform: uppercase; margin-bottom: 10px;}
#comments .commentItem .commentText:before {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote1.png) left top no-repeat; position: absolute; left: 0; top: 0;}
#comments .commentItem .commentText {display: inline-block; font-style: italic; position: relative; float: left; padding: 10px 30px;}
#comments .commentItem .commentText:after {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote2.png) left bottom no-repeat; position: absolute; right: 0; bottom: 0;}


#vacancyList {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px dashed #fe8913;
	border-bottom: 1px dashed #fe8913;
}
#vacancyList .vacancyItem {width: 49%; min-height: 250px; margin-right: 2%; margin-bottom: 30px; float: left;}
#vacancyList .vacancyItem:nth-child(2n) {margin-right: 0;}
#vacancyList .vacancyItem .title {min-height: 27px; padding-left: 30px; background: url(vacancy.png) left top no-repeat;}
#vacancyList .vacancyItem .title a {color: #000000; font-weight: 700; line-height: 34px;}
#vacancyList .vacancyItem .param {background: #ece8cd; padding: 15px; font-size: 0.79em; margin-bottom: 15px;}
#vacancyList .vacancyItem .param table {padding: 0; border-collapse: collapse; }
#vacancyList .vacancyItem .param td {vertical-align: top;}
#vacancyList .vacancyItem .param .firstcol {font-weight: 700; text-transform: uppercase; padding: 5px 15px 5px 5px;}
#vacancyList .vacancyItem .param .secondcol {padding: 5px;}
#vacancyList .vacancyItem a.more {color: #101378; background: url(moreLink.png) right center no-repeat; padding-right: 25px;}

.content .newsBlock {margin: 30px 0;}
.content .newsBlock .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase;}
.content .newsBlock .blockTitle strong {font-weight: 700;}
.content .newsBlock .blockTitle a{color: #101378; font-family: 'Open Sans', sans-serif; font-size: 0.4em; text-transform: none; margin-left: 10px;}
.content .newsBlock .newsItem {overflow: hidden; margin: 15px 0;}
.content .newsBlock .newsItem .date {width: 55px; margin-right: 20px; float: left; text-align: center;}
.content .newsBlock .newsItem .date .day {width: 55px; height: 55px; color: #ffffff; font: 700 1.86em 'Open Sans Condensed', sans-serif; display: table-cell; vertical-align: middle; background: #990033; }
.content .newsBlock .newsItem .date .day.a48 {background: #101378;}
.content .newsBlock .newsItem .date .day.a49 {background: #fd680e;}
.content .newsBlock .newsItem .date .day.a50 {background: #518316;}
.content .newsBlock .newsItem .date .day.a97 {background: #f94a0d;}
.content .newsBlock .newsItem .date .day.a52 {background: #fe8913;}
.content .newsBlock .newsItem .date .month {color: #000000; font-size: 0.86em; text-transform: uppercase; line-height: 1; margin-top: 5px;}
.content .newsBlock .newsItem .date .year {color: #7f7f7f; font-size: 0.86em; line-height: 1;}
.content .newsBlock .newsItem .newsText {width: 80%; max-width: 500px; float: left; }
.content .newsBlock .newsItem .newsText .cat {color: #8d8d8d; font-size: 0.8em; text-transform: uppercase;}
.content .newsBlock .newsItem .newsText .cat strong {margin-right: 10px;}
.content .newsBlock .newsItem .newsText .title a {font-weight: 700; color: #000000;}
.content .newsBlock .newsItem .newsText .summary {margin-top: 15px;}

.content .fullNews {padding: 0 70px; position: relative;}
.content .fullNews .cat {color: #8d8d8d; font-size: 0.8em; text-transform: uppercase;}
.content .fullNews .date {width: 55px; margin-right: 20px; text-align: center; position: absolute; top: 0; left: 0;}
.content .fullNews .date .day {width: 55px; height: 55px; color: #ffffff; font: 700 1.86em 'Open Sans Condensed', sans-serif; display: table-cell; vertical-align: middle; }
.content .fullNews .date .day.a48 {background: #101378;}
.content .fullNews .date .day.a49 {background: #fd680e;}
.content .fullNews .date .day.a50 {background: #518316;}
.content .fullNews .date .day.a97 {background: #f94a0d;}
.content .fullNews .date .day.a52 {background: #fe8913;}
.content .fullNews .date .month {color: #000000; font-size: 0.86em; text-transform: uppercase; line-height: 1; margin-top: 5px;}
.content .fullNews .date .year {color: #7f7f7f; font-size: 0.86em; line-height: 1;}

.wrap.middle .content ul.categories {width: 500px; list-style: none; margin: 20px 0; overflow: hidden;}
.wrap.middle .content ul.categories li {display: block; float: left; background: none; margin: 0 10px 10px 0; padding: 3px 10px; -webkit-transition: background .2s linear; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease;}
.wrap.middle .content ul.categories li.here.c48, .wrap.middle .content ul.categories li.here.c48:hover {background: #101378;}
.wrap.middle .content ul.categories li.here.c49, .wrap.middle .content ul.categories li.here.c49:hover {background: #fd680e;}
.wrap.middle .content ul.categories li.here.c50, .wrap.middle .content ul.categories li.here.c50:hover {background: #518316;}
.wrap.middle .content ul.categories li.here.c97, .wrap.middle .content ul.categories li.here.c97:hover {background: #f94a0d;}
.wrap.middle .content ul.categories li.here.c52, .wrap.middle .content ul.categories li.here.c52:hover {background: #fe8913;}
.wrap.middle .content ul.categories li.here.c52, .wrap.middle .content ul.categories li.here.c52:hover {background: #fe8913;}
.wrap.middle .content ul.categories li.here.c5, .wrap.middle .content ul.categories li.here.c5:hover {background: #101378;}
.wrap.middle .content ul.categories li.here.c2540, .wrap.middle .content ul.categories li.here.c2540:hover {background: #101378;}
.wrap.middle .content ul.categories li:hover {background: #ece8cd;}
.wrap.middle .content ul.categories li a {color: #8d8d8d; text-transform: uppercase; text-decoration: none; }
.wrap.middle .content ul.categories li.here a {color: #ffffff;}

.content .aboutUs {float: left; width: 35%; /*height: 410px;*/ padding: 0 10% 25px 5%; background: #ece8cd url(aboutUs.png) right center no-repeat; }
.content .aboutUs .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.content .aboutUs .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #fda21f;}
.content .aboutUs a.more {color: #101378; background: url(moreLink.png) right center no-repeat; padding-right: 25px;}

.content .vacancySmallBlock {float: left; width: 49%; min-height: 450px; padding: 0; }
.content .vacancySmallBlock .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.content .vacancySmallBlock .blockTitle strong {font-weight: 700;}
.content .vacancySmallBlock .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}
.content .vacancySmallBlock .blockTitle a{color: #101378; font-family: 'Open Sans', sans-serif; font-size: 0.4em; text-transform: none; margin-left: 10px;}
.content .vacancySmallBlock #vacancyList {border-top: 0; border-bottom: 0;}
.content .vacancySmallBlock #vacancyList .vacancyItem {width: 100%; margin: 0;}

.content .storesSmallBlock {float: right; width: 49%; min-height: 450px; padding: 0; }
.content .storesSmallBlock .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.content .storesSmallBlock .blockTitle strong {font-weight: 700;}
.content .storesSmallBlock .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}
.content .storesSmallBlock .blockTitle a{color: #101378; font-family: 'Open Sans', sans-serif; font-size: 0.4em; text-transform: none; margin-left: 10px;}

.content .faqBlock {}
.content .faqBlock .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.content .faqBlock .blockTitle strong {font-weight: 700;}
.content .faqBlock .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}
.content .faqBlock .blockTitle a{color: #101378; font-family: 'Open Sans', sans-serif; font-size: 0.4em; text-transform: none; margin-left: 10px;}
.content .faqList .faqItem {margin: 10px 0 20px;}
.content .faqList .faqItem .faqTitle {font-weight: 700; color: #000000; text-decoration: underline;}
.content .faqList .faqItem .faqTitle:before {display: inline-block; content: '?'; width: 27px; height: 27px; margin-right: 20px; background: #101378; color: #ffffff; text-align: center; font-weight: 700; line-height: 27px;}
.content .faqList .faqItem .faqText {}
.content .faqBlock .orangeLink {display: inline-block;}

#baskopartyStores {margin-bottom: 1em;}
#baskopartyStores .storesUL {overflow: hidden;}
#baskopartyStores .storesUL h3 a {color: #000; text-decoration: none;}
#baskopartyStores .storesUL h3 a:hover {text-decoration: underline;}
#baskopartyStores .storesUL.city li.level1 {background: url(markerUL.png) left top no-repeat; float: left; width: 45%;}
#baskopartyStores .storesUL.allcity li.level1 {background: none;}
#baskopartyStores .storesUL.allcity .city .level1 {background: url(markerUL.png) left top no-repeat;}
#baskopartyStores .storesUL li.level1 ul {clear: both; overflow: hidden;}
#baskopartyStores .storesUL li.level2 {float: left; width: 45%;}

.content .quotes {padding: 0; background: none; }
.content .quotes .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.content .quotes .blockTitle strong {font-weight: 700;}
.content .quotes .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}
.content .quotes .quote {display: inline-block; font-style: italic; position: relative; float: left; padding: 10px 30px;}
.content .quotes .quote:before {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote1.png) left top no-repeat; position: absolute; left: 0; top: 0;}
.content .quotes .quote:after {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote2.png) left bottom no-repeat; position: absolute; right: 0; bottom: 0;}

.content .quotes .quote .commentAuthor {font-style: normal; font-weight: 700; margin-top: 20px;}
.content .quotes .quote .commentDate {font-style: normal; font-weight: 300;}

.content .quotes .flampLink {text-align: center;}


.content .quotes .quote  .jot-comment .jot-name {font-weight: 700; display: block;}
.content .quotes .quote  .jot-comment .jot-date {font-size: 0.85em; color: #6f6f6f; text-transform: uppercase; margin-bottom: 10px; display: block;}
.content .quotes .quote .jot-message {height: 120px; overflow: hidden;}
.content .quotes .quote  .jot-comment .jot-mod,
.content .quotes .quote  .jot-vote,
.content .quotes .quote  .jot-avatar,
.content .quotes .quote  .jot-subject,
.content .quotes .quote  .jot-reply,
.content .quotes .quote  .jot-perma {display: none; }

.vacancyParam {margin: 10px 0; border-collapse: collapse;}
.vacancyParam td {vertical-align: top;}
.vacancyParam tr {-webkit-transition: background .2s linear; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease;}
.vacancyParam tr:hover {background: #ece8cd; }
.vacancyParam .firstcol {font-weight: 700; text-transform: uppercase; padding: 5px 15px 5px 5px;}
.vacancyParam .secondcol {padding: 5px;}

.vacancyAdvantages {overflow: hidden; min-height: 150px; margin: 20px 0;}
/*.vacancyAdvantages .advantageItem {float:left; width: 100px; height: 100px; margin: 30px 0 0 50px; position: relative;}*/
.vacancyAdvantages .advantageItem {float:left; width: 100px; height: 100px; margin: 30px 0 0 50px; position: relative;}
.vacancyAdvantages .advantageItem .advantageText {width: 80px; color: #ffffff; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.1em; font-weight: 300; text-align: center; position: absolute; top: 25px; left: 12px;}
.vacancyAdvantages .advantageItem.adv1 {background: #518316;}
.vacancyAdvantages .advantageItem.adv2 {background: #404298;}
.vacancyAdvantages .advantageItem.adv3 {background: #fe8913;}
.vacancyAdvantages .advantageItem.adv4 {background: #f94a0d;}
.vacancyAdvantages .advantageItem.adv5 {background: #a19d7f;}

.relSquare {width: 140px; height: 140px; position: relative; float: left; margin: 0 0 10px 5px;}
.relSquare:first-child {margin-left: 0;}
.relSquare .advantageItem {position: absolute; top: 20px; left: 20px; margin: 0;}

.content .formTitle {overflow: auto; margin-top: 20px;}
.content .formTitle span {display: block; float: left; background: #fe8913; color: #ffffff; padding: 7px 20px;}
.formContainer {padding: 3%; border: 3px solid #fe8913; margin-bottom: 20px;}
.formContainer {}
.formContainer h2,.formContainer .h2 {margin: 0 0 0 20px; font: 300 2.15em 'Open Sans Condensed'; text-transform: uppercase;}
.formContainer h2 strong, .formContainer .h2 strong{font-weight: 700;}
.formContainer form {margin: 0; padding: 0;}
.formContainer fieldset {margin: 10px 0; padding: 0; border: 0; }
.formContainer .textinput, .formContainer textarea {display: block; padding: 2% 3%; margin-bottom: 15px; border: 1px solid #d8d2a9; font: italic 14px 'Open Sans';}
.formContainer .textinput.small {width: 43%;}
.formContainer .textinput.big {width: 93%;}
.formContainer textarea {width: 93%; height: 150px; resize: none;}
.formContainer .biegeButton {display: block; float: left; background: #ece8cd; text-align: center; font: 14px 'Open Sans'; margin: 0 10px 0 0; padding: 10px 20px; border: 0; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.formContainer .biegeButton:hover {cursor: pointer; background: #d0cba8;}
.formContainer .orangeButton {border: 0; margin-top: 20px; padding: 5px 15px; background: #fe8913; color: #ffffff; font: inherit; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.formContainer .orangeButton:hover {background: #df7306; cursor: pointer;}

.formContainer .fileform {height: 40px; overflow: hidden; position: relative; text-align: left; vertical-align: middle; }
.formContainer .fileform .biegeButton {}
.formContainer .fileform .fileformlabel {float: left; color: #8b855e; font: italic 1em 'Open Sans'; height: 40px; line-height: 40px;}
.formContainer .fileform input{position:absolute; top:0; left:0; width:100%; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 150px; height: 40px; z-index:20; padding: 0;}
.formContainer .fileform input:hover {cursor: pointer;}
.formContainer .fileform .delattach {position: relative; z-index: 50; margin-left: 20px;}

#pagination {overflow: hidden; padding: 10px;}
#pagination .here {float: left; font-weight: 700; margin: 0 5px 10px 5px;}
#pagination a {display: block; float: left; margin: 0 5px 10px 5px; color: #7f7f7f; }
#pagination .paginationNext {width: 18px; height: 18px; background: #fe8913 url(paginationNext.png) center center no-repeat; text-decoration: none; }
#pagination .paginationPrev {width: 18px; height: 18px; background: #fe8913 url(paginationPrev.png) center center no-repeat; text-decoration: none; }

.contentContainerSpoiler {height: 200px; overflow: hidden;  position: relative;}
.contentContainerSpoiler .container {padding-bottom: 30px; }
.contentContainerSpoiler .spoilerGradient {width: 100%; height: 30px; background: url(whiteGradient.png) left bottom repeat-x; position: absolute; bottom: 0; left: 0;}


#map {height: 400px; margin: 20px 0;}

#sidebarRight {width: 370px; float: right;}
#sidebarRight {padding-top: 80px;}
#sidebarRight.home {padding-top: 300px;}
#sidebarRight.smallband.manysquare {padding-top: 450px;}
#sidebarRight.smallband.manysquare.padd150 {padding-top: 150px;}

.announce-sidebar {
	margin-bottom: 20px;
	padding: 10px;
	border: 5px dotted #fda21f;
}
.announce-sidebar .blockTitle{font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}

.easypoll .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.easypoll .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}
.easypoll .blockInfo {}
.easypoll .blockInfo .question {font-weight: 700;}
.easypoll .blockInfo .pollItem {margin: 5px 0;}
.easypoll .blockInfo .pollItem label {margin-left: 10px;}
.easypoll .blockInfo .pollSubmit {border: 0; margin-top: 20px; padding: 5px 15px; background: #fe8913; color: #ffffff; font: inherit; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.easypoll .blockInfo .pollSubmit:hover {background: #df7306; cursor: pointer;}

.easypoll.result ul {list-style: none; margin: 0; padding: 0; }
.easypoll.result .answer strong {font-weight: 400; }



/*
#sidebarRight #catalog {margin-top: 300px;}
#sidebarRight #polls {margin-top: 300px;}*/
#sidebarRight #polls.withCatalog {margin-top: 30px;}
/*#sidebarRight.home #polls {margin-top: 450px;}
#sidebarRight.smallband.manysquare #polls {margin-top: 550px;}*/

#catalog .blockTitle {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
#catalog .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}

#catalog ul {list-style: none; margin: 0; padding: 0;}
#catalog .mainCatalog a, #catalog .mainCatalog span {color: #474747; text-decoration: none; font-weight: 300; position: relative;}
#catalog .mainCatalog a:hover {text-decoration: underline;}
#catalog .subdir {padding: 2% 0; display: none;}
#catalog .level1 a {text-transform: uppercase; font-size: 1.29em; }
#catalog .level2 a {text-transform: none; font-size: 1.14em; }
#catalog .level2 span {font-size: 1.14em; font-weight: 600; }

#catalog .level1 {padding: 2% 2% 2% 10%; position: relative;}
#catalog .level1:before {display: block; content: ''; width: 8px; height: 100%; background: #ece8cd; position: absolute; top: 0; left: 0;}
#catalog .level1 .catalogArrow {position: absolute; left: 20px; top: 15px; width: 4px; height: 7px;}

#catalog #catalogCategory81.level1:before {background-color: #518316;}
#catalog #catalogCategory82.level1:before {background-color: #fe8913;}
#catalog #catalogCategory83.level1:before {background-color: #f94a0d;}
#catalog #catalogCategory84.level1:before {background-color: #101378;}

#catalog #catalogCategory81.level1 a:hover {color: #518316;}
#catalog #catalogCategory82.level1 a:hover {color: #fe8913;}
#catalog #catalogCategory83.level1 a:hover {color: #f94a0d;}
#catalog #catalogCategory84.level1 a:hover {color: #101378;}

#catalog .level1.here .catalogArrow {-moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}


#footer {background: #101378; color: #ffffff; margin-top: 40px;}
#footer a {color: #ffffff;}
#footer .wrap {display: table; }
#footer .wrap .cell {display: table-cell; vertical-align: middle; height: 60px; padding: 30px 1%;}
#footer .wrap .middle {width: 60%;}
#footer .wrap .logo {width: 25%;}
#footer .wrap .links {width: 30%; text-align: right;}
#footer .wrap .links a {margin: 0 0 0 20px;}

.btn-footer-callback {
	padding: 0;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: underline;
	background: none;
	color: #ffffff;
	cursor: pointer;
}

.btn-footer-callback:hover {
	text-decoration: none;
}

ymaps.ymaps-2-1-22-balloon_layout_normal {background: #404298;}
ymaps.ymaps-2-1-22-balloon__tail:after {border-left: 1px solid #404298; border-bottom: 1px solid #404298;}


#comments {margin: 10px 0;}
#CommentsHandler .jot-reply-title {background: url(commentsIco.png) left center no-repeat; font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; color: #000000; padding-left: 65px; height: 55px; line-height: 55px; text-transform: uppercase; margin-bottom: 20px;}
#CommentsHandler .jot-err {color: #ff0000;}
#CommentsHandler .jot-comment {background: #ece8cd; padding: 20px 20px 20px 70px; overflow: auto; margin-bottom: 20px; clear: both;}
#CommentsHandler .jot-comment .jot-comment {padding-right: 0; padding-left: 20px; margin-bottom: 0; padding-bottom: 0;}
#CommentsHandler .jot-comment .jot-mod .jot-btn-unpub {color: #ff0000; font-weight: 700;}
#CommentsHandler .jot-comment .jot-mod .jot-btn-pub {color: #518316; font-weight: 700;}
#CommentsHandler .jot-comment .jot-name {font-weight: 700; display: block;}
#CommentsHandler .jot-comment .jot-date {font-size: 0.85em; color: #6f6f6f; text-transform: uppercase; margin-bottom: 10px; display: block;}
#CommentsHandler .jot-comment .jot-message:before {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote1.png) left top no-repeat; position: absolute; left: 0; top: 0;}
#CommentsHandler .jot-comment .jot-message {display: inline-block; font-style: italic; position: relative; float: left; padding: 10px 30px;}
#CommentsHandler .jot-comment .jot-message:after {content: ''; display: block; width: 25px; height: 20px; background: url(commentsQuote2.png) left bottom no-repeat; position: absolute; right: 0; bottom: 0;}
#CommentsHandler .formTitle {overflow: auto; margin-top: 20px;}
#CommentsHandler .jot-form {padding: 25px; border: 3px solid #fe8913; margin-bottom: 20px;}
#CommentsHandler .jot-form h2 strong{font-weight: 700;}
#CommentsHandler .jot-form form {margin: 0; padding: 0;}
#CommentsHandler .jot-form fieldset {margin: 10px 0; padding: 0; border: 0; }
#CommentsHandler .jot-form input[type="text"], #CommentsHandler .jot-form textarea {display: block; padding: 2% 3%; margin-bottom: 15px; border: 1px solid #d8d2a9; font: italic 14px 'Open Sans';}
#CommentsHandler .jot-form .textinput.small {width: 43%;}
#CommentsHandler .jot-form .textinput.big {width: 93%;}
#CommentsHandler .jot-form textarea {width: 93%; height: 150px; resize: none;}
.fullNews #CommentsHandler .jot-form textarea {/*width: 565px;*/ height: 150px; resize: none;}
#CommentsHandler .jot-form .biegeButton {display: block; float: left; background: #ece8cd; text-align: center; font: 14px 'Open Sans'; margin: 0 10px 0 0; padding: 10px 20px; border: 0; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
#CommentsHandler .jot-form .biegeButton:hover {cursor: pointer; background: #d0cba8;}
#CommentsHandler .jot-form .jot-btn-submit {border: 0; padding: 5px 15px; background: #fe8913; color: #ffffff; font: inherit; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
#CommentsHandler .jot-form .jot-btn-submit:hover {background: #df7306; cursor: pointer;}
#CommentsHandler .jot-form input[name="title"],
#CommentsHandler .jot-form .jot-checkbox,
#CommentsHandler .jot-comment .jot-vote,
#CommentsHandler .jot-comment .jot-avatar,
#CommentsHandler .jot-comment .jot-subject,
/*#CommentsHandler .jot-comment .jot-reply,*/
#CommentsHandler .jot-comment .jot-perma {display: none; }

.jot-nav {
	overflow: hidden;
	padding: 10px 0;
}

.jot-nav a {
	display: inline-block;
	margin: 0 5px 10px 5px;
	color: #7f7f7f;
	vertical-align: top;
}

.jot-nav a.jot-btn-active {
	margin: 0 5px 10px 5px;
	font-weight: 700;
	text-decoration: none;
	color: #000000;
}

.jot-btn-prev {
	width: 18px; height: 18px; background: #fe8913 url(paginationPrev.png) center center no-repeat; text-decoration: none; 
}

.jot-btn-next {
	width: 18px; height: 18px; background: #fe8913 url(paginationNext.png) center center no-repeat; text-decoration: none; 
}
/*
#pagination .paginationNext {width: 18px; height: 18px; background: #fe8913 url(paginationNext.png) center center no-repeat; text-decoration: none; }
#pagination .paginationPrev {width: 18px; height: 18px; background: #fe8913 url(paginationPrev.png) center center no-repeat; text-decoration: none; }
*/


#photoContainer {}
#photoContainer a.photo {display: inline-block; width: 140px; height: 140px; margin: 15px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out ; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
#photoContainer a.photo:hover {box-shadow: 0px 0px 10px #888888;}

.b-modal {position: relative; width: 400px; padding: 20px; background: #fff; border: 3px solid #bbb;}
.b-modal_close {position: absolute; right: 12px; top: 6px; font-size:40px; font-weight: bold; color: #999999; cursor: pointer;}
.b-modal_close:hover {color: #000;}
.b-modal table {width:100%; border-collapse:collapse;}
.b-modal table td{padding:10px;}
.b-modal h2, .b-modal .h2 {margin-left:10px;}

.arcticmodal-container {color:#000000;}
.arcticmodal-container input[type=submit]{margin:5px;}
.arcticmodal-overlay,
.arcticmodal-container {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle;}
.arcticmodal-error { padding: 20px; background: #000; color: #fff;}
.arcticmodal-loading { width: 80px; height: 80px; background: #000 url(/style/loading.gif) no-repeat 50% 50%;}

#callbackContainer .formContainer {border: none;}
#callbackContainer textarea {width: 168px;}

#callbackContainer2 .formContainer {border: none;}
#callbackContainer2 textarea {width: 168px;}

#vk_groups {margin-top: 30px; margin-bottom: 30px;}

.newSupply {
  /*width: 150px; 
  height: 150px; 
  position: absolute; 
  right: -7px; 
  top: 500px; 
  background-color: #ff9900; 
  color: #fff;*/
  
  width: 185px;
  height: 185px;
  background: #518316;
  color: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
  position: absolute;
  right: 185px;
  top: 100px;
}

.newSupply.manysquare {
  top: 400px;
  right: 200px;
}

.newSupply.home {
  right: 200px;
  top: 460px;
}

.newSupply span {
  /*display: block; 
  width: 150px; 
  text-align: center; 
  position: absolute; 
  left: -5px; 
  top: 30px; 
  font-family: 'Open Sans Condensed', sans-serif; 
  font-size: 1.4em; 
  font-weight: 300; 
  color: #ffffff;*/
  
  display: block; 
  width: 160px;
  text-align: center; 
  position: absolute; 
  left: 9px;
  top: 32px;
  font-family: 'Open Sans Condensed', sans-serif; 
  font-size: 1.4em; 
  font-weight: 300; 
  color: #ffffff;
}
.newSupply span strong {font-weight: 700;}



.categoryItem {width: 30%; height: 200px; margin: 2% 1.5%; float: left; position: relative; -webkit-transition: box-shadow .3s ease; -moz-transition: box-shadow .3s ease ; -o-transition: box-shadow .3s ease; transition: box-shadow .3s ease;}
.categoryItem:hover {box-shadow: 0px 0px 10px #888888;}
.categoryItem .categoryImageLink {display: block; width: 100%; height: 150px;}
.categoryItem .categoryImageLink img {display: block; width: 100%; height: 150px;}
.categoryItem .categoryTitle {display: table; width: 100%; height: 50px; background-color: #ece8cd; }
.categoryItem .categoryTitleLink {display: table-cell; width: 80%; height: 50px; padding: 0 10%; color: #000000; text-decoration: none; vertical-align: middle; line-height: 1.1;}
.categoryItem:hover .categoryTitleLink {text-decoration: underline;}

.categoryItem .date {position: absolute; left: 0; top: 0; width: 70px; height: 64px; padding-top: 5px; color: #000000; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; background-color: #ece8cd;}

.parent81 .categoryTitleLink, .parent81 .date {background-color: #518316; color: #ffffff; }
.parent82 .categoryTitleLink, .parent82 .date {background-color: #fe8913; color: #ffffff; }
.parent83 .categoryTitleLink, .parent83 .date {background-color: #f94a0d; color: #ffffff; }
.parent84 .categoryTitleLink, .parent84 .date {background-color: #101378; color: #ffffff; }



.date.collection {display: inline-block; padding: 5px 10px; background-color: #ece8cd; margin-top: 20px;}

#photoForm {}
#photoForm .button_price_delete {color: #f00; margin-left: 2em; cursor: pointer;}

.formContainer h3, .formContainer .h3 {font: 300 1.8em "Open Sans Condensed";margin:0 0 10px 10px;}

#camersContainer {
	width: 100%;
	border-collapse: collapse;
}

#camersContainer th {
	padding: 10px;
	font-weight: normal;
	font-size: 16px;
	color: #ffffff;
	background-color: #FE8913;
}

#camersContainer th.active {
	background-color: #F94A0D;
}

#camersContainer a {
	color: #ffffff;
	text-decoration: none;
}

#camersContainer a:hover {
	text-decoration: underline;
}

#camContainer {
	padding: 0;
}

#camContainer iframe {
	width: 100%;
	height: 500px;
	border: 0;
}

span.red {color:#ff0000;}
.formContainer #callbackform input.textinput {margin-bottom:10px;}

.nav-open,
.nav-close {
	display: none;
}

.nav-open {
	border: 0;
	margin: 5px;
	padding: 8px;
	background-color: #fff;
	cursor: pointer;
}

.burger-stick {
	width: 20px;
	height: 3px;
	margin-bottom: 3px;
	background-color: #000000;
}

.burger-stick:last-child {
	margin-bottom: 0;
}

.nav-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border: 0;
	background: none;
	cursor: pointer;
}

.close-stick {
	width: 30px;
	height: 4px;
	background-color: #000000;
}

.close-stick-one {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-stick-two {
	position: relative;
	top: -4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@keyframes spinning {
	0% {
		background-color: #518316;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	5% {
		background-color: #101378;
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	15% {
		right: 185px;
	}
	16% {
		right: 205px;
	}
	17% {
		right: 175px;
	}
	18% {
		right: 190px;
	}
	19% {
		right: 180px;
	}
	20% {
		right: 188px;
	}
	21% {
		right: 185px;
	}
	33% {
		background-color: #101378;
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	38% {
		background-color: #ff9900;
		-webkit-transform: rotate(765deg);
		-moz-transform: rotate(765deg);
		-o-transform: rotate(765deg);
		-ms-transform: rotate(765deg);
		transform: rotate(765deg);
	}
	48% {
		right: 185px;
	}
	49% {
		right: 195px;
	}
	50% {
		right: 175px;
	}
	51% {
		right: 190px;
	}
	52% {
		right: 180px;
	}
	53% {
		right: 188px;
	}
	54% {
		right: 182px;
	}
	66% {
		background-color: #ff9900;
		-webkit-transform: rotate(765deg);
		-moz-transform: rotate(765deg);
		-o-transform: rotate(765deg);
		-ms-transform: rotate(765deg);
		transform: rotate(765deg);
	}
	71% {
		background-color: #518316;
		-webkit-transform: rotate(1125deg);
		-moz-transform: rotate(1125deg);
		-o-transform: rotate(1125deg);
		-ms-transform: rotate(1125deg);
		transform: rotate(1125deg);
		
	}
	81% {
		right: 185px;
	}
	82% {
		right: 195px;
	}
	83% {
		right: 175px;
	}
	84% {
		right: 190px;
	}
	85% {
		right: 180px;
	}
	86% {
		right: 188px;
	}
	87% {
		right: 185px;
	}
	100% {
		background-color: #518316;
		-webkit-transform: rotate(1125deg);
		-moz-transform: rotate(1125deg);
		-o-transform: rotate(1125deg);
		-ms-transform: rotate(1125deg);
		transform: rotate(1125deg);
	}
}

@keyframes spinning2 {
	0% {
		background-color: #518316;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	5% {
		background-color: #101378;
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	15% {
		right: 200px;
	}
	16% {
		right: 210px;
	}
	17% {
		right: 190px;
	}
	18% {
		right: 205px;
	}
	19% {
		right: 195px;
	}
	20% {
		right: 203px;
	}
	21% {
		right: 200px;
	}
	33% {
		background-color: #101378;
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	38% {
		background-color: #ff9900;
		-webkit-transform: rotate(765deg);
		-moz-transform: rotate(765deg);
		-o-transform: rotate(765deg);
		-ms-transform: rotate(765deg);
		transform: rotate(765deg);
	}
	48% {
		right: 200px;
	}
	49% {
		right: 210px;
	}
	50% {
		right: 190px;
	}
	51% {
		right: 205px;
	}
	52% {
		right: 195px;
	}
	53% {
		right: 203px;
	}
	54% {
		right: 197px;
	}
	66% {
		background-color: #ff9900;
		-webkit-transform: rotate(765deg);
		-moz-transform: rotate(765deg);
		-o-transform: rotate(765deg);
		-ms-transform: rotate(765deg);
		transform: rotate(765deg);
	}
	71% {
		background-color: #518316;
		-webkit-transform: rotate(1125deg);
		-moz-transform: rotate(1125deg);
		-o-transform: rotate(1125deg);
		-ms-transform: rotate(1125deg);
		transform: rotate(1125deg);
		
	}
	81% {
		right: 200px;
	}
	82% {
		right: 210px;
	}
	83% {
		right: 190px;
	}
	84% {
		right: 205px;
	}
	85% {
		right: 195px;
	}
	86% {
		right: 203px;
	}
	87% {
		right: 200px;
	}
	100% {
		background-color: #518316;
		-webkit-transform: rotate(1125deg);
		-moz-transform: rotate(1125deg);
		-o-transform: rotate(1125deg);
		-ms-transform: rotate(1125deg);
		transform: rotate(1125deg);
	}
}
/*
.band #subscribe .greenSquare {
	animation-name: spinning;
	animation-duration: 10s;
	animation-delay: 5s;
	animation-iteration-count: infinite;
}
*/

.newSupply {
	animation-name: spinning;
	animation-duration: 10s;
	animation-delay: 5s;
	animation-iteration-count: infinite;
}

.newSupply.home,
.newSupply.manysquare {
	animation-name: spinning2;
	animation-duration: 10s;
	animation-delay: 5s;
	animation-iteration-count: infinite;
}

@media (max-width: 1000px) {
  .newSupply,
  .newSupply.home,
  .newSupply.manysquare  {
    animation: none;
  }
  
	* {
		box-sizing: border-box;
	}
	
	.wrap {
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
		max-width: none;
		min-width: 240px;
	}
	
	#header {
		display: block;
		height: auto;
	}
	
	#header .cell {
		display: block;
		float: left;
	}
	
	#header #headerLogo,
	#header #headerSlogan,
	#header #headerPhoneTitle,
	#header #headerPhone,
	#header #headerFeedback {
		width: 30%;
		min-width: 300px;
	}
	
	#header #headerSlogan {
		margin: 5px 0px;
		width: 50%;
		text-align: center;
	}
	
	#header #headerPhoneTitle {
		width: 50%;
		text-align: center;
	}
	
	#header #headerPhone {
		width: 50%;
		padding-right: 0;
		text-align: center;
		line-height: 1;
	}
	
	#header #headerFeedback {
		display: none;
	}
	
	.nav-open {
		display: inline;
	}
	
	#navigation {
		height: 43px;
	}
	
	#navigation .wrap {
		position: fixed;
		left : 0;
		top : 0;
		z-index : 10;
		display: block;
		width: 0;
		min-width: 0;
		height: 100%;
		padding: 0;
		background-color : #ffffff;
		overflow: hidden;
		-webkit-transition-property: padding, width;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: ease;
		-moz-transition-property: padding, width;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: ease;
		-o-transition-property: padding, width;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: ease;
		-ms-transition-property: padding, width;
		-ms-transition-duration: 0.3s;
		-ms-transition-timing-function: ease;
		transition-property: padding, width;
		transition-duration: 0.3s;
		transition-timing-function: ease;
	}
	
	#navigation .wrap.open {
		width: 100%;
		padding: 40px 15px 15px 15px;
	}
	
	#navigation .wrap.open .nav-close {
		display: inline;
	}
	
	#navigation .wrap a,
	#navigation .wrap .here	{
		display: block;
		height: auto;
	}
	
	#navigation .wrap .here {
		color: #ffffff;
		background-color: #404298;
	}
	
	.band.big .wrap .homeLink,
	#changeSlide,
	#changeIMG,
	.square1,
	.square2,
	.square3 {
		display: none;
	}
	
	.band .wrap {
		height: auto;
		overflow: visible;
	}
	
	.band .triangle {
		display: none;
	}
	
	.band .sliderTitle {
		height: auto;
		padding-right: 10px;
		font-size: 1.6em;
		line-height: 2em;
	}
	
	.band.big {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
		background-size: cover;
	}
	
	#subscribe {
		display: none;
	}
	
  .newSupply {
    display: none;
  }
  
	.newSupply.home {
    display: block;
		background-color: #101378;
	}
	
	.newSupply.home.rot45 {
		width: auto;
		height: auto;
		position: static;
		right: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		
		position: relative;
		top: 30px;
		margin: 0px -15px;
		padding: 5px 15px;
	}
	
	.newSupply.home.rot45 .unrot45 {
		display: inline;
		width: auto;
		position: static;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	.band.big #sliderBlock {
		float: none;
		width: 100%;
		margin-top: 0;
		height: auto;
	}
	
	.band .sliderText {
		width: 100%;
	}
	
	.wrap.middle .content {
		min-width: 0;
		max-width: none;
		width: 100%;
		padding-top: 0;
		padding-right: 0;
		margin-right: 0;
		float: none;
	}
	
	.content .newsBlock .newsItem .date {
		width: 65px;
		margin-right: 0;
		padding-right: 10px;
	}
	
	.content .newsBlock .newsItem .newsText {
		width: 70%;
		max-width: none;
	}
	
	.content .aboutUs {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		background-image: none;
	}
	
	.content .quotes {
		float: none;
		width: 100%;
		background-image: none;
	}
	
	#sidebarRight {
		float: none;
		width: 100%;
	}
	/*
	#sidebarRight.home #polls {
		margin-top: 20px;
	}
	*/
	
	#sidebarRight.home {
		padding-top: 20px;
	}
	
	#footer .wrap {
		display: block;
	}
	
	#footer .wrap .cell {
		display: block;
		height: auto;
		padding: 10px;
	}
	
	#footer .wrap .links {
		width: 100%;
		text-align: left;
	}
	
	#footer .wrap .links a {
		display: block;
		margin: 0;
	}
	
	.h1 h1 {
		height: auto;
		padding-right: 10px;
		font-size: 2em;
		line-height: 1.8;
	}
	
	.content.manysquare .textcontainer {
		padding-right: 0;
	}
	
	.content .vacancySmallBlock {
		float: none;
		width: 100%;
		min-height: auto;
		padding: 0;
		margin-bottom: 20px;
	}
	
	.content .storesSmallBlock {
		float: none;
		width: 100%;
		min-height: auto;
		padding: 0;
	}
	/*
	#sidebarRight.smallband.manysquare #polls {
		margin-top: 20px;
	}
	*/
	
	#sidebarRight.smallband.manysquare {
		padding-top: 20px;
	}
	
	.wrap.middle .content ul.categories {
		width: 100%;
		margin: 10px 0;
	}
	
	.wrap.middle .content ul.categories li {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	#vacancyList .vacancyItem {
		width: 100%;
		min-height: auto;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}
	
	.content p iframe {
		max-width: 100%;
		height: auto;
	}
	
	#sidebarRight #polls {
		margin-top: 20px;
	}
	
	#baskopartyStores .storesUL li.level2 {
		float: none;
		width: 100%;
	}
	
	#baskopartyStores .storesUL.allcity li.level1 {
		padding-left: 0;
	}
	
	#baskopartyStores .storesUL.city li.level1 {
		float: none;
		width: 100%;
	}
	
	.formContainer .textinput.small {
		width: 100%;
	}
	
	#CommentsHandler .jot-comment {
		padding-left: 20px;
	}
	
	#CommentsHandler .jot-reply-title {
		height: auto;
		line-height: 1;
	}
	
	#vacancyList .vacancyItem .title a {
		line-height: 1.5;
	}
	
	.content .fullNews {
		padding-right: 0;
	}
	
	#CommentsHandler .jot-form input[type="text"], #CommentsHandler .jot-form textarea {
		width: 100%;
	}
	
	.b-modal {
		position: absolute;
		width: 100%;
		padding: 0;
		left: 0;
		top: 0;
	}
	
	.b-modal .textinput,
	.b-modal input[type="file"],
	#callbackContainer2 textarea,
	#callbackContainer textarea {
		width: 150px;
	}
	
	#callbackContainerForm,
	#callbackContainerForm2 {
		margin-top: 40px;
	}
}

@media (max-width: 660px) {
	
	#header #headerLogo,
	#header #headerSlogan,
	#header #headerPhoneTitle,
	#header #headerPhone,
	#header #headerFeedback {
		width: 100%;
	}
	
	#header #headerSlogan,
	#header #headerPhoneTitle {
		display: none;
	}
	
	#header #headerLogo {
		padding-right: 0;
		text-align: center;
	}
	
	.categoryItem {
		width: 100%;
		height: auto;
		margin: 10px 2%;
		float: none;
	}
	
	.categoryItem .categoryImageLink {
		height: auto;
	}
	
	.categoryItem .categoryImageLink img {
		height: auto;
	}
	
	#sidebarRight #catalog {
		margin-top: 20px;
	}
	
	
	.contactTable .phoneCell,
	.contactTable .scheduleCell {
		float: none;
		width: 100%;
		clear: both;
	}
}

@media (max-width: 320px) {
	#header #headerLogo,
	#header #headerSlogan,
	#header #headerPhoneTitle, 
	#header #headerPhone, 
	#header #headerFeedback {
		min-width: auto;
	}
	
	.band .wrap .h1 {
		height: auto;
		float: none;
		margin-top: 0;
	}
	
	.h1 h1 {
		float: none;
		height: auto;
		line-height: 1.2;
	}
}

.bannerBlock {text-align:center;width:100%;}
.bannerBlock img {max-width:100%;}


.mission-stripe {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #101378;
	color: #ffffff;
}

.mission-stripe-title {
	font-weight: 600;
}

.orangeSubmit {border: 0; margin-top: 20px; padding: 5px 15px; background: #fe8913; color: #ffffff; font: inherit; -webkit-transition: background .5s linear; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}
.orangeSubmit:hover {background: #df7306; cursor: pointer;}

@media (max-width: 1000px) {
	.mission-stripe {
		display: none;
	}
}




.polls-wrapper {
	margin-bottom: 30px;
}

.polls-wrapper:last-child {
	margin-bottom: 0;
}

.poll-block {
	margin-bottom: 30px;
}

.poll-block:last-child {
	margin-bottom: 0;
}

.poll-block .blockTitle {margin-bottom: 20px; font-family: 'Open Sans Condensed', sans-serif; font-size: 2.15em; font-weight: 300; text-transform: uppercase; color: #000000;}
.poll-block .blockTitle:before {display: inline-block; content: ''; width: 8px; height: 54px; background: #ece8cd;}

.poll-question {
	margin-bottom: 20px;
}

.poll-title {
	font-weight: 700;
}

.poll-subtitle {
	font-weight: 300;
}

.poll-answer-item {
	margin-bottom: 10px;
}

.poll-input-custom-answer {
	display: none;
}

.poll-answer-list-result {
  margin-bottom: 20px;
}

.poll__answer-result-item {
  margin-bottom: 10px;
}

.poll__answer-result-item:last-child {
  margin-bottom: 0;
}

.poll__answer-result-stripe {
  position: relative;
  overflow: hidden;
  height: 1.5em;
  border-radius: 5px;
  background-color: #f7f7f7;
}

.poll__answer-result-percent {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #dae1e8;
}

.poll__answer-result-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000000;
}

.poll__photo-link {
  float: left;
  display: block;
  width: 49%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 5px solid #FE8913;
  box-sizing: border-box;
}

.poll__photo-link:first-child {
  margin-right: 1%;
}

.poll__photo-link_width_100 {
  margin-right: 0;
  width: 100%;
}

.poll__photo-img {
  display: block;
  width: 100%;
  height: auto;
}

.alert {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
}

.alert-danger {
	border-color: #ebccd1;
	background-color: #f2dede;
	color: #a94442;
}

.btn-orange {
	padding: 5px 15px;
	border: 0; 
	background-color: #fe8913; 
	color: #ffffff; 
	font: inherit; 
	-webkit-transition: background-color .5s linear; 
	-moz-transition: background-color .5s ease; 
	-o-transition: background-color .5s ease; 
	transition: background-color .5s ease;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
	background-color: #df7306;
	cursor: pointer;
}

.clearfix:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}

.wrap.middle .content #share ul li {
	margin: 0;
	padding: 0 5px 0 0;
	background: transparent;
}

.text-justify {
	text-align:justify;
}

.magazine-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box;
}
.magazine-row::before {
	content: " ";
	display: table;
	box-sizing: border-box;
}
.magazine-row::after {
	clear: both;
	box-sizing: border-box;
}

.magazine-col {
	margin-bottom: 30px;
	width: 50%;
	float:left;
	position: relative;
	min-height: 1px;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

.magazine-container {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	border:5px solid #fe8913;
	border-color: rgba(254,137,19,0.3);
	background:rgba(0,0,0,0.035);
}
.magazine-container img{
	width:100%;
	max-width:100%;
	height:auto;
}

.magazine-container a,
.magazine-container a:hover,
.magazine-container a:focus,
.magazine-container a:active {
	display:block;
	width:calc(100% - 20px);
	height:auto;
	min-height:50px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	color: #000000;
	text-decoration:none;
	padding:12px 10px;
	background:transparent;
}
.magazine-container a:before {
	content:' ';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.magazine-container .text{
	display:block;
	height:auto;
	width:calc(100% - 20px);
	padding:16px 10px;
	background:#ffffff;
}

.mt120 {
	margin-top:120px;
}

@media (max-width: 1000px) {
	.magazine-container a,
	.magazine-container a:hover,
	.magazine-container a:focus,
	.magazine-container a:active {
		width:100%;
	}
	.magazine-container .text{
		width:100%;
	}
}
@media (max-width: 500px) {
	.magazine-col {
		width:100%;
	}
}