* { margin: 0; padding: 0; }
html * {max-height:1000000px;}
html, body {margin: 0px; padding:0px; height: 100%;  -webkit-text-size-adjust: none;  min-width: 1250px;}
body {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#414042; background: url(/bitrix/templates/spin/images/bg.png) repeat-x; background-position: center  bottom;}
.stage { width: 100%; height: 100%;}
#lines { background: transparent url(/bitrix/templates/spin/images/bg-lines.png) repeat;}

.portrait {display: none;}
.job {font-size: 11px; float: right; margin-right: 17px;}
.job a {height: 27px; color: #414042; text-decoration: underline;}
a img { border:0; }
img { display: block; borger:none;}
p { margin-bottom: 8px; text-indent: 15px;}
p.non-indent { margin-bottom: 8px;  text-indent: 0px;}
.text a {color:#414042; text-decoration:underline;}
.text a:hover  {color:#414042; text-decoration:none;}
h1 {font-size:14px; color:#414042; font-weight: normal; display: inline;}
h2 {font-size:14px; color:#414042; font-weight: bold; margin-bottom: 8px;}
.img-place { border: 1px solid #d6d6d6; padding: 7px; height: 130px; width: 230px; margin: 0 0px 12px 0;}
img.img-place { border: 0px; height: 130px; width: 230px;}
.img-panel {float: left; width: 246px; margin: 0 19px 0 0;}
.img-place-block { border: 1px solid #d6d6d6; padding: 7px; height: 130px; width: 230px; margin: 0 19px 12px 0;}
.img-place-cert { border: 1px solid #d6d6d6; padding: 7px; height: 230px; width: 159px; margin: 0 19px 12px 19px; display: inline-block;}
ul.list {margin-left: 20px; margin-bottom: 8px;}
ul.list li {text-align: justify;}
.blog-wd {width: calc(100% - 265px); float:right;}
table { border-collapse: collapse; border-spacing: 0;} 

.main-slide { background: url(/bitrix/templates/spin/images/20years-07.png) no-repeat right  bottom; position: relative; margin-left: -23px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 235px); height: 100%; padding-right: -20px;}

.company-slide { background: url(/bitrix/templates/spin/images/company.png) no-repeat right  bottom; position: relative; margin-left: -34px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 227px); height: 100%;}

.bg-company { background: url(/bitrix/templates/spin/images/bg-blog.png) repeat; position: relative; margin-left: 93px; height: 100%;}

img.title-company  {position: absolute; top: 18px; right: 10px; } 
img.title-projects  {position: absolute; top: 18px; right: 10px; }
img.title-equipment  {position: absolute; top: 18px; right: 9px; }
img.title-contacts  {position: absolute; top: 18px; right: 12px; }
img.title-zay  {position: absolute; top: 18px; right: 9px; }

.projects-slide { background: url(/bitrix/templates/spin/images/projects.png) no-repeat right  bottom; position: relative; margin-left: -68px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 196px); height: 100%;}

.bg-projects { background: url(/bitrix/templates/spin/images/bg-blog.png) repeat; position: relative; margin-left: 124px; height: 100%;}

.equipment-slide { background: url(/bitrix/templates/spin/images/equipment.png) no-repeat right  bottom; position: relative; margin-left: -104px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 164px); height: 100%;}

.bg-equipment { background: url(/bitrix/templates/spin/images/bg-blog.png) repeat; position: relative; margin-left: 157px; height: 100%;}

.contacts-slide { background: url(/bitrix/templates/spin/images/contacts.png) no-repeat right  bottom; position: relative; margin-left: -140px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 132px); height: 100%;}

.bg-contacts { background: url(/bitrix/templates/spin/images/bg-blog.png) repeat; position: relative; margin-left: 188px; height: 100%;}

.zay-slide { background: url(/bitrix/templates/spin/images/zay.png) no-repeat right  bottom; position: relative; margin-left: -177px; min-height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: calc(100pc - 100px); height: 100%;}

.bg-zay { background: url(/bitrix/templates/spin/images/bg-blog.png) repeat; position: relative; margin-left: 221px; height: 100%;}

@font-face {
    font-family: 'Gost-font';
    src: url('/bitrix/templates/spin/fonts/gost-font.eot?') format('eot'), 
         url('/bitrix/templates/spin/fonts/gost-font.woff') format('woff'), 
         url('/bitrix/templates/spin/fonts/gost-font.ttf')  format('truetype'),
         url('/bitrix/templates/spin/fonts/gost-font.svg#Gost-font') format('svg');
    }

.contacts { font-family: Gost-font, serif; font-size:21px; color:#e5e5e5; position: absolute; left: 38px; bottom: 25px;}
.slogan { position: absolute; right: 50px; top: 50px;}
#container-first { font-family: Gost-font, serif; font-size:44px; color:#ffffff; text-shadow: 1px 1px 2px black, 0 0 1em #19161e; margin-left:50px;}
#container-second { font-family: Gost-font, serif; font-size:74px; color:#ffffff; margin-left: 65px; text-shadow: 1px 1px 2px black, 0 0 1em #19161e;}

a.tel  {color:#e5e5e5; text-decoration:none;  font-size:21px; cursor: default; text-shadow: 1px 1px 2px black, 0 0 1em black;}
a.tel:hover  {color:#e5e5e5; text-decoration:none;  font-size:21px; cursor: default; text-shadow: 1px 1px 2px black, 0 0 1em black;}
a.email  {color:#e5e5e5; text-decoration:underline;  font-size:21px; text-shadow: 1px 1px 2px black, 0 0 1em black;}
a.email:hover  {color:#e5e5e5; text-decoration:none;  font-size:21px; text-shadow: 1px 1px 2px black, 0 0 1em black;}

ul.tel  {margin: 0;}
ul.tel li  {display: inline; margin-right: 12px; list-style-type: none;}

.logo { width:450px; height: 203px; right: 36px;  bottom: 36px; position: absolute;}
.mail { width:19px; height: 19px; position: absolute; bottom: 0;}
.contacts-blog { float: left; margin-left: 41px;}

div#slidemarginleft {position: absolute; height: 100%; left: -1088px; top: 0;}
div#linkblock {position: relative; float: left; width: 1088px;  height: 100%;}
.bg-linkblock { background: url(/bitrix/templates/spin/images/panel-left.png) repeat-y right  bottom; position: relative;
 width: 73px; height: 100%;}
img.title-main  {position: absolute; top: 0px;  right: 4px;} 
img.spin-logo {position: absolute; bottom: 0px;  right: 3px;}

div#company-panel {position: absolute; height: 100%; left: -3000px; top: 0;}
div#company-linkblock {position: relative; float: left; width: 1088px;  height: 100%;}
.company-bg-linkblock { background: url(/bitrix/templates/spin/images/company-panel.png) repeat-y right  bottom; position: relative;
 width: 34px; height: 100%;}
img.title-company-panel  {position: absolute;  top: 18px;  right: 11px;} 
img.company-panel-line {position: absolute; bottom: 0px;  right: 0px;}

div#projects-panel {position: absolute; height: 100%; left: -3000px; top: 0;}
div#projects-linkblock {position: relative; float: left; width: 1088px;  height: 100%;}
.projects-bg-linkblock { background: url(/bitrix/templates/spin/images/projects-panel.png) repeat-y right  bottom; position: relative;
 width: 34px; height: 100%;}
img.title-projects-panel  {position: absolute;  top: 18px;  right: 9px;} 
img.projects-panel-line {position: absolute; bottom: 0px;  right: 0px;}

div#equipment-panel {position: absolute; height: 100%; left: -3000px; top: 0;}
div#equipment-linkblock {position: relative; float: left; width: 1088px;  height: 100%;}
.equipment-bg-linkblock { background: url(/bitrix/templates/spin/images/equipment-panel.png) repeat-y right  bottom; position: relative;
 width: 34px; height: 100%;}
img.title-equipment-panel  {position: absolute;  top: 18px;  right: 8px;} 
img.equipment-panel-line {position: absolute; bottom: 0px;  right: 0px;}

div#contacts-panel {position: absolute; height: 100%; left: -3000px; top: 0;}
div#contacts-linkblock {position: relative; float: left; width: 1088px;  height: 100%;}
.contacts-bg-linkblock { background: url(/bitrix/templates/spin/images/contacts-panel.png) repeat-y right  bottom; position: relative;
 width: 34px; height: 100%;}
img.title-contacts-panel  {position: absolute;  top: 18px;  right: 11px;} 
img.contacts-panel-line {position: absolute; bottom: 0px;  right: 0px;}


a#up-contacts  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-contacts:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-request  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-request:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-projects  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-projects:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-company  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-company:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-equipment  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-equipment:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-request  {color:#414042; text-decoration:none; cursor: pointer; padding-left: 17px; height: 27px;}
a#up-request:hover {color:#414042; text-decoration:underline; cursor: pointer; padding-left: 17px; height: 27px;}
.bg-link { padding-top: 38px; width: 100%; height: 27px; line-height: 27px;} 
.text {width: 100%;  height: 100%; min-height: 100%; height: auto !important;}
.wrap {padding-bottom: 36px; }
.work-area {margin: 0 auto; padding: 0 17px;} 
.up-bg { background: url(/bitrix/templates/spin/images/up-bg.png) repeat-x; margin-top: -65px; width: 100%; height: 65px; }
.ad-link { margin-top: -20px; padding-bottom: 17px;} 

.shadow-bg  {height: 37px; background-image: url('/bitrix/templates/spin/images/shadow-bg.png');}
.line-poisk {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); position: absolute; right: 75px; top: 0px;}
#poisk-img { margin-left: 25px; margin-top: 17px;}

.line-facebook {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: right; margin-right: 150px;}
#facebook-img {position: absolute; right: 101px; margin-top: 17px;}
#facebook-img-main {margin: 12px 0 0 15px; display: inline;}

.company-title-bg  {height: 60px; background-image: url('/bitrix/templates/spin/images/company-title-bg.png');}
.line-company {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: left;}
.title-big-company { line-height: 60px; font-size:20px; background-color: #d8d9da; text-align: center; width: 145px; float: left;}
.title-big-company-off { line-height: 60px; font-size:20px; text-align: center; width: 145px; float: left;}
.title-big-advantages { line-height: 60px; font-size:20px; text-align: center; width: 167px; float: left;}
.title-big-certificates { line-height: 60px; font-size:20px; text-align: center; width: 162px; float: left;}
.title-big-partners { line-height: 60px; font-size:20px; text-align: center; width: 133px; float: left;}
.title-big-news { line-height: 60px; font-size:20px; text-align: center; width: 113px; float: left;}
.title-big-advantages-on { line-height: 60px; font-size:20px; background-color: #d8d9da; text-align: center; width: 167px; float: left;}
.title-big-certificates-on { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 162px; float: left;}
.title-big-partners-on { line-height: 60px; font-size:20px;  background-color: #d8d9da;text-align: center; width: 133px; float: left;}
.title-big-news-on { line-height: 60px; font-size:20px;  background-color: #ffffff;text-align: center; width: 113px; float: left;}

.equipment-title-bg  {height: 60px; background-image: url('/bitrix/templates/spin/images/equipment-title-bg.png');}
.line-equipment {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: left;}
.title-big-equipment { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 78px; float: left;}
.title-big-equipment-off { line-height: 60px; font-size:20px; text-align: center; width: 78px; float: left;}
.title-big-sound { line-height: 60px; font-size:20px; text-align: center; width: 92px; float: left;}
.title-big-video-equipment { line-height: 60px; font-size:20px; text-align: center; width: 89px; float: left;}
.title-big-stage { line-height: 60px; font-size:20px; text-align: center; width: 86px; float: left;}
.title-big-conference-systems { line-height: 60px; font-size:20px; text-align: center; width: 219px; float: left;}
.title-big-generators { line-height: 60px; font-size:20px; text-align: center; width: 133px; float: left;}
.title-big-sound-on { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 92px; float: left;}
.title-big-video-equipment-on { line-height: 60px; background-color: #ffffff; font-size:20px; text-align: center; width: 89px; float: left;}
.title-big-stage-on { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 86px; float: left;}
.title-big-conference-systems-on { line-height: 60px; background-color: #ffffff; font-size:20px; text-align: center; width: 219px; float: left;}
.title-big-generators-on { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 133px; float: left;}

.line-projects {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: left;}
.title-big-projects { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 120px; float: left;}
.title-big-video { line-height: 60px; font-size:20px; text-align: center; width: 96px; float: left;}
.title-big-projects-off { line-height: 60px; font-size:20px;  text-align: center; width: 120px; float: left;}
.title-big-video-on { line-height: 60px; font-size:20px; background-color: #ffffff; text-align: center; width: 96px; float: left;}
.projects-title-bg  {height: 60px; background-image: url('/bitrix/templates/spin/images/projects-title-bg.png');}

.contacts-title-bg  {height: 60px; background-image: url('/bitrix/templates/spin/images/contacts-title-bg.png');}
.line-contacts {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: left;}
.title-big-contacts { line-height: 60px; font-size:20px; background-color: #d8d9da; text-align: center; width: 126px; float: left;}

.line-request {height: 60px; width: 2px; background-image: url('/bitrix/templates/spin/images/line.png'); float: left;}
.title-big-request { line-height: 60px; font-size:20px; background-color: #d8d9da; text-align: center; width: 186px; float: left;}
.request-title-bg  {height: 60px; background-image: url('/bitrix/templates/spin/images/request-title-bg.png');}

.title-big-video a, .title-big-equipment-off a, .title-big-company-off a, .title-big-equipment a, .title-big-sound a, .title-big-video-equipment a, .title-big-stage a, .title-big-conference-systems a, .title-big-generators a, .title-big-projects-off  a, .title-big-advantages a, .title-big-certificates a, .title-big-partners a, .title-big-news a {color:#414042; text-decoration:none;  font-size:20px;}
.title-big-video a:hover, .title-big-equipment-off a:hover, .title-big-company-off a:hover, .title-big-equipment a:hover, .title-big-sound a:hover, .title-big-video-equipment a:hover, .title-big-stage a:hover, .title-big-conference-systems a:hover, .title-big-generators a:hover, .title-big-projects-off a:hover, .title-big-advantages a:hover, .title-big-certificates a:hover, .title-big-partners a:hover, .title-big-news a:hover  {color:#414042; text-decoration:underline;  font-size:20px;}

.second-title-bg {height: 60px; background-image: url('/bitrix/templates/spin/images/second-title-bg.png'); line-height: 60px; width: 100%;}
.second-title-bg-about {height: 60px; background-image: url('/bitrix/templates/spin/images/second-title-bg-about.png'); line-height: 60px; width: 100%;}
ul.second-title  {font-size:18px; margin-left: 20px;}
ul.second-title li  {display: inline; margin: 0 20px 0 20px; list-style-type: none;}
ul.second-title a  {color:#414042; text-decoration:underline;  font-size:18px;}
ul.second-title a:hover  {color:#414042; text-decoration:none;  font-size:18px;}

.second-title-bg-equipment {background: url(/bitrix/templates/spin/images/second-title-bg-equipment.png) repeat; background-position: center  top; width: 100%;}
ul.second-title-equipment  {font-size:18px; padding: 12px 12px 20px 12px; float: left;}
ul.second-title-equipment li  {margin: 8px  0 0 12px; list-style-type: none;}
ul.second-title-equipment a  {color:#414042; text-decoration:underline;  font-size:18px;}
ul.second-title-equipment a:hover  {color:#414042; text-decoration:none;  font-size:18px;}

.map { border: 1px solid #d6d6d6; padding: 7px; height: 350px; margin-bottom:15px;}
.map-title { text-align: center; font-size:12px; margin-top: 3px; margin-bottom: 17px;}
.bus { float:left; margin: 0 8px;}
a.tel-map  {color:#414042; text-decoration:none;  cursor: default;}
a.tel-map:hover  {color:#414042; text-decoration:none; cursor: default;}

.form input { margin-top:3px; margin-bottom:25px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#414042; height: 23px; width:300px; padding:3px; border:1px solid #d6d6d6;  vertical-align:top;}
.form input:hover {margin-top:3px; margin-bottom:25px; border: 1px solid #ef5829; vertical-align:top; }
.form input:focus { outline: none; }
.form label {width:300px;  display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera & IE*/text-align:left;vertical-align:top; color: #414042; font-size:14px;}
.form label span {width:300px; /* must be the same as above!*/ }
.star {color:#ef5829;}
.left {float:left;}

input.form { font-family: Arial, Helvetica, sans-serif; cursor:pointer; background:url(/bitrix/templates/spin/images/bg_gray_bar.jpg) 0 0 repeat-x; margin:9px 0 0 0; outline:none; border:1px solid #333; color:#fff; width:139px; height:33px;font-size:14px;}
input:hover.form { font-family: Arial, Helvetica, sans-serif; cursor:pointer; background:url(/bitrix/templates/spin/images/bg_gray_bar.jpg) 0 0 repeat-x; margin:9px 0 0 0; outline:none; border:1px solid #333; color:#fff; width:139px; height:33px;font-size:14px;}

.form textarea {margin-top:3px;  width: calc(100% - 8px); height:343px; resize:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#414042; overflow:auto; padding:3px; border:1px solid #d6d6d6; vertical-align:top;}
.form textarea:hover { margin-top:3px; border: 1px solid #ef5829; vertical-align:top; }
.form textarea:focus { outline: none; }

a.video-container { width: 230px; height: 130px; display: block; background: url(/bitrix/templates/spin/images/video-bg.png); margin-top: -130px; position: absolute;}
a.video-container:hover { background-position: 0 -130px;}