body { overflow:hidden; background:#fff; padding-bottom:0; }
.superuser { visibility:hidden; width:0px; }
.salesonly { display:none; }
body[data-superuser="1"] .salesonly { display:block; }
body[data-rolesales="1"] .salesonly, body[data-roleadmin="1"] .salesonly { display:block; }
body[data-superuser="1"] .superuser { visibility:visible; width:auto; }
body[data-userid="guest"] .realuser { display:none; visibility:hidden; height:0; width:0; }
label { padding: 0 10px; }

#page h1 { color: #a30051; }
#page h2 { color: #a30051; margin-top:48px; max-width:900px; }
#page h2 + hr { background:#a30051; }
#page .gallery + hr { height:6px; background:#fef2ad; }
#page h3 { color: #bf9824; margin-top:28px; max-width:900px; }
#page.page-wide h1:first-child { color: #a30051; }
.caps { text-transform:uppercase; }
.color1 { color: #555; }
.color2 { color: #a30051; }
.red { color: #880050; }
.yellow { color: #efd144; }
.green { color: #8e952f; }
.orange { color: #bf9824; }
.blue { color: #53949f; }
.bg-red { background-color: #880050; }
.bg-yellow { background: #efd144; }
.bg-green { background: #8e952f; }
.bg-orange { background: #bf9824; }
.bg-blue { background: #53949f; }
.sz2 { font-size: 120%; }
.sz3 { font-size: 130%; }
.sz4 { font-size: 140%; }
.sz5 { font-size: 150%; }
.bolder { font-weight:bold; }

#page .wide.video { text-align:center; font-weight:bold; font-size:120%; }
#page .wide.video > iframe { display:inline-block; border:solid 8px #cc8500; border-radius:8px; border-top-width:4px; width:853px; height:480px; }
#page .wide.video div { color:#cc8500; padding-bottom:8px; }

#bottom { position:relative; background: #fff; padding:8px 0 0 0; margin:0; }
nav.sales-menu { float:right; }
#bottommenu > ul > li { min-height: 75px; border-right: solid 1px #9f9f9f; }
#bottommenu > ul > li:last-child, #bottommenu > ul > li > ul { border-right:none; }
#bottommenu > ul > li > ul { font-size:11pt; }
#bottommenu > ul > li { font-size:12pt; }

#bottom .logo { display:inline-block; text-align:center; color:#222; border:1px dotted #999; }
#bottom .logo > img { display:block; height:40px; width:auto; opacity:0.75; margin:-8px -6px -12px -8px; }
#bottom .logo > .w2 { font-size:8pt; }

.bottom-menu {
  clear:left;
}
.bottom-menu > h2 {
  font-size:10pt;
  padding-top:12px;
  text-transform:uppercase;
  letter-spacing:3pt;
  border-bottom: 1px solid #bf9824;
  color:#bf9824;
}
.bottom-menu:first-child > h2 {
  padding-top:0;
}
.bottom-menu + hr {
  clear:both; margin:8px 0px;
  height:1px; background-color:#bf9824;
}
.bottom-menu > ul {
  float:left;
  min-width:220px;
  padding: 0 16px;
  margin-left:4px;
  border-left:solid thin #999;
}
.bottom-menu > ul:last-child {
  min-width:50px;
}
.bottom-menu > ul > li {
  padding:0; margin:0;
}
.bottom-menu a {
  padding:0; margin:0;
  font-size: 10pt;
  line-height:10pt;
  color: #555;
  text-decoration:none;
}
.bottom-menu a:hover {
  color: #53949f;
  text-decoration:underline;
}
.bottom-menu span.label {
  display:inline-block;
  min-width:40px;
  font-size:9pt;
  color:#999;
  text-align:right;
}
.bottom-menu span.tel {
  font-size:11pt;
  line-height: 9pt;
  font-weight:bold;
  font-family:courier;
  color:#8e952f;
}

#page h1.page-wide:first-child {
	float: left;
	padding-right: 8px;
	text-shadow: none;
	text-transform: none;
	font-size: 24pt;
	line-height: 20pt;
}
#page h1.page-wide:first-child + h2 {
	clear: none;
	float: left;
	max-width: none;
	font-size: 12pt;
	line-height: 12pt;
	margin-top: 3pt;
	padding-top: 3pt;
	padding-left: 8px;
	border-left: solid 2px #7e7e7e;
	color: #7e7e7e;
}
#page h1.page-wide:first-child + h2 + h3 {
	clear: both;
}

#page table.prices {
  /* margin:0 auto; */
  width: auto;
  margin-bottom: 24px;
  border: solid 1px #ddd;
}
#page table.prices td {
  border: solid 1px #ddd;
}
#page table.prices td.price {
  text-align: center;
  width: 110px;
  line-height: 100px;
}
#page table.prices td.price.sel {
  font-size:150%;
  font-weight: bold;
}
.sale {
  display: inline-block; position: relative; width: 79px;
  text-align: center; font-size: 24px; color: #a30051; line-height: 24px;
}
.sale:before {
  position:absolute; top:0; left:0; height:100%; width:100%;
  display:block; content:'';
  background:url(/data/common/images/cross-sale.png) center no-repeat;
  opacity:0.5;
}
/* buttons */
.yellowbutton, a.yellowbutton, button.yellowbutton {
  display: inline-block; position: relative; z-index: 1;
  margin-left: 20px; margin-right: 20px; padding:0 6px;
  height: 40px; line-height: 40px;
  font-family: pt-normal; font-weight: normal; font-size: 24px; color: #222;
  text-transform: none; text-decoration: none;
  text-shadow: none; box-shadow: none; border: none; outline: none;
  background: url(/assets/images/images/yellowbutton.png) 0px -40px repeat-x;
}
.yellowbutton:before, .yellowbutton:after {
  content: ''; display: block; position: absolute; z-index: -1;
  font-size: 22px; font-family: pt-normal; line-height: 44px;
  height: 40px; width: 20px; top: 0px;
  background: url(/assets/images/images/yellowbutton.png) no-repeat;
}
.yellowbutton:before { text-align:right; left: -20px; background-position: 0px 0px; }
.yellowbutton:after { text-align:left; right: -20px; background-position: 0px -80px; }
a.yellowbutton:hover:before, button.yellowbutton:hover:before { content:'➜'; }
a.yellowbutton:hover:after, buttona.yellowbutton:hover:after { content:''; }
a.yellowbutton, button.yellowbutton { color: #330019; text-decoration: none; }
a.yellowbutton:hover, button.yellowbutton:hover { color: #a30051; text-decoration: none; text-shadow:0px 0px 1px #fff; }

.bigbutton-yellow, .bigyellowbutton {
  display: inline-block; position: relative; z-index: 1;
  margin-left: 40px; margin-right: 60px; padding:0 12px;
  height: 80px; line-height: 80px;
  font-family: pt-normal; font-weight: normal; font-size: 40px;
  text-transform: none; text-decoration: none;
  background: url(/assets/images/images/bigyellowbutton.png) 0px -80px repeat-x;
}
.bigbutton-yellow:before, .bigbutton-yellow:after, .bigyellowbutton:before, .bigyellowbutton:after {
  content: ''; display: block; position: absolute; z-index: -1;
  font-size: 44px; font-family: pt-normal; line-height: 88px;
  height: 80px; width: 40px; top: 0px;
  background: url(/assets/images/images/bigyellowbutton.png) no-repeat;
}
.bigbutton-yellow:before, .bigyellowbutton:before {
  text-align:right; left: -40px; background-position: 0px 0px;
}
.bigbutton-yellow:after, .bigyellowbutton:after {
  text-align:left; right: -40px; background-position: 0px -160px;
}
a.bigbutton-yellow:hover:before, a.bigyellowbutton:hover:before { content:'➜'; }
a.bigbutton-yellow:hover:after, a.bigyellowbutton:hover:after { content:''; }
a.bigbutton-yellow, a.bigyellowbutton { color: #330019; text-decoration: none; }
a.bigbutton-yellow:hover, a.bigyellowbutton:hover { color: #a30051; text-decoration: none; }

a.hintbutton-yellow { color:#444; text-shadow:none; }
a.hintbutton-yellow:hover { color:#A10A51; text-shadow:0 0 2px #fff; }

/* funny styles */
.disabled-tossing {
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
	0% {
		transform: rotate(-1deg);	
	}
	50% {
		transform: rotate(1deg);
	}
	100% {
		transform: rotate(-1deg);	
	}						
}
@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-1deg);	
	}
	50% {
		-webkit-transform: rotate(1deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);	
	}				
}

/* snippet.contacts1 */
.sova-tip {
  background-color: #FED530;
  position: relative; margin: 0; padding: 12px 20px;
  padding-left: 50px; margin-left:120px;
}
.sova-tip:before {
  display: block; content:''; position: absolute;
  top: -10px; left: -80px; width: 120px; height: 140px;
  background: url(/assets/images/images/sova-tip.png) left center no-repeat;
}
.sova-tip a { color: #444; }
.sova-tip a:hover { color: #fff; }
/* -- */

/* page.common/snippets */

.snippet-text{
  padding-left:5px;
  font-family:pt-bold;
  font-size: 17px;
  color: rgba(100, 100, 100, 0.82);
  cursor:pointer;
  text-decoration:none;
}

.snippets1{
  position:absolute;
  height:28px;
  width:85px;
  background-color:white;
  margin-top:55px;
  left:-82px;
  z-index:-1;
  -moz-transform:scale(1) rotate(9deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(9deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(9deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(9deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(9deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
  box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
}

.snippets2{
  position:absolute;
  height:28px;
  width:102px;
  background:white;
  margin-top:95px;
  left:-94px;
  z-index:-1;
  -moz-transform:scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
  box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
}

/*for templates*/
#template {z-index:0}
.snippets3{
  position:absolute;
  height:28px;
  width:85px;
  background:white;
  margin-top:138px;
  left:-82px;
  z-index:-1;
  -moz-transform:scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
  box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
}
 
.snippets4{
  position:absolute;
  height:28px;
  width:131px;
  background:white;
  margin-top:105px;
  left:-118px;
  z-index:-1;
  -moz-transform:scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
  box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
}

.snippets5{
  position:absolute;
  height:28px;
  width:131px;
  background:white;
  margin-top:79px;
  left:-73px;
  z-index:-1;
  -moz-transform:scale(1) rotate(7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -o-transform: scale(1) rotate(7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotate(7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  transform: scale(1) rotate(7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  -webkit-box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
  box-shadow:0px 9px 10px -4px rgba(115, 115, 115, 0.3);
}


.contacts-map:before{
  content:'';
}


/* User-login */


#user-login p.registration {font-size:15px; color:#949494; letter-spacing: 0pt; font-family:pt-normal; margin-bottom: 0px; margin-left: 10px; max-width:100%; }
#user-login .row { width: 308px; text-align: right; }
#user-login label span.required {font-size:75%;vertical-align:top;display:none;}
#user-login label { display: inline-block; width: 100px; text-align: right; }

#user-login .rememberMe { text-align:center; margin-top: 10px; font-size:15px; color:#949494; letter-spacing: 0pt; font-family:pt-normal; width:367px; padding-right: 11px;}
#user-login .rememberMe label { display: inline; padding-right: 5px; }
#user-login .row.submit { margin-top: 20px; }

.login-email, .login-social { float: left; padding:0px 20px; margin-top:20px;}
.login-email { margin-right: 20px; float:right; border-left:1px solid #dddddd; margin-right:70px;}
.login-social { padding-bottom: 20px; overflow: auto; float:left; width:36%;}
.login-social button, .button-reg  { 
    position: relative; display: block;
    margin: 0px 18px; font-family: pt-bold; font-size: 13pt; line-height: 12pt;
	padding: 3px 10px;
	border: none;
	-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 1px rgba(0,0,0,0.2);
	        box-shadow:0px 2px 1px rgba(0,0,0,0.2);
	-moz-border-radius:4px / 4px;
	     border-radius:4px / 4px;
	color: #111;
	background: #f1f1f1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dfdddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dfdddd));
    background: -moz-linear-gradient(top, #f1f1f1, #dfdddd); 
    width: 221px;
    height: 34px;
    margin-bottom:22px;
    text-align:left;
    padding-left:48px;
    float:right;
  }
  .button-reg {
    text-decoration: none; color: #555 !important; background: #fef045;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef045', endColorstr='#fde30e');
    background: -webkit-gradient(linear, left top, left bottom, from(#fef045), to(#fde30e));
    background: -moz-linear-gradient(top, #fef045, #fde30e);
  }
  .button-reg { width: 165px; }
  .button-reg:before{background:url(/assets/images/site/new-user.png) no-repeat center transparent ; content: '';
    position: absolute; top: 0px; left: 0px; width: 36px; height:100%; border-right:1px solid rgba(85, 85, 85, 0.32);}
  .login-email input[type="text"], .login-email input[type="password"]{ font: 12px Arial, Tahoma, sans-serif; color: #444;width: 273px; padding: 9px 13px; border: 1px solid #D2D9DC; border-radius: 3px; box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA; outline: none; margin-left:10px;}
  .login-button {position: relative;}
  .login-button:before {background:url(/assets/images/site/user-profile-social.png) no-repeat left transparent ; content: '';
    position: absolute; top: 0px; left: 0px; width: 37px; height: 38px;}

  #facebook-login-button:before {background-position:-44px 0px;}
  #vk-login-button:before {background-position:0px 0px;}
  #google-login-button:before {background-position:-131px 0px;}
  #flickr-login-button:before {background-position:-89px 0px;}
  #instagram-login-button:before{background-position:-175px 0px;}
  #yandex-login-button:before{background-position:-218px 0px;}

/* filter/project */
#projects-box button.filter-button{border:none;background:none;}
.list-filters form {width:100%!important;}
.list-filters input[type="text"]{padding: 7px;border-radius: 4px;font-family: pt-normal;font-size: 13px;border-color: #cccccc;}
.list-filters input[type="submit"]{padding: 6px;vertical-align: -9%;}
#projects-box .filter-button:before {
  content: '';
  background: url(/assets/images/project.common/project-search-icon.png) no-repeat;
  width: 50px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
}

#projects-box .filter-button.new.active:before{background-position: 0px -40px;}
#projects-box .filter-button.render.active:before{background-position: -60px -40px;}
#projects-box .filter-button.confirm.active:before{background-position: -112px -40px;}
#projects-box .filter-button.done.active:before{background-position: -174px -35px; }

#projects-box .filter-button.new:before{background-position: 0px 7px;}
#projects-box .filter-button.render:before{background-position: -60px 7px;}
#projects-box .filter-button.confirm:before{background-position: -112px 7px;}
#projects-box .filter-button.done:before{background-position: -180px 7px;}

#projects-box a.search-reset {float:right; margin-top:9px;}
#projects-box a.search-reset:before {content:'';background: url(/themes/site/css/images/reset.png) no-repeat;width: 13px;height: 12px;display: inline-block;margin-right: 5px;vertical-align: text-top;}