/* бекграунд в хедере*/

.ekologiya .headerBlock {
    background: url(../images/bg_header.jpg) 40% -108px no-repeat;
    color: #000;
}


/* промо-текст о текущем продукте, вынесла отдельно, может быть разной длины */

.ekologiya .headerBlock .aboutText {
    font-size: 1.35em;
    font-weight: 200;
    width: 480px;
}


/* цвет плашки в хедере для текста и навигации */

.ekologiya .headerText {
    background-color: #ff7f20;
}


/* цвет плащки с партнерами */

.ekologiya .mainNav {
    background-color: rgba(256, 256, 256, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}


/* логотип сайта, te или kodeks */

.ekologiya .mainNav .teLogo {
    background: url(../images/logo_te.png) 0 0 no-repeat;
    width: 118px;
    height: 22px;
    margin: 14px 32px 0 21px;
}

.ekologiya .mainNav .teLogo:hover {
    background-position: 0 bottom;
}


/* иконки партнеров в хедере */

.ekologiya .mainNav .partners {
    margin-top: 3px;
}

.ekologiya .mainNav .partners a {
    background-image: url(../images/partners_main.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 35px;
}

.ekologiya .mainNav .partners a.p1 {
    background-position: 3px 0;
}

.ekologiya .mainNav .partners a.p2 {
    background-position: -39px 0;
}

.ekologiya .mainNav .partners a.p3 {
    background-position: -84px 0;
}

.ekologiya .mainNav .partners a.p1:hover {
    background-position: 3px -38px;
}

.ekologiya .mainNav .partners a.p2:hover {
    background-position: -39px -38px;
}

.ekologiya .mainNav .partners a.p3:hover {
    background-position: -84px -38px;
}


/* цвет треугольника для плашки с текстом и навигацией */

.ekologiya .headerText .triangle {
    background: url('../../main/images/icons/icons.png') 0 -1100px no-repeat;
}


/* цвет плашек навигации в хедере */

.promoPage .pageNav .td {
    background-color: rgba(0, 70, 110, 0.98);
    color: #fff;
}

.promoPage .pageNav .td:hover {
    background-color: rgba(255, 255, 255, 0.95);
    color: #000;
}

.promoPage .pageNav .td.p8,
.promoPage .pageNav .td.p9 {
    background-color: rgba(253, 253, 253, 0.92);
    color: #000;
}

.promoPage .pageNav .td.p8:hover,
.promoPage .pageNav .td.p9:hover {
    background-color: #fff;
}

.promoPage .pageNav .td span {
    width: 100%;
    font-size: 1px;
    background-image: url('../../main/images/icons/header_page_nav.png');
    background-repeat: no-repeat;
}

.promoPage .pageNav .td.p1 span {
    background-position: 0 -114px;
}

.promoPage .pageNav .td.p2 span {
    background-position: -114px -114px;
}

.promoPage .pageNav .td.p3 span {
    background-position: -228px -114px;
}

.promoPage .pageNav .td.p4 span {
    background-position: -342px -114px;
}

.promoPage .pageNav .td.p5 span {
    background-position: -456px -114px;
}

.promoPage .pageNav .td.p6 span {
    background-position: -570px -114px;
}

.promoPage .pageNav .td.p7 span {
    background-position: -684px -114px;
}

.promoPage .pageNav .td.p8 span {
    background-position: -798px -114px;
}

.promoPage .pageNav .td.p9 span {
    background-position: -912px -114px;
}


/* для проверки конверсии; др. контент*/

.request .promoPage .pageNav .td.p8 span {
    background-position: -1300px -114px;
}

.request .promoPage .pageNav .td.p9 span {
    background-position: -798px -117px;
}

.promoPage .footerPage .demoBlock a b,
.templateVer .demoBlock a b {
    width: 43px;
    height: 43px;
    position: absolute;
    font-size: 1px;
    background-image: url('../../main/images/icons/header_page_nav.png');
    background-repeat: no-repeat;
}

.promoPage .footerPage .demoBlock a.demoStart b,
.templateVer .demoBlock a.demoStart b {
    background-position: -836px -20px
}

.promoPage .footerPage .demoBlock a.demoFree b,
.templateVer .demoBlock a.demoFree b {
    background-position: -950px -20px;
}

.templateVer .demoBlock.fixedBlock a.demoFree b {
    background-position: -950px -17px;
}

.form_desc {
    color: grey;
    font-size: 11px;
    padding-bottom: 15px;
    margin-left: 50px;
    max-width: 400px;
}

.request .promoPage .footerPage .demoBlock a.demoStart b,
.request .templateVer .demoBlock a.demoStart b {
    background-position: -1338px -20px
}

.request .promoPage .footerPage .demoBlock a.demoFree b,
.request .templateVer .demoBlock a.demoFree b {
    background-position: -836px -20px;
}

.request .promoPage .footerPage .demoBlock a.demoFree span,
.request .templateVer .demoBlock a.demoFree span {
    padding-top: 4px;
}

.promoPage .pageNav .td.p1:hover span {
    background-position: 0 0;
}

.promoPage .pageNav .td.p2:hover span {
    background-position: -114px 0;
}

.promoPage .pageNav .td.p3:hover span {
    background-position: -228px 0;
}

.promoPage .pageNav .td.p4:hover span {
    background-position: -342px 0;
}

.promoPage .pageNav .td.p5:hover span {
    background-position: -456px 0;
}

.promoPage .pageNav .td.p6:hover span {
    background-position: -570px 0;
}

.promoPage .pageNav .td.p7:hover span {
    background-position: -684px 0;
}


/*.promoPage .pageNav .td.p8:hover span {background-position:-798px 0;}
.promoPage .pageNav .td.p9:hover span {background-position:-912px 0;}*/


/* анимация */


/*.promoPage .pageNav .td:hover span {
 -webkit-transition: background 400ms 0 0 ease;
-moz-transition: background 400ms;
-o-transition: background 400ms 0 ease;
-ms-transition: background 400ms 0 ease;
transition:background 400ms 0 ease;
}
.promoPage .pageNav .td:hover p{
 -webkit-animation: moveFromBottom 300ms ease-in-out;
 -moz-animation: moveFromBottom 300ms ease-in-out;
 -o-animation: moveFromBottom 300ms ease-in-out;
 -ms-animation: moveFromBottom 300ms ease-in-out;
 animation: moveFromBottom 300ms ease-in-out;
}*/


/* текст возле плашек навигации */

.ekologiya .headerText .promoText {
    color: #49270e;
}

.ekologiya .headerText .promoText ul li {
    display: block;
    list-style: none;
    margin-left: 25px;
}

.ekologiya .headerText .promoText ul li span {
    margin-left: -25px;
    display: block;
    float: left;
}


/* промо-лицо страницы */

.ekologiya .contentPage .man {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 492px;
    background: url('../images/man.jpg') 0 0 no-repeat;
    z-index: 0;
}


/* текст рядом с промо-лицом :) */

.ekologiya .contentPage .blockText p,
.ekologiya .contentPage ul {
    color: #494949;
}


/*выравнивание первого элемента списка*/

.promoPage .contentPage ul li:first-child {
    padding-left: 1.6em !important;
}


/* video & presentation */

.promoPage .howWeDoBlock h4 {
    font-family: 'pf_dintext_proregular', 'Arial', sans-serif;
}

.promoPage .howWeDoBlock a {
    color: #000;
}

.promoPage .howWeDoBlock a:hover {
    background-color: rgba(255, 255, 255, 0.95);
    color: #000;
}

.promoPage .howWeDoBlock a p {
    color: #49270E;
}

.promoPage .headerText .promoText .howWeDoBlock p {
    font-size: 0.83em;
}


/* вынесла большие заголовки */

.ekologiya .headerBlock h1 {
    margin-bottom: 24px;
    padding-top: 25px;
    padding-left: 7.9%;
}

.ekologiya .headerBlock h1 span {
    display: block;
}

.ekologiya .headerBlock h1 .small {
    font-size: 2.7em;
    line-height: 1.3em;
}

.ekologiya .headerBlock h1 .big {
    font-size: 3.7em;
    line-height: 0.85em;
    width: 400px;
}

.ekologiya .contentPage h2 {
    margin-bottom: 60px;
    width: 80%;
    margin-left: 7.9%;
    position: relative;
    z-index: 1;
    padding-top: 90px;
}

.ekologiya .contentPage h2 span {
    font-size: 3.15em;
    line-height: 1.1em;
}

.ekologiya .contentPage .moreAboutSystem h3 {
    background: url('../images/arrow.png') 570px 0 no-repeat;
    min-height: 128px;
}

.ekologiya .contentPage .moreAboutSystem h3 .big {
    font-size: 4.8em;
    line-height: 0.8em;
}

.ekologiya .contentPage .moreAboutSystem h3 .small {
    font-size: 2.7em;
    padding-bottom: 20px;
}

.ekologiya .contentPage .moreAboutSystem .cmon {
    font-size: 2.7em;
}

.ekologiya .footerPage h3 span.big {
    font-size: 2.8em;
    line-height: 1em;
    font-weight: 500;
}

.ekologiya .footerPage h3 span.small {
    font-size: 1.3em;
    font-weight: 500;
}


/* background навигации в теле страницы */

.ekologiya .contentPage .moreAboutSystem {
    background-color: #f1f1f1;
}


/* плашки навигации в теле страницы */

.promoPage .contentPage .aboutSystemItem .tr .td:hover {
    background: #ff8c36;
}

.promoPage .contentPage .aboutSystemItem .tr .td {
    color: #000;
}

.promoPage .contentPage .aboutSystemItem .tr .td p {
    color: #000;
}

.promoPage .contentPage .aboutSystemItem .tr .td b {
    font-size: 1px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 22px 0 0 4%;
    background-image: url('../../main/images/icons/page_nav.png');
    background-repeat: no-repeat;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p1 b {
    background-position: 0 0;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p2 b {
    background-position: 0 -100px;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p3 b {
    background-position: 0 -200px;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p4 b {
    background-position: 0 -300px;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p5 b {
    background-position: 0 -400px;
}

.promoPage .contentPage .aboutSystemItem .tr .td.p6 b {
    background-position: 0 -500px;
}


/*.promoPage .contentPage .aboutSystemItem .tr .td:hover b {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}*/


/*.promoPage .contentPage .aboutSystemItem .tr .td:hover span{
 -webkit-animation: moveFromTop 200ms ease-in-out;
 -moz-animation: moveFromTop 200ms ease-in-out;
 -o-animation: moveFromTop 200ms ease-in-out;
 -ms-animation: moveFromTop 200ms ease-in-out;
 animation: moveFromTop 200ms ease-in-out;
}
.promoPage .contentPage .aboutSystemItem .tr .td:hover p{
 -webkit-animation: moveFromBottom 200ms ease-in-out;
 -moz-animation: moveFromBottom 200ms ease-in-out;
 -o-animation: moveFromBottom 200ms ease-in-out;
 -ms-animation: moveFromBottom 200ms ease-in-out;
 animation: moveFromBottom 200ms ease-in-out;
}*/

#dlya_kogo span {
    display: block;
}

.in_items {
    list-style-type: none;
    margin-bottom: 0.3em;
}

.in_items li {
    display: block;
    list-style: none outside none;
    margin-left: 25px;
}

.in_items li span {
    display: block;
    float: left;
    margin-left: -25px;
}


/* цвет текста footer */

.ekologiya .footerPage {
    color: #fff;
}

.footer {
    color: #266284;
}

.footer p {
    background-color: #00466e;
}


/* цвет background в футере, где демо-блоки */

.ekologiya .footerPage {
    background-color: #00466e;
}


/* плашки demo */

.ekologiya .footerPage .demoBlock a {
    color: #000;
}

.ekologiya .footerPage .demoBlock a div {
    background-color: #FF7F20;
}


/* шаблон для внутренних страниц */

.modalWrap .ekologiyaModal .bgClose {
    background-color: #195779;
}

.modalWrap.tpl2 .ekologiyaModal .bgClose {
    background-color: #fff;
}

.modalWrap .ekologiyaModal .close a {
    background: url("../../main/images/icons/icons.png") 5px -1243px no-repeat;
    height: 53px;
    width: 43px;
}

.modalWrap .ekologiyaModal .close:hover a {
    background-position: 5px -1293px;
}

.modalWrap.tpl2 .ekologiyaModal .close a {
    background-position: 5px -1143px;
}

.modalWrap.tpl2 .ekologiyaModal .close:hover a {
    background-position: 5px -1193px;
}

.modalWrap .ekologiyaModal .backMainPage {
    color: #8CABBC;
}

.modalWrap .ekologiyaModal .backMainPage span {
    background: url("../images/mini_arrow.png") 8px -42px no-repeat;
}

.modalWrap .ekologiyaModal .backMainPage:hover {
    color: #fff;
}

.modalWrap .ekologiyaModal .backMainPage:hover span {
    background-position: 8px -72px;
}

.modalWrap .ekologiyaModal .leftMain {
    color: #fff;
}

.modalWrap .ekologiyaModal .leftMain .blueBg {
    background-color: rgba(0, 69, 106, 0.9);
}

.modalWrap .ekologiyaModal .contentInner {
    background-color: #fff;
}

.modalWrap .ekologiyaModal .bg {
    background-color: rgba(0, 69, 106, 0.898);
    color: #fff;
}


/* внутренние страницы */

.ekologiyaModal .templateVer h5 {
    color: #fff;
}

.ekologiyaModal .templateVer h5 span {
    background: url("../images/mini_arrow.png") 50% -14px no-repeat;
}

.tpl2 .templateVer h5 span {
    background: url("../images/mini_arrow.png") 50% -135px no-repeat;
}

.ekologiyaModal .templateVer ul.menu li {
    color: #C5D5DD;
}

.ekologiyaModal .templateVer ul.menu li:hover {
    color: #fff;
}

.ekologiyaModal .templateVer ul.menu li.current {
    color: #fff;
}

.ekologiyaModal .mainMenu a {
    color: #fff;
}

.ekologiyaModal .mainMenu a:hover {
    background-color: #195779;
}


/* если выпадающие меню открыто */

#showMenu.ekologiyaModal .templateVer h5 {
    color: #8CABBC;
}

#showMenu.ekologiyaModal .templateVer h5 span {
    background-position: 50% 8px;
}

.tpl2 #showMenu.ekologiyaModal .templateVer h5 span {
    background-position: 50% -105px;
}

#showMenu.ekologiyaModal .mainMenu {
    background-color: rgba(2, 72, 111, 0.95);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.298);
}

#showMenu.ekologiyaModal ul.menu li {
    color: #447792;
}

.ekologiyaModal .templateVer h4 {
    color: #383838;
}

.ekologiyaModal .templateVer h4 .h4Icon {
    background-image: url("../images/bigset.png");
    background-repeat: no-repeat;
}

.ekologiyaModal .templateVer ul.itemMenuList li {
    display: block;
    list-style: none;
    margin-left: 25px;
}

.ekologiyaModal .templateVer ul.itemMenuList li span {
    margin-left: -25px;
    display: block;
    float: left;
}


/*chto_daet_sistema*/

.ekologiyaModal .templateVer h4.chto_daet_sistema1 .h4Icon {
    background-position: 0 -6px;
}

.ekologiyaModal .templateVer h4.chto_daet_sistema2 .h4Icon {
    background-position: 0 -104px;
}

.ekologiyaModal .templateVer h4.chto_daet_sistema3 .h4Icon {
    background-position: 0 -217px;
}

.ekologiyaModal .templateVer h4.chto_daet_sistema4 .h4Icon {
    background-position: 0 -306px;
}

.ekologiyaModal .templateVer h4.chto_daet_sistema5 .h4Icon {
    background-position: 0 -406px;
}


/*sostav_i_razdeli*/

.ekologiyaModal .templateVer h4.sostav_i_razdeli1 .h4Icon {
    background-position: 0 -505px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli2 .h4Icon {
    background-position: 0 -605px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli3 .h4Icon {
    background-position: 0 -705px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli4 .h4Icon {
    background-position: 0 -809px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli5 .h4Icon {
    background-position: 0 -909px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli6 .h4Icon {
    background-position: 0 -1005px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli7 .h4Icon {
    background-position: 0 -1105px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli8 .h4Icon {
    background-position: 0 -1207px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli9 .h4Icon {
    background-position: 0 -1305px;
}

.ekologiyaModal .templateVer h4.sostav_i_razdeli10 .h4Icon {
    background-position: 0 -1405px;
}


/*servisi_i_uslugi*/

.ekologiyaModal .templateVer h4.servisi_i_uslugi1 .h4Icon {
    background-position: 0 -1559px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi2 .h4Icon {
    background-position: 0 -1661px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi3 .h4Icon {
    background-position: 0 -1752px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi4 .h4Icon {
    background-position: 0 -1853px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi5 .h4Icon {
    background-position: 0 -1956px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi6 .h4Icon {
    background-position: 0 -2059px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi7 .h4Icon {
    background-position: 0 -2155px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi8 .h4Icon {
    background-position: 0 -2254px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi9 .h4Icon {
    background-position: 0 -2351px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi10 .h4Icon {
    background-position: 0 -2462px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi11 .h4Icon {
    background-position: 0 -2556px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi12 .h4Icon {
    background-position: 0 -2666px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi13 .h4Icon {
    background-position: 0 -2766px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi14 .h4Icon {
    background-position: 0 -2861px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi15 .h4Icon {
    background-position: 0 -2970px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi16 .h4Icon {
    background-position: 0 -3074px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi17 .h4Icon {
    background-position: 0 -3159px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi18 .h4Icon {
    background-position: 0 -3273px;
}

.ekologiyaModal .templateVer h4.servisi_i_uslugi19 .h4Icon {
    background-position: 0 -3362px;
}
.ekologiyaModal .templateVer h4.servisi_i_uslugi20 .h4Icon {
    background-position: 0 -3462px;
}
.ekologiyaModal .templateVer h4.servisi_i_uslugi21 .h4Icon {
    background-position: 0 -914px;
}

.ekologiyaModal .templateVer .demoBlock a {
    color: #000000;
}

.ekologiyaModal .templateVer .demoBlock a div {
    background-color: #FF7F20;
}

.templateVer .demoBlock.fixedBlock {
    background-color: #FF7F20;
}

.templateVer .demoBlock.fixedBlock a:first-child {
    border-right: 1px solid #cf6a1f;
    margin-left: -1px;
}

.ekologiyaModal .templateVer .demoBlock.fixedBlock a div:first-child {
    background: none;
}

.ekologiyaModal .templateVer .demoBlock.fixedBlock a div {
    background-color: #FF7F20;
}

.templateVer .demoBlock.fixedBlock a span {
    padding-left: 35px;
}

.tpl2 .templateVer .demoBlock.fixedBlock {
    background: none;
}

.tpl2 .templateVer .demoBlock.fixedBlock a {
    color: #fff;
}

.tpl2 .templateVer .demoBlock.fixedBlock a:first-child {
    border-right: 1px solid #3b708d;
}

.tpl2 .templateVer .demoBlock.fixedBlock a div {
    background: #195779;
}

.tpl2 .templateVer .demoBlock.fixedBlock a div:first-child {
    background: none;
}

.templateVer .demoBlock.fixedBlock a b {
    background-image: url("../../main/images/icons/icons.png");
    width: 30px;
    height: 30px;
}

.templateVer .demoBlock.fixedBlock a.demoStart b {
    background-position: 0 -1700px;
}

.templateVer .demoBlock.fixedBlock a.demoFree b {
    background-position: 0 -1750px;
}

.request .templateVer .demoBlock.fixedBlock a.demoStart b {
    background-position: 0 -1795px;
}

.request .templateVer .demoBlock.fixedBlock a.demoFree b {
    background-position: 0 -1700px;
}

.tpl2 .templateVer .demoBlock a span {
    color: #d5dfec;
}

.tpl2 .templateVer .demoBlock a.demoStart b {
    background-position: 0 -2000px;
}

.tpl2 .templateVer .demoBlock a.demoFree b {
    background-position: 0 -2050px;
}

.tpl2 .templateVer .demoBlock a:hover span {
    color: #fff;
}

.tpl2 .templateVer .demoBlock a.demoStart:hover b {
    background-position: 0 -1850px;
}

.tpl2 .templateVer .demoBlock a.demoFree:hover b {
    background-position: 0 -1900px;
}


/* др. контент демоблока */

.request .tpl2 .templateVer .demoBlock a.demoStart b {
    background-position: 0 -2095px;
}

.request .tpl2 .templateVer .demoBlock a.demoFree b {
    background-position: 0 -2000px;
}

.request .tpl2 .templateVer .demoBlock a.demoStart:hover b {
    background-position: 0 -1945px;
}

.request .tpl2 .templateVer .demoBlock a.demoFree:hover b {
    background-position: 0 -1850px;
}

.templateVer .hideLastItem {
    background: url("../images/hide_last_item.png");
}

.tpl2 .ekologiyaModal .templateVer ul.swichingMenu li {
    color: #8cabbc;
}

.tpl2 .ekologiyaModal .templateVer ul.swichingMenu li.active {
    color: #fff;
}

.tpl2 .majorPartners p {
    padding-left: 0;
    font-size: 1.45em;
    min-height: auto;
}

.tpl2 .majorPartners p.aboutPart {
    background: none;
}

.tpl2 .experts .itemExp {
    background-image: url("../images/exp_stroke.png");
    background-repeat: no-repeat;
    margin-bottom: 80px;
}

.tpl2 .experts .itemExp.p1 {
    background-position: 0 0;
    height: 140px;
}

.tpl2 .experts .itemExp.p2 {
    background-position: 0 -200px;
}

.tpl2 .experts .itemExp.p3 {
    background-position: 0 -400px;
}

.tpl2 .experts .itemExp.p4 {
    background-position: 0 -600px;
    height: 140px;
}

.tpl2 .experts .itemExp.p5 {
    background-position: 0 -800px;
}

.tpl2 .experts .itemExp.p6 {
    background-position: 0 -996px;
}

.tpl2 .experts .itemExp.p7 {
    background-position: 0 -1195px;
}

.tpl2 .experts .itemExp.p8 {
    background-position: 0 -1395px;
}

.tpl2 .experts .itemExp.p9 {
    background-position: 0 -1599px;
}

.tpl2 .experts .itemExp.p10 {
    background-position: 0 -1798px;
}

.tpl2 .majorUsers .plate {
    background-color: #00456a;
    background-color: rgba(0, 69, 106, 0.7);
}

.tpl2 .majorUsers .plate:hover {
    background-color: #00456a;
}

.tpl2 .majorUsers .plate a {
    font-size: 0.9em;
}

.tpl2 .majorUsers .plate span {
    background-image: url("../images/major_users.png");
    background-repeat: no-repeat;
    width: 180px;
    height: 150px;
}

.tpl2 .majorUsers .plate.p1 span {
    background-position: 0 -8px;
    height: 138px;
}

.tpl2 .majorUsers .plate.p2 span {
    background-position: 0 -358px;
}

.tpl2 .majorUsers .plate.p3 span {
    background-position: 0 -728px;
}

.tpl2 .majorUsers .plate.p4 span {
    background-position: 0 -190px;
}

.tpl2 .majorUsers .plate.p5 span {
    background-position: 0 -562px;
    height: 138px;
}

.tpl2 .majorUsers .plate.p6 span {
    background-position: 0 -906px;
    height: 138px;
}


/* бэкграунд для 2го шаблона */

.modalWrap.tpl2 .ekologiyaModal .bgLeftMain img {
    height: auto;
    width: auto;
    position: absolute;
    top: 0px;
    right: 0;
}


/* зависит от контента текущей страницы */


/* страница эксперты */

.tpl2 .majorPartners .wrap {
    width: 380px;
}

.tpl2 .experts .wrap {
    width: 1250px;
}

.tpl2 .templateVer .scrolling.expertsPartners {
    width: 2305px;
}

.tpl2 .experts .itemExp {
    height: 140px;
}

.blockText {
    overflow: hidden;
}

@media (max-height: 770px) {
    .tpl2 .majorPartners {
        font-size: 0.8em;
    }
    .tpl2 .majorPartners p.aboutPart {
        margin-bottom: 1.4em;
    }
    .tpl2 .majorPartners p {
        min-height: 35px;
        background-size: 11%;
    }
    .tpl2 .majorPartners p.p1 {
        background-size: 13%;
    }
    .tpl2 .majorPartners p.p2 {
        background-position: 0 51%;
    }
    .tpl2 .majorPartners p.p3 {
        background-position: 0 100%;
    }
    .tpl2 .majorPartners .wrap {
        width: 380px
    }
    .tpl2 .experts .itemExp {
        height: 140px;
    }
    .tpl2 .experts .wrap {
        width: 2050px;
    }
    .tpl2 .otherPartners .wrap {
        height: 280px;
    }
    .tpl2 .templateVer .scrolling.expertsPartners {
        width: 3110px;
    }
}


/* /страница эксперты */


/* страница пользователи */

@media (max-height: 800px) {
    .tpl2 .otherUsers .wrap {
        height: 368px;
        overflow-y: auto;
    }
}


/* /страница пользователи */


/* для IE */

.forIeViewHeight770 .tpl2 .majorPartners .wrap {
    width: 780px;
}

.forIeViewHeight770 .tpl2 .majorPartners .wrap p {
    float: left;
    margin-right: 20px;
    width: 300px;
}

.forIeViewHeight770 .tpl2 .majorPartners .wrap p.p1 {
    margin-top: 15px;
}

.forIeViewHeight770 .tpl2 .experts .itemExp {
    height: 140px;
}

.forIeViewHeight770 .tpl2 .experts .wrap {
    width: 1210px;
}

.forIeViewHeight770 .tpl2 .otherPartners .wrap {
    height: 280px;
}

.forIeViewHeight770 .tpl2 .templateVer .scrolling.expertsPartners {
    width: 2710px;
}

.forIeViewHeight800 .tpl2 .otherUsers .wrap {
    height: 368px;
    overflow-y: auto;
}


/* /для IE */


/* ширина экрана */

@media (max-width:1300px) {
    .ekologiya .contentPage h2 {
        font-size: 0.95em;
    }
}

@media (max-width:1100px) {
    .ekologiya .contentPage h2 {
        font-size: 0.9em;
    }
}

@media (max-width:1000px) {
    .ekologiya .contentPage h2 {
        font-size: 0.8em;
    }
}


/* /ширина экрана */


/* webkit */

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}


/* firefox */

@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}


/* opera */

@-o-keyframes moveFromTop {
    from {
        -o-transform: translateY(-200%);
    }
    to {
        -o-transform: translateY(0%);
    }
}

@-o-keyframes moveFromBottom {
    from {
        -o-transform: translateY(200%);
    }
    to {
        -o-transform: translateY(0%);
    }
}


/* ie */

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}


/* standart */

@keyframes moveFromTop {
    from {
        transform: translateY(-200%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes moveFromBottom {
    from {
        transform: translateY(200%);
    }
    to {
        transform: translateY(0%);
    }
}