.clear {
    clear: both;
}
#content .layout {
    padding-top: 87px;
}
.layout .description, .lights, .lights p, .lights li {
    font-family: 'Myriad Pro';
}
#page {
    background: url(../../images/crm/bg.gif);
}
.layout .description .item-1, .layout .description .item-2 {
    float: left;
}
.layout .description .item-1 {
    width: 798px;
    padding: 0 0 0 60px;
}
.layout .description .item-2 {
    width: 340px;
    padding: 78px 0 0;
}
.layout .description .item-1 h1 {
    font-size: 170px;
    line-height: 110px;
}
.layout .description .item-1 h2 {
    color: #ff302b;
    font-size: 55px;
    margin-top: 0;
    padding: 0 0 0 8px;
}
.layout .description .item-1 h2 canvas {
    margin-bottom: -40px !important;
}
.layout .description .item-1 h3 {
    font-size: 30px;
    margin: 0;
    padding: 0 0 0 8px;
}
.layout .description .item-1 h3 a {
    color: #000;
    text-decoration: none;
}
.layout .description .item-1 a:hover > span {
    background: url(../../images/crm/line.gif) repeat-x 0 22px;
}
.layout .description .item-2 h3 {
    font-size: 24px;
    font-weight: normal;
    color: #ff302b;
    margin: 0;
}
.layout .description .item-2 h3.title-2 {
    margin: 65px 0 0 0;
}
.layout .description .item-2 h6 {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
}
.layout .description .item-2 li {
    display: block;
    float: left;
    width: 90px;
    font-size: 14px;
    line-height: 14px;
    list-style-type: desc;
    padding: 0 0 0 12px;
    margin: 0;
    background: url(../../images/crm/bullet.gif) no-repeat 0 3px;
}
.lights {
    position: relative;
}
.lights ul {
    margin: 0;
    padding: 0;
}
.lights li {
    list-style: none;
    background: url(../../images/crm/bullet.png) no-repeat 0 4px;
    padding: 0 0 0 6px;
    margin: 0;
}
.lights .head {
    border-top: 1px solid #ee2d28;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    margin: 90px auto 60px auto;
    width: 916px;
}
.lights .head div {
    width: 40px;
    height: 12px;
    background: url(../../images/crm/triangle.png) no-repeat 0 0;
    float: left;
    margin-top: -1px;
}
.lights .head .active {
    background-position: 0 100%;
}
.lights .head .item-2 {
    margin-left: 395px;
}
.lights .head .item-3 {
    margin-left: 401px;
}
.lights .bodies div {
    background: url(../../images/crm/round.png) no-repeat 0 0;
    float: left;
    height: 277px;
    padding: 99px 0 0 104px;
    position: relative;
    width: 296px;
}
.lights .bodies h3 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
}
.lights .bodies .active {
    background-position: 0 100%;
}
.lights .bodies .item-1 {
    margin: 0 0 0 -26px;
}
.lights .bodies .item-2 {
    height: 306px;
    left: 410px;
    padding: 70px 0 0 104px;
    position: absolute;
    top: 73px;
}
.lights .bodies .item-3 {
    height: 320px;
    padding: 56px 0 0 83px;
    position: absolute;
    right: -25px;
    top: 73px;
}
.lights .bodies li, .lights .bodies p {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
}
.lights .bodies .item-3 p {
    line-height: 14px;
}
.lights .item-3 .h200 {
    font-size: 120px;
    margin: -28px 0px 0px;
    color: #eaeaea;
    position: absolute;
    right: 42px;
    top: 66px;
    display: block;
    width: 185px;
    height: 133px;
}
.lights .bodies .line {
    background: #eaeaea;
    display: block;
    font-size: 1px;
    height: 1px;
    left: 0;
    line-height: 1px;
    position: absolute;
    top: 187px;
    width: 99px;
}
.lights .bodies .item-2 .line {
    /*top: 182px;*/
}
.lights .bodies .item-3 .line {
    width: 71px;
}
.portfolio {
    height: 667px;
    background: url(../../images/crm/photo-bg.jpg) repeat-x 0 0;
    margin: 100px -1000em 0 -1000em;
}
.portfolio .content {
    width: 1200px;
    margin: 0 auto;
}
.portfolio .features {
    padding: 52px 0 0 0;
    float: left;
    width: 1150px;
    margin: 0 0 0 -808px;
}
.portfolio .features ul {
    padding: 0;
}
.portfolio .features li {
    list-style: none;
    margin: 20px 0;
    color: #3bacdc;
    font-family: 'Myriad Pro';
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
}
.portfolio .features li b {
    width: 40px;
    display: block;
    float: left;
    height: 30px;
    background: url(../../images/crm/photo-bg1.jpg) repeat-x 0 0;
    margin: 0 10px 0 0;
}
.portfolio .features li.item-1 {
    margin-top: 80px;
}
.portfolio .features li.item-1 span {
    opacity: 0.6;
}
.portfolio .features li.item-1 b {
    margin-top: 16px;
    /*width: 160px;*/
    width: 920px;
}
.portfolio .features li.item-2 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 53px;
}
.portfolio .features li.item-2 b {
    background-position: 0 -100px;
    margin-top: 16px;
    width: 830px;
}
.portfolio .features li.item-3 {
    margin-top: 29px;
}
.portfolio .features li.item-3 span {
    opacity: 0.5;
}
.portfolio .features li.item-3 b {
    background-position: 0 -163px;
    margin-top: 3px;
    width: 980px;
}
.portfolio .features li.item-4 {
    margin-top: 54px;
}
.portfolio .features li.item-4 b {
    background-position: 0 -100px;
    margin-top: 3px;
    width: 900px;
}
.portfolio .features li.item-5 {
    margin-top: 67px;
}
.portfolio .features li.item-5 span {
    opacity: 0.8;
}
.portfolio .features li.item-5 b {
    background-position: 0 -332px;
    margin-top: 4px;
    width: 830px;
}
.portfolio .pictures {
    float: left;
    padding: 50px 0 0 20px;
    position: relative;
    width: 776px;
}
.images {
    position: relative;
    height: 502px;
    width: 732px;
    float: left;
    margin: 15px;
    cursor: pointer;
    background: url(../../images/crm/slider-bg.gif) no-repeat 0 0;
}
.images div {
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin: 12px 0 0 11px;
}
.slidetabs {
    clear:both;
    margin-left:350px;
}
.slidetabs a {
    width: 9px;
    height: 9px;
    float:left;
    margin:3px;
    background:url(../../images/crm/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
.slidetabs a:hover {
    background-position:0 -9px;
}
.slidetabs a.current {
    background-position:0 -9px;
}
.forward, .backward {
    background: url(../../images/crm/hori_large.png) no-repeat;
    display:block;
    width:12px;
    height:41px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
    position: absolute;
    top: 300px;
}
.forward {
    background-position: 0 -41px;
    right: 0;
}
.forward:hover {
    background-position:-12px -41px;
}
.backward {
    left: 5px;
}
.backward:hover	{
    background-position:-12px 0;
}
.disabled {
    visibility:hidden !important;
}
.workers {
    margin: 0 -1000em;
    background: #f7f7f0;
    padding: 90px 0 90px;
    font-family: 'Myriad Pro';
    font-size: 18px;
    line-height: 22px;
    position: relative;
    z-index: 100;
}
.workers-line {
    height: 2px;
    font-size: 2px;
    line-height: 2px;
    background: #cbcbc6;
}
.workers .inner {
    width: 1200px;
    margin: -50px auto 0 auto;
}
.workers ul {
    list-style: none;
    padding: 0;
}
.workers li ul {
    background: #f7f7f0;
}
.workers li {
    color: #415a6c;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0 20px;
}
.workers li li {
    float: none;
}
.workers li.title {
    color: #000;
    font-weight: normal;
}

/* ������� */
/* Firefox */
.browserFirefox #content .layout {
    padding-top: 90px;
}
/* Chrome */
.browserChrome .portfolio .features li.item-2 {
    margin-top: 52px;
    padding-bottom: 1px;
}
.browserChrome .portfolio .features li.item-5 {
    margin-top: 66px;
}
.browserChrome .lights .bodies .item-2 {
    padding: 68px 0 0 104px;
    height: 308px;
}
.browserChrome .lights .bodies .item-3 {
    height: 322px;
    padding: 54px 0 0 83px;
}
/* Safari */
.browserSafari .portfolio .features li.item-1 {
    margin-top: 81px;
}
.browserSafari .portfolio .features li.item-2 {
    margin-top: 52px;
}
.browserSafari .portfolio .features li.item-3 {
    margin-top: 30px;
}
.browserSafari .portfolio .features li.item-5 {
    margin-top: 66px;
}
/* Opera */
.browserOpera #content .layout {
    padding-top: 110x;
}
.browserOpera .portfolio .features li.item-1 {
    margin-top: 96px;
}
.browserOpera .portfolio .features li.item-2 {
    margin-top: 60px;
}
.browserOpera .portfolio .features li.item-3 {
    margin-top: 40px;
}
.browserOpera .portfolio .features li.item-4 {
    margin-top: 58px;
}
.browserOpera .portfolio .features li.item-5 {
    margin-top: 70px;
}
.browserOpera .layout .description .item-1 h2 {
    margin-bottom: 20px;
}
.browserOpera .layout .description .item-1 h3 {
    margin-top: 27px;
}
.browserOpera .layout .description .item-1 h3 a {
    line-height: 35px;
}
.browserOpera .layout .description .item-1 h3 a:hover {
    background: url(../../images/crm/line.gif) repeat-x 0 32px;
    line-height: 35px;
}
.browserOpera .layout .description .item-2 h3 {
    line-height: 28px;
}
.browserOpera .layout .description .item-2 h6 {
    line-height: 18px;
}
.browserOpera .lights .bodies h3 {
    line-height: 29px;
}
.browserOpera .lights .item-3 .h200 {
    margin: -15px -5px 0 0;
}
.browserOpera .lights li {
    background-position: 0 7px;
}
.browserOpera .lights .bodies .item-1 {
    padding: 97px 0 0 104px;
    height: 279px;
}

.browserOpera .lights .bodies .item-2 {
    padding: 68px 0 0 104px;
    /*height: 279px;*/
    height: 308px;
}
/* IE9 */
.browserIE9 .features li.item-1 {
    margin-top: 85px;
}
.browserIE9 .features li.item-2 {
    margin-top: 51px;
}
.browserIE9 .features li.item-5 {
    margin-top: 66px;
}

/* Apple Gadgets */
.browserIGadget .portfolio .features li.item-1 {
    margin-top: 80px;
}
.browserIGadget .portfolio .features li.item-2 {
    margin-top: 54px;
}
.browserIGadget .portfolio .features li.item-3 {
    margin-top: 28px;
}
.browserIGadget .portfolio .features li.item-4 {
    margin-top: 55px;
}
.browserIGadget .portfolio .features li.item-5 {
    margin-top: 67px;
}




.b-social{
    width: 265px;
    margin: -20px auto 0 auto;
    padding: 0 0 30px 0;
}
.b-social .item {
    margin-right: 9px;
    float: left;
}
.b-social .vk {
    width: 72px;
    padding: 1px 0 0 0;
}
.b-social .tw {
    width: 85px;
}